probnik 100500

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » probnik 100500 » НОВЫЙ ФОРУМ » пурум пум пум


пурум пум пум

Сообщений 1 страница 13 из 13

1

вапроьлбдю

0

2

Код:
<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>

0

3

http://cdn.joxi.ru/uploads/prod/2014/04/01/c2d/eb3/063e9a3457c742a67af337482d7f27469174e2b7.jpg
Дорогие друзья!
Рады вам представить наш новый дизайн, за который мы сильно благодарим Erica Butler  :love:
Надеемся, он вам придет по душе.

0

4

ьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкео
ржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслко удкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконл ждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоуд
кнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдекьььььььььььуывлепоаьслкоудкнолдеконлждкеоржлдек

0

5

Код:
<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>

0

6

рукожопная логика:

трипкил из трёх дивов - самомордный, .container и .html-box

отдельным домом стоят вкладки - .tabs

каждая вкладка это #tab с номером от 1 до 3, обозначается ссылкой мазафака

содержимое всех вкладом должно быть в .tab_container

каждая вкладка это id="tab1" class="tab_content", класс всегда .tab_content

0

7

как нефиг делать :)

0

8

Код:
<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>

0

9

Код:
<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>

0

10

Код:
<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] ...

0

11

ареноеироер

0

12

воооо
так то лучше ахаха

0

13

всеееее
дизайн готооов

0


Вы здесь » probnik 100500 » НОВЫЙ ФОРУМ » пурум пум пум


Рейтинг форумов | Создать форум бесплатно