вапроьлбдю
пурум пум пум
Сообщений 1 страница 13 из 13
Поделиться12014-03-29 02:31:42
Поделиться22014-03-30 20:54:57
<p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <style type="text/css">.character { width: 60px; height: 60px; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; -moz-border-radius:100px; -webkit-border-radius: 100px; } .character:hover { -moz-border-radius:100px; -webkit-border-radius: 100px; opacity: 0; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; }.charactername { width:60px; background-color: #000; line-height:0%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:1px; letter-spacing:1px; text-align:center; padding-top:30px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;; opacity: 0; color:none; }.charactername:hover { width:60px; height: 35px; background-color:#000; color:#fff; line-height:100%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:9px; letter-spacing:1px; padding-top:25px; text-align:center; opacity:0.8; -moz-border-radius:100px; -webkit-border-radius: 100px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out; }.lyrical { width:400px; font-family:megrim, cursive; font-size:33px; text-align:center; line-height:80% }.links { width:380px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; color:#fff; font-family:yanone kaffeesatz, sans-serif; font-size:8px; letter-spacing: 4px; text-transform:uppercase}.notes { width:360px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:#000; font-family:yanone kaffeesatz, sans serif; font-size:8px; text-align:center; text-transform:uppercase;line-height:90%; letter-spacing:2px }</style> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css"> <center><div style="width: 321px; font-family: 'Dancing Script'; font-size: 55px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">guest book</div><div style="height: 15px"></div> <div style="width: 400px; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">заходи, располагайся</div></center> <div class="container"> <div class="html-box"> <div class="tab_container"> <div style="display: block;" id="tab4" class="tab_content"> <div style="border: 3px double #CDAA7D; width: 550px; height: 400px; background-color: #EEC591; margin-top: 10px; text-align: center;"><br> <center><hr style="border: 1px dashed #ffd029; shadow: #000 1px 1px 0px;" width=50%></center> <table width=100%> <tr align=justify><td width=5%></td> <td><font style="font-size: 9px; font-family: Tahoma; letter-spacing: 1px; color: a58a36;">Добро пожаловать уважаемые гости и потенциальные игроки! Мы всегда рады видеть каждого и готовы уделить максимум времени людям, которые станут нашей большой семьей. Мы приглашаем вас в уютный и теплый дом, где царит веселье и счастье. Мы надеемся, что каждый зарегистрировавшийся полюбит этот проект также как и мы. Мы будем стараться всегда радовать вас и доставлять удовольствие игрой и позитивным, буквально бесконечным, флудом. Вас ожидает увлекательный сюжет, который будет постоянно изменяться. Также у нас есть гейм-мастеринг, который обязательно поможет вам в определенных отыгрышах. Мы ждем вас, как Хатико, и надеемся, что вы испытаете незабываемые впечатления на проекте tvd.infinity!</font></td></tr> <tr align=center><td width=5%></td> <td> <div style="width: 321px; font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">we need you</div><div style="height: 15px"></div> <div style="width: 400px; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">вы нам нужны</div><br> <div><table><tr align=center><td><center><a href="http://tvdinft.rusff.me/viewtopic.php?id=12#p17"><img src="http://funkyimg.com/i/Gkrc.png"><br><div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">Silas</div></a></center></td> <td><center><a href="http://tvdinft.rusff.me/viewtopic.php?id=12#p17"><img src="http://funkyimg.com/i/GksF.png"><br><div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">Matt</div></a></center></td> <td><center><a href="http://tvdinft.rusff.me/viewtopic.php?id=12#p17"><img src="http://funkyimg.com/i/Gkrb.png"><br><div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">Bonnie</div></a></center></td> <td><center><a href="http://tvdinft.rusff.me/viewtopic.php?id=13#p18"><img src="http://funkyimg.com/i/Gkrf.png"><br><div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">Davina</div></a></center></td></tr></table></div> </font></td></tr> <tr align=center><td width=100% colspan=2><hr style="border: 1px dashed #ffd029; shadow: #897336 1px 1px 0px;" width=50%></td></tr> <tr align=center><td width=5%></td> <td><center><table width=100%><tr align=center><td><div style="font-family: 'Dancing Script'; font-size: 25px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">characters </div><div style="height: 10px"></div> <div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">придержанные роли</div><br> </td> <td><div style="font-family: 'Dancing Script'; font-size: 25px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">faces </div><div style="height: 10px"></div> <div style="text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">придержанные внешности</div><br> <i></i> </td></tr></table></center></td></tr> </table></div> </div> <div style="display: none;" id="tab5" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; overflow-y: visible; overflow-y: scroll; background-color: #EEC591; margin-top: 10px;"><center><font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Обязательно ли брать английские имена?</font><br> Игра ведется в США, поэтому да, имена должны быть английскими. Исключения составляют персонажи, которые приехали из стран Европы. Но это не касается стран СНГ.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">На какой срок придерживаются внешности и роли?</font><br> Роли и внешности придерживаются на три дня.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Что, если мне не пришел пароль на почту?</font><br> Загляните на почте в спам, порой почта отправляет сообщение туда. Нету? Без проблем! Мы сменим вам пароль, просто дайте нам знать об этом в гостевой.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Можно ли играть на форуме лицам, не достигшим 21 года?</font><br> Конечно, рейтинг лишь предупреждает о том, что на форуме возможны сцены сексуального характера, насилия, а так же ненормативной лексики.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">У вас возможен слэш и кросспол?</font><br> Кросспол - дело добровольное, а что касается слеша, то особо не желательно.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Какой максимальный возраст для персонажей?</font><br> Речь идет о сверхъестественных. Вампирам - 700, оборотням - в зависимости от возраста внешности максимум + 10 лет, ведьмам - 300. Призракам прописывается возраст, на котором он остановился когда умер.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Внешность или роль занята, но игрока давно не было, можно ли его освободить?</font><br> Можно, если игрока не было более недели и он не предупредил администрацию.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Обязательно ли смотреть все сезоны, чтоб играть?</font><br> Нет, мы постарались предоставить вам максимальную информацию по канону, а если вам что будет непонятно, администрация с радостью поможет и объяснит вам лично.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Есть ли ограничения внешностей?</font><br> Да, на форуме запрещены азиатские, русские внешности, фрики, а так же животные и мультипликационные персонажи.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Возможна ли смешна внешности, имени или роли?</font><br> Да. Чтоб сменить внешность или имя до того, как вы подали анкету, вам достаточно написать об этом в гостевой. Но если вы уже зарегистрированы и начали игру, то у нас установлена специальная оплата местными "деньгами" за смену внешности, имени или же роли.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">От какого лица пишутся посты?</font><br> От первого, второго и третьего. На ваше усмотрение.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Можно ли взять двух персонажей?</font><br> Мы ничего не имеем против, но это должно быть обсуждено с администрацией. Администрация имеет право разрешить или отказать в соответствии с вашей активностью.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Существует ли минимальное количество строк при написании поста?</font><br> Мы вас не ограничиваем, пишите сколько можите. Порой, посты небольших размеров намного информативнее огромных сочинений на три листа Word.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Возможно ли появление близнецов на форуме?</font><br> Повтор внешностей возможен только по канону или когда игрок согласен появлению своего близнеца на проекте (близнеца от рождения, двойников устанавливает только администрация).<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Можно ли я создам свою расу?</font><br> Нет, на нашем проекте разрешены только канонические расы.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Моего персонажа убили в игре, что делать?</font><br> У вас есть выбор: или вы можете остаться играть этим персонажем, но будучи призраком (в последствии игры так же возможно воскрешение), или же вы можете зарегистрировать другого, живого персонажа и продолжить игру.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Можно ли регистрировать Татию или Шарлотту?</font><br> Нет, на нашем проекте эти роли запрещены.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Можно ли создать родственника канона, которого нет в сериале?</font><br> Этот вопрос вам лучше обсудить лично с игроком в семью которого вы хотите попасть.<br><br> <font style="font-size: 10px; font-family: verdana; letter-spacing: 1px; color: a58a36; text-transform: uppercase; font-weight: bold;">Мне мало трех дней на написание анкеты, можно еще немного времени?</font><br> Да, предупридите администрацию о том, что вам нужно еще время и мы выделим вам еще пару дней.</center></div> </div> <div style="display: none;" id="tab6" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; background-color: #EEC591; margin-top: 10px;"> <font style="font-size: 9px; font-family: Tahoma; letter-spacing: 1px; color: a58a36;"> <div style="width: 321px; font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">Administrators</div><div style="height: 15px"></div> <div style="width: 400px; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">поможем, подскажем</div><br> <table><tbody><tr> <td><center><a href="http://tvdinft.rusff.me/profile.php?id=7"><div style="font-family: 'Dancing Script'; font-size: 20px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">Rebekah </div><br><img src="http://s9.uploads.ru/jL71W.png"></a><br> <b>icq:</b> 640369819<br> <b>skype:</b> mixed feelings</td> <td><center><a href="http://tvdinft.rusff.me/profile.php?id=3"><div style="font-family: 'Dancing Script'; font-size: 20px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">Eugen </div><br><img src="http://s9.uploads.ru/IQojA.png"></a><br> <b>icq:</b> 698688553<br></td> <td><center><a href="http://tvdinft.rusff.me/profile.php?id=37"><div style="font-family: 'Dancing Script'; font-size: 20px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">Melissa </div><br><img src="http://funkyimg.com/i/GAg4.png"></a><br> <b>icq:</b> ?<br></td></tr></tbody></table> <table><tbody><tr> <td><justify>Многорукая древнейшина. Хранительница флуда и жертвующая, порой, своим временем на домашку ради вас, любимых.</td> <td><justify>Тот самый, который держит нас в ежовых рукавицах и следит, чтоб бабский коллектив не превратился в размазню. Аплодисменты главному журналисту желтой прессы.</td> <td><justify>Прекрасная Лисичка-сестричка поможет чем сможет, расскажет что не держим в кромешной тайне от всех и развлечет всех играми, конкурсами <s>и кому там еще что?</s> Заказывайте!</td></tr></tbody></table> </div></div> </div> </div></div> <ul class="tabs"> <li><a href="#tab4"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">welcome </div><div style="height: 10px"></div></center></a></li> <li><a href="#tab5"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">F.A.Q </div><div style="height: 10px"></div></center></a></li> <li><a href="#tab6"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">admins </div><div style="height: 10px"></div></center></a></li> </ul> <style> .img-wrap { height: 100px; overflow: hidden; position: relative; width: 100px;} .img-overlay { background-color: #CDAA7D; bottom: 0; color: #897336; opacity: 0; filter: alpha(opacity = 0); position:absolute; width: 100%; height: 100%; z-index: 1000;} .img-overlay h4, .img-overlay p{ padding:0 10px;} .img-wrap:hover .img-overlay{ opacity: 1.0; filter: alpha(opacity = 100); transition:opacity 0.25s; -moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s;} a.menu:link, a.menu:visited { font-family: arial; font-size: 10px; border-top: 2px solid #CDAA7D; border-left: none; border-right: none; border-bottom: none; background: #CDAA7D; color: #000; text-align: center; display: inline-block; margin: 1px; width: 93px; height: 15px; letter-spacing: 1px; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} a.menu:hover, a.menu:active { background: #CDAA7D; border-top: 2px solid #CDAA7D; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} .container1 { width: 600px; margin: 0 auto; padding: 0;} </style>
Поделиться32014-04-01 17:12:53
Дорогие друзья!
Рады вам представить наш новый дизайн, за который мы сильно благодарим Erica Butler
Надеемся, он вам придет по душе.
Поделиться42014-04-01 18:24:51
ьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкео
ржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслко удкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконл ждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоуд
кнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдек
Поделиться52014-04-03 21:25:20
<script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>
Поделиться62014-04-04 01:02:48
рукожопная логика:
трипкил из трёх дивов - самомордный, .container и .html-box
отдельным домом стоят вкладки - .tabs
каждая вкладка это #tab с номером от 1 до 3, обозначается ссылкой мазафака
содержимое всех вкладом должно быть в .tab_container
каждая вкладка это id="tab1" class="tab_content", класс всегда .tab_content
Поделиться72014-04-04 01:04:56
как нефиг делать
Поделиться82014-04-04 19:48:34
<div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/linnea-ahlman.jpg" /> <figcaption class="caption">Linnea Ahlman</figcaption> </figure> </div> <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/daria-werbowy.jpg" /> <figcaption class="caption">Daria Werbowy</figcaption> </figure> </div>
Поделиться92014-04-08 04:35:28
<p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <style type="text/css">.character { width: 60px; height: 60px; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; -moz-border-radius:100px; -webkit-border-radius: 100px; } .character:hover { -moz-border-radius:100px; -webkit-border-radius: 100px; opacity: 0; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; }.charactername { width:60px; background-color: #000; line-height:0%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:1px; letter-spacing:1px; text-align:center; padding-top:30px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;; opacity: 0; color:none; }.charactername:hover { width:60px; height: 35px; background-color:#000; color:#fff; line-height:100%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:9px; letter-spacing:1px; padding-top:25px; text-align:center; opacity:0.8; -moz-border-radius:100px; -webkit-border-radius: 100px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out; }.lyrical { width:400px; font-family:megrim, cursive; font-size:33px; text-align:center; line-height:80% }.links { width:380px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; color:#fff; font-family:yanone kaffeesatz, sans-serif; font-size:8px; letter-spacing: 4px; text-transform:uppercase}.notes { width:360px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:#000; font-family:yanone kaffeesatz, sans serif; font-size:8px; text-align:center; text-transform:uppercase;line-height:90%; letter-spacing:2px }</style> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css"> <center><div style="width: 321px; font-family: 'Dancing Script'; font-size: 55px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">guest book</div><div style="height: 15px"></div> <div style="width: 400px; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">заходи, располагайся</div></center> <div class="container"> <div class="html-box"> <div class="tab_container"> <div style="display: block;" id="tab4" class="tab_content"> <div style="border: 3px double #CDAA7D; width: 550px; height: 400px; background-color: #EEC591; margin-top: 10px; text-align: center;"><center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9Bh.png"></td> <td><img src="http://funkyimg.com/i/G9Bi.png"></td> <td><img src="http://funkyimg.com/i/G9Bj.png"></td> <td><img src="http://funkyimg.com/i/G9Bk.png"></td> <td><img src="http://funkyimg.com/i/G9Bm.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Bn.png"></td> <td><img src="http://funkyimg.com/i/G9Bo.png"></td> <td><img src="http://funkyimg.com/i/G9Bp.png"></td> <td><img src="http://funkyimg.com/i/G9Bq.png"></td> <td><img src="http://funkyimg.com/i/G9Br.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Bx.png"></td> <td><img src="http://funkyimg.com/i/G9By.png"></td> <td><img src="http://funkyimg.com/i/G9Bz.png"></td> <td><img src="http://funkyimg.com/i/G9BA.png"></td> <td><img src="http://funkyimg.com/i/G9BB.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BC.png"></td> <td><img src="http://funkyimg.com/i/G9BD.png"></td> <td><img src="http://funkyimg.com/i/G9BE.png"></td> <td><img src="http://funkyimg.com/i/G9BF.png"></td> <td><img src="http://funkyimg.com/i/G9BG.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BK.png"></td> <td><img src="http://funkyimg.com/i/G9BL.png"></td> <td><img src="http://funkyimg.com/i/G9BM.png"></td> <td><img src="http://funkyimg.com/i/G9BN.png"></td> <td><img src="http://funkyimg.com/i/G9BP.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BQ.png"></td> <td><img src="http://funkyimg.com/i/G9ET.png"></td> <td><img src="http://funkyimg.com/i/G9EU.png"></td> <td><img src="http://funkyimg.com/i/G9EV.png"></td> <td><img src="http://funkyimg.com/i/G9EW.png"></td> </tr> </table></center></div> </div> <div style="display: none;" id="tab5" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; overflow-y: visible; overflow-y: scroll; background-color: #EEC591; margin-top: 10px;"><center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9uV.png"></td> <td><img src="http://funkyimg.com/i/G9uW.png"></td> <td><img src="http://funkyimg.com/i/G9uY.png"></td> <td><img src="http://funkyimg.com/i/G9uZ.png"></td> <td><img src="http://funkyimg.com/i/G9v1.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9v2.png"></td> <td><img src="http://funkyimg.com/i/G9v3.png"></td> <td><img src="http://funkyimg.com/i/G9v4.png"></td> <td><img src="http://funkyimg.com/i/G9v5.png"></td> <td><img src="http://funkyimg.com/i/G9z4.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9z5.png"></td> <td><img src="http://funkyimg.com/i/G9z6.png"></td> <td><img src="http://funkyimg.com/i/G9z7.png"></td> <td><img src="http://funkyimg.com/i/G9z8.png"></td> <td><img src="http://funkyimg.com/i/G9z9.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9za.png"></td> <td><img src="http://funkyimg.com/i/G9zb.png"></td> <td><img src="http://funkyimg.com/i/G9zc.png"></td> <td><img src="http://funkyimg.com/i/G9zd.png"></td> <td><img src="http://funkyimg.com/i/G9zL.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9zM.png"></td> <td><img src="http://funkyimg.com/i/G9zN.png"></td> <td><img src="http://funkyimg.com/i/G9zP.png"></td> <td><img src="http://funkyimg.com/i/G9zQ.png"></td> <td><img src="http://funkyimg.com/i/G9zR.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9zS.png"></td> <td><img src="http://funkyimg.com/i/G9zT.png"></td> <td><img src="http://funkyimg.com/i/G9zU.png"></td> <td><img src="http://funkyimg.com/i/G9zV.png"></td> <td><img src="http://funkyimg.com/i/G9AR.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9AS.png"></td> <td><img src="http://funkyimg.com/i/G9AT.png"></td> <td><img src="http://funkyimg.com/i/G9AU.png"></td> <td><img src="http://funkyimg.com/i/G9AV.png"></td> <td><img src="http://funkyimg.com/i/G9AW.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9AX.png"></td> <td><img src="http://funkyimg.com/i/G9AY.png"></td> <td><img src="http://funkyimg.com/i/G9AZ.png"></td> <td><img src="http://funkyimg.com/i/G9B1.png"></td> <td><img src="http://funkyimg.com/i/G9FJ.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Ff.png"></td> <td><img src="http://funkyimg.com/i/G9Fg.png"></td> <td><img src="http://funkyimg.com/i/G9Fh.png"></td> <td><img src="http://funkyimg.com/i/G9Fi.png"></td> <td><img src="http://funkyimg.com/i/G9Fj.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fk.png"></td> <td><img src="http://funkyimg.com/i/G9Fm.png"></td> <td><img src="http://funkyimg.com/i/G9Fn.png"></td> <td><img src="http://funkyimg.com/i/G9Fo.png"></td> <td><img src="http://funkyimg.com/i/G9Fp.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fq.png"></td> <td><img src="http://funkyimg.com/i/G9Fr.png"></td> <td><img src="http://funkyimg.com/i/G9Fs.png"></td> <td><img src="http://funkyimg.com/i/G9Ft.png"></td> <td><img src="http://funkyimg.com/i/G9Fu.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fv.png"></td> <td><img src="http://funkyimg.com/i/G9Fw.png"></td> <td><img src="http://funkyimg.com/i/G9Fx.png"></td> <td><img src="http://funkyimg.com/i/G9Fy.png"></td> <td><img src="http://funkyimg.com/i/G9Fz.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9FA.png"></td> <td><img src="http://funkyimg.com/i/G9FB.png"></td> <td><img src="http://funkyimg.com/i/G9FC.png"></td> <td><img src="http://funkyimg.com/i/G9FD.png"></td> <td><img src="http://funkyimg.com/i/G9FE.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9FF.png"></td> <td><img src="http://funkyimg.com/i/G9FG.png"></td> <td><img src="http://funkyimg.com/i/G9FH.png"></td> <td><img src="http://funkyimg.com/i/G9KX.png"></td> <td><img src=""></td> </tr> </table></center></div> </div> <div style="display: none;" id="tab6" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; background-color: #EEC591; margin-top: 10px;"> <center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9tz.png"></td> <td><img src="http://funkyimg.com/i/G9tA.png"></td> <td><img src="http://funkyimg.com/i/G9tB.png"></td> <td><img src="http://funkyimg.com/i/G9tC.png"></td> <td><img src="http://funkyimg.com/i/G9tD.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9tE.png"></td> <td><img src="http://funkyimg.com/i/G9tF.png"></td> <td><img src="http://funkyimg.com/i/G9tG.png"></td> <td><img src="http://funkyimg.com/i/G9tH.png"></td> <td><img src="http://funkyimg.com/i/G9tJ.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u6.png"></td> <td><img src="http://funkyimg.com/i/G9u5.png"></td> <td><img src="http://funkyimg.com/i/G9u4.png"></td> <td><img src="http://funkyimg.com/i/G9u3.png"></td> <td><img src="http://funkyimg.com/i/G9u2.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u1.png"></td> <td><img src="http://funkyimg.com/i/G9tZ.png"></td> <td><img src="http://funkyimg.com/i/G9tY.png"></td> <td><img src="http://funkyimg.com/i/G9tX.png"></td> <td><img src="http://funkyimg.com/i/G9tW.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u8.png"></td> <td><img src="http://funkyimg.com/i/G9u9.png"></td> <td><img src="http://funkyimg.com/i/G9ua.png"></td> <td><img src="http://funkyimg.com/i/G9EE.png"></td> <td><img src="http://funkyimg.com/i/G9ED.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9EC.png"></td> <td><img src="http://funkyimg.com/i/G9EB.png"></td> <td><img src="http://funkyimg.com/i/G9EA.png"></td> <td><img src="http://funkyimg.com/i/G9Ez.png"></td> <td><img src="http://funkyimg.com/i/G9Ey.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Ex.png"></td> <td><img src="http://funkyimg.com/i/G9Ew.png"></td> <td><img src="http://funkyimg.com/i/G9EL.png"></td> <td><img src=""></td> <td><img src=""></td> </tr> </table></center></div></div> </div> </div></div> <ul class="tabs"> <li><a href="#tab4"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">$30 </div><div style="height: 10px"></div></center></a></li> <li><a href="#tab5"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">$50 </div><div style="height: 10px"></div></center></a></li> <li><a href="#tab6"><center><div style="font-family: 'Dancing Script'; font-size: 35px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #ffd029; text-shadow: 1px 1px 0px #000">$100 </div><div style="height: 10px"></div></center></a></li> </ul> <style> .img-wrap { height: 100px; overflow: hidden; position: relative; width: 100px;} .img-overlay { background-color: #CDAA7D; bottom: 0; color: #897336; opacity: 0; filter: alpha(opacity = 0); position:absolute; width: 100%; height: 100%; z-index: 1000;} .img-overlay h4, .img-overlay p{ padding:0 10px;} .img-wrap:hover .img-overlay{ opacity: 1.0; filter: alpha(opacity = 100); transition:opacity 0.25s; -moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s;} a.menu:link, a.menu:visited { font-family: arial; font-size: 10px; border-top: 2px solid #CDAA7D; border-left: none; border-right: none; border-bottom: none; background: #CDAA7D; color: #000; text-align: center; display: inline-block; margin: 1px; width: 93px; height: 15px; letter-spacing: 1px; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} a.menu:hover, a.menu:active { background: #CDAA7D; border-top: 2px solid #CDAA7D; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} .container1 { width: 600px; margin: 0 auto; padding: 0;} </style>
Поделиться102014-04-08 04:36:05
<p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <style type="text/css">.character { width: 60px; height: 60px; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; -moz-border-radius:100px; -webkit-border-radius: 100px; } .character:hover { -moz-border-radius:100px; -webkit-border-radius: 100px; opacity: 0; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; }.charactername { width:60px; background-color: #000; line-height:0%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:1px; letter-spacing:1px; text-align:center; padding-top:30px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;; opacity: 0; color:none; }.charactername:hover { width:60px; height: 35px; background-color:#000; color:#fff; line-height:100%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:9px; letter-spacing:1px; padding-top:25px; text-align:center; opacity:0.8; -moz-border-radius:100px; -webkit-border-radius: 100px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out; }.lyrical { width:400px; font-family:megrim, cursive; font-size:33px; text-align:center; line-height:80% }.links { width:380px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; color:#fff; font-family:yanone kaffeesatz, sans-serif; font-size:8px; letter-spacing: 4px; text-transform:uppercase}.notes { width:360px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:#000; font-family:yanone kaffeesatz, sans serif; font-size:8px; text-align:center; text-transform:uppercase;line-height:90%; letter-spacing:2px }</style> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css"> <center><div style="width: 321px; font-family: 'Dancing Script'; font-size: 55px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: -2px; color: #192958; text-shadow: 1px 1px 0px #000">price list</div><div style="height: 15px"></div> <div style="width: 400px; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 90%; font-style: italic; color: #876916; font-family: calibri">подарки для тебя и твоих друзей</div></center> <div class="container"> <div class="html-box"> <div class="tab_container1"> <div style="display: none;" id="tab1" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; overflow-y: visible; overflow-y: scroll; background-color: #EEC591; margin-top: 10px;"> <center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9Bh.png"></td> <td><img src="http://funkyimg.com/i/G9Bi.png"></td> <td><img src="http://funkyimg.com/i/G9Bj.png"></td> <td><img src="http://funkyimg.com/i/G9Bk.png"></td> <td><img src="http://funkyimg.com/i/G9Bm.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Bn.png"></td> <td><img src="http://funkyimg.com/i/G9Bo.png"></td> <td><img src="http://funkyimg.com/i/G9Bp.png"></td> <td><img src="http://funkyimg.com/i/G9Bq.png"></td> <td><img src="http://funkyimg.com/i/G9Br.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Bx.png"></td> <td><img src="http://funkyimg.com/i/G9By.png"></td> <td><img src="http://funkyimg.com/i/G9Bz.png"></td> <td><img src="http://funkyimg.com/i/G9BA.png"></td> <td><img src="http://funkyimg.com/i/G9BB.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BC.png"></td> <td><img src="http://funkyimg.com/i/G9BD.png"></td> <td><img src="http://funkyimg.com/i/G9BE.png"></td> <td><img src="http://funkyimg.com/i/G9BF.png"></td> <td><img src="http://funkyimg.com/i/G9BG.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BK.png"></td> <td><img src="http://funkyimg.com/i/G9BL.png"></td> <td><img src="http://funkyimg.com/i/G9BM.png"></td> <td><img src="http://funkyimg.com/i/G9BN.png"></td> <td><img src="http://funkyimg.com/i/G9BP.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9BQ.png"></td> <td><img src="http://funkyimg.com/i/G9ET.png"></td> <td><img src="http://funkyimg.com/i/G9EU.png"></td> <td><img src="http://funkyimg.com/i/G9EV.png"></td> <td><img src="http://funkyimg.com/i/G9EW.png"></td> </tr> </table></center></div> </div> <div style="display: none;" id="tab2" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; overflow-y: visible; overflow-y: scroll; background-color: #EEC591; margin-top: 10px;"><center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9uV.png"></td> <td><img src="http://funkyimg.com/i/G9uW.png"></td> <td><img src="http://funkyimg.com/i/G9uY.png"></td> <td><img src="http://funkyimg.com/i/G9uZ.png"></td> <td><img src="http://funkyimg.com/i/G9v1.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9v2.png"></td> <td><img src="http://funkyimg.com/i/G9v3.png"></td> <td><img src="http://funkyimg.com/i/G9v4.png"></td> <td><img src="http://funkyimg.com/i/G9v5.png"></td> <td><img src="http://funkyimg.com/i/G9z4.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9z5.png"></td> <td><img src="http://funkyimg.com/i/G9z6.png"></td> <td><img src="http://funkyimg.com/i/G9z7.png"></td> <td><img src="http://funkyimg.com/i/G9z8.png"></td> <td><img src="http://funkyimg.com/i/G9z9.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9za.png"></td> <td><img src="http://funkyimg.com/i/G9zb.png"></td> <td><img src="http://funkyimg.com/i/G9zc.png"></td> <td><img src="http://funkyimg.com/i/G9zd.png"></td> <td><img src="http://funkyimg.com/i/G9zL.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9zM.png"></td> <td><img src="http://funkyimg.com/i/G9zN.png"></td> <td><img src="http://funkyimg.com/i/G9zP.png"></td> <td><img src="http://funkyimg.com/i/G9zQ.png"></td> <td><img src="http://funkyimg.com/i/G9zR.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9zS.png"></td> <td><img src="http://funkyimg.com/i/G9zT.png"></td> <td><img src="http://funkyimg.com/i/G9zU.png"></td> <td><img src="http://funkyimg.com/i/G9zV.png"></td> <td><img src="http://funkyimg.com/i/G9AR.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9AS.png"></td> <td><img src="http://funkyimg.com/i/G9AT.png"></td> <td><img src="http://funkyimg.com/i/G9AU.png"></td> <td><img src="http://funkyimg.com/i/G9AV.png"></td> <td><img src="http://funkyimg.com/i/G9AW.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9AX.png"></td> <td><img src="http://funkyimg.com/i/G9AY.png"></td> <td><img src="http://funkyimg.com/i/G9AZ.png"></td> <td><img src="http://funkyimg.com/i/G9B1.png"></td> <td><img src="http://funkyimg.com/i/G9FJ.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Ff.png"></td> <td><img src="http://funkyimg.com/i/G9Fg.png"></td> <td><img src="http://funkyimg.com/i/G9Fh.png"></td> <td><img src="http://funkyimg.com/i/G9Fi.png"></td> <td><img src="http://funkyimg.com/i/G9Fj.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fk.png"></td> <td><img src="http://funkyimg.com/i/G9Fm.png"></td> <td><img src="http://funkyimg.com/i/G9Fn.png"></td> <td><img src="http://funkyimg.com/i/G9Fo.png"></td> <td><img src="http://funkyimg.com/i/G9Fp.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fq.png"></td> <td><img src="http://funkyimg.com/i/G9Fr.png"></td> <td><img src="http://funkyimg.com/i/G9Fs.png"></td> <td><img src="http://funkyimg.com/i/G9Ft.png"></td> <td><img src="http://funkyimg.com/i/G9Fu.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Fv.png"></td> <td><img src="http://funkyimg.com/i/G9Fw.png"></td> <td><img src="http://funkyimg.com/i/G9Fx.png"></td> <td><img src="http://funkyimg.com/i/G9Fy.png"></td> <td><img src="http://funkyimg.com/i/G9Fz.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9FA.png"></td> <td><img src="http://funkyimg.com/i/G9FB.png"></td> <td><img src="http://funkyimg.com/i/G9FC.png"></td> <td><img src="http://funkyimg.com/i/G9FD.png"></td> <td><img src="http://funkyimg.com/i/G9FE.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9FF.png"></td> <td><img src="http://funkyimg.com/i/G9FG.png"></td> <td><img src="http://funkyimg.com/i/G9FH.png"></td> <td><img src="http://funkyimg.com/i/G9KX.png"></td> <td><img src=""></td> </tr> </table></center></div> </div> <div style="display: none;" id="tab3" class="tab_content"> <div style="border: 3px double #d2bf7e; width: 550px; height: 400px; overflow-y: visible; overflow-y: scroll; background-color: #EEC591; margin-top: 10px;"><center><table layout=fixed width=100%> <tr> <td><img src="http://funkyimg.com/i/G9tz.png"></td> <td><img src="http://funkyimg.com/i/G9tA.png"></td> <td><img src="http://funkyimg.com/i/G9tB.png"></td> <td><img src="http://funkyimg.com/i/G9tC.png"></td> <td><img src="http://funkyimg.com/i/G9tD.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9tE.png"></td> <td><img src="http://funkyimg.com/i/G9tF.png"></td> <td><img src="http://funkyimg.com/i/G9tG.png"></td> <td><img src="http://funkyimg.com/i/G9tH.png"></td> <td><img src="http://funkyimg.com/i/G9tJ.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u6.png"></td> <td><img src="http://funkyimg.com/i/G9u5.png"></td> <td><img src="http://funkyimg.com/i/G9u4.png"></td> <td><img src="http://funkyimg.com/i/G9u3.png"></td> <td><img src="http://funkyimg.com/i/G9u2.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u1.png"></td> <td><img src="http://funkyimg.com/i/G9tZ.png"></td> <td><img src="http://funkyimg.com/i/G9tY.png"></td> <td><img src="http://funkyimg.com/i/G9tX.png"></td> <td><img src="http://funkyimg.com/i/G9tW.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9u8.png"></td> <td><img src="http://funkyimg.com/i/G9u9.png"></td> <td><img src="http://funkyimg.com/i/G9ua.png"></td> <td><img src="http://funkyimg.com/i/G9EE.png"></td> <td><img src="http://funkyimg.com/i/G9ED.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9EC.png"></td> <td><img src="http://funkyimg.com/i/G9EB.png"></td> <td><img src="http://funkyimg.com/i/G9EA.png"></td> <td><img src="http://funkyimg.com/i/G9Ez.png"></td> <td><img src="http://funkyimg.com/i/G9Ey.png"></td> </tr> <tr> <td><img src="http://funkyimg.com/i/G9Ex.png"></td> <td><img src="http://funkyimg.com/i/G9Ew.png"></td> <td><img src="http://funkyimg.com/i/G9EL.png"></td> <td><img src=""></td> <td><img src=""></td> </tr> </table></center></div> </div> </div> </div></div><br> <ul class="tabs"> <li><a href="#tab1"><center><div style="font-family: 'Dancing Script'; font-size: 25px; text-align: center; line-height: 90%; text-transform: lowercase; letter-spacing: -2px; color: #192958; text-shadow: 1px 1px 0px #000">$30 </div><div style="height: 20px"></div></center></a></li> <li><a href="#tab2"><center><div style="font-family: 'Dancing Script'; font-size: 25px; text-align: center; line-height: 90%; text-transform: lowercase; letter-spacing: -2px; color: #192958; text-shadow: 1px 1px 0px #000">$50 </div><div style="height: 20px"></div></center></a></li> <li><a href="#tab3"><center><div style="font-family: 'Dancing Script'; font-size: 25px; text-align: center; line-height: 90%; text-transform: lowercase; letter-spacing: -2px; color: #192958; text-shadow: 1px 1px 0px #000">$100 </div><div style="height: 20px"></div></center></a></li> </ul> <style> .img-wrap { height: 100px; overflow: hidden; position: relative; width: 100px;} .img-overlay { background-color: #CDAA7D; bottom: 0; color: #897336; opacity: 0; filter: alpha(opacity = 0); position:absolute; width: 100%; height: 100%; z-index: 1000;} .img-overlay h4, .img-overlay p{ padding:0 10px;} .img-wrap:hover .img-overlay{ opacity: 1.0; filter: alpha(opacity = 100); transition:opacity 0.25s; -moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s;} a.menu:link, a.menu:visited { font-family: arial; font-size: 10px; border-top: 2px solid #CDAA7D; border-left: none; border-right: none; border-bottom: none; background: #CDAA7D; color: #000; text-align: center; display: inline-block; margin: 1px; width: 93px; height: 15px; letter-spacing: 1px; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} a.menu:hover, a.menu:active { background: #CDAA7D; border-top: 2px solid #CDAA7D; -webkit-transition: 1.2s;-moz-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;} .container1 { width: 600px; margin: 0 auto; padding: 0;} ul.tabs { float: left; height: 30px;} ul.tabs li { float: left; height: 60px; width: 150px; line-height: 60px; margin-bottom: -2px; overflow: hidden; position: relative;} ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; outline: none;} ul.tabs li a:hover { } html ul.tabs li.active { } html ul.tabs li.active a:hover { border-bottom: 0px solid #160f0a;} .tab_container1 { clear: both; float: left; width: 570px; height: 440px; background-color: #CDAA7D; border: 2px double #d2bf7e;} .tab_content { padding: 5px;} .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000;} </style> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>
[b]1. Я хочу купить такой подарок[/b] (ссылка на картинку) [b]2. Я оплачиваю сумму в размере $[/b] ... [b]3. Подарить я ее хочу[/b] (ссылка на профиль) [b]4. А в послании хочу написать:[/b] ...
Поделиться112014-04-15 14:07:17
ареноеироер
Поделиться122014-06-28 22:48:31
воооо
так то лучше ахаха
Поделиться132014-06-30 13:13:59
всеееее
дизайн готооов