.tab a {
display: inline-block;
font-weight: 700;
line-height: 5px;
padding: 0px 14px;
position: relative;
color: #f3eadd!important;
font-family: "Book Antiqua", "Palatino Linotype", Palatino, "Times New Roman", serif;
height: 37px;
width: 140px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0.7;
}
Тестовое сообщение
Сообщений 31 страница 37 из 37
Поделиться312014-07-05 22:15:45
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
Поделиться322014-07-05 22:16:12
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
.tab a:hover, .tab a:active, .tab a:focus, .active a {
opacity: 1;
}
.tab:hover, .tab:active, .tab:focus {
top: -3px !important;
}
Поделиться332014-07-05 22:24:07
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
<div id="anno_goh">
<div class="idtabs">
<!--закладки-->
<ul class="tabs">
<li id="but1" class="tab"><a href="#tab1" class="active"><span></span></a></li>
<li id="but2" class="tab"><a href="#tab2" ><span></span></a></li>
<li id="but3" class="tab"><a href="#tab3" ><span></span></a></li>
<li id="but4" class="tab"><a href="#tab4" ><span></span></a></li>
<li id="but5" class="tab"><a href="#tab5" ><span></span></a></li>
</ul>
<!--конец закладок-->
<!--контент закладок-->
<div id="tab1" class="anno-content">
<!--начало закладки 1-->
<center><a href="ссылка" target="blank"><img src="http://s1.uploads.ru/0fRQl.png" width="90px" height="60px"></a> <a href="ссылка" target="blank"><img src="http://s1.uploads.ru/0fRQl.png" width="90px" height="60px"></a> <a href="ссылка" target="blank"><img src="http://s1.uploads.ru/0fRQl.png" width="90px" height="60px"></a> <a href="ссылка" target="blank"><img src="http://s1.uploads.ru/0fRQl.png" width="90px" height="60px"></a><br>
<font face="Palatino Linotype" color="#241c25" style="font-size: 13px;"><i>
ТЕКСТ ТЕКСТ ТЕКСТ</b><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
</i></font><br></center>
</p>
<!--конец закладки 1-->
</div>
<div id="tab2" class="anno-content">
<!--начало закладки 2-->
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p><p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</p>
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</p>
<!--конец закладки 2-->
</div>
<div id="tab3" class="anno-content">
<!--начало закладки 3-->
<div id="goh-nav">
<ul class="goh-dark">
<li class="goh-dark-button"><a href="ссылка"><span>Тема</span></a></li>
<li class="goh-dark-button"><a href="ссылка"><span>Тема</span></a></li>
<li class="goh-dark-button"><a href="ссылка"><span>Тема</span></a></li>
<li class="goh-dark-button"><a href="ссылка"><span>Тема</span></a></li>
</ul>
<ul class="goh-dark">
<li class="goh-dark-button"><a href=""><span>Тема</span></a></li>
<li class="goh-dark-button"><a href=""><span>Тема</span></a></li>
<li class="goh-dark-button"><a href=""><span>Тема</span></a></li>
<li class="goh-dark-button"><a href=""><span>Тема</span></a></li>
</ul>
<div class="goh-skull-header"><div id="skull"></div> </div>
</div>
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</p>
<!--конец закладки 3-->
</div>
<div id="tab4" class="anno-content">
<!--начало закладки 4-->
<div style="width: 50%; float: left;">
<div class="goh-skull-header"><div id="skull"></div> </div>
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
</p>
</div>
<div style="width: 50%; float: left;">
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</p>
</div>
<!--конец закладки 4-->
</div>
<div id="tab5" class="anno-content">
<!--начало закладки 5-->
баннеры вставлять сюда
<!--конец закладки 5-->
</div>
<!--конец контент закладок-->
</div><!-- idtabs end -->
<div id="rightblock">
<div id="right_top">
ТОПЫ
<!-- HotLog -->
<script type="text/javascript">
hotlog_r=""+Math.random()+"&s=2287767&im=700&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");
hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+
(((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth);
hotlog_r+="&js=1.3";
document.write('сюда вставлять');
</script>
<noscript>
</noscript>
<!-- /HotLog -->
</div><!-- #right_top end -->
</div><!-- #rightblock end -->
</div><!-- #anno_goh end -->
Поделиться342014-07-05 23:45:37
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
<div class="va_container">
<h1>Администрация</h1>
<center>
<a href="http://vadarknight.rolka.su/profile.php?id=3", title='Маркус'><img src="http://s3.uploads.ru/oiRLX.png" name="banner"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=5", title='Лейла'><img src="http://s3.uploads.ru/Ozck4.png" name="banner4" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=48", title='Фейт'><img src="http://s3.uploads.ru/3Dk1B.png" name="banner6" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=56", title='Дэнни'><img src="http://s3.uploads.ru/7Nk3A.png" name="banner2" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=4", title='Мия'><img src="http://s3.uploads.ru/MtZBm.png" name="banner5"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=6", title='Анна'><img src="http://s2.uploads.ru/OLeQ7.png" name="banner3" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=10", title='Лекси'><img src="http://s2.uploads.ru/TB0G4.png" name="banner7" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=81", title='Лилит'><img src="http://s3.uploads.ru/nqANZ.png" name="banner8" style="margin-left: -4px;"></a>
<a href="http://vadarknight.rolka.su/profile.php?id=135", title='Винс'><img src="http://s2.uploads.ru/WC3xr.png" name="banner8" style="margin-left: -4px;"></a>
</center>
<BR>
</div>
Поделиться352014-07-06 13:28:41
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
<style>#pun-announcement {
background: url("http://funkyimg.com/i/Jiqv.png") 90% 100% no-repeat transparent;
height: 318px;
margin-top: 45px;
position: relative;
z-index: 0;
}
#va_anno {
padding: 10px;
height: 300px;
}
#usual1 {
position: relative;
}
/*закладки*/
#usual1 > ul {
position: relative;
text-align: left;
width: 200px;
z-index: 15;
margin-left: -30px;
top: 32px;
}
#usual1 > ul li {
display: block;
height: 58px;
margin-top: -10px;
display: inline-block;
}
#usual1 > ul li a {
background: url(http://funkyimg.com/i/JirX.png) 0px 0px no-repeat transparent;
/*color: #d0b78e!important;*/
display: inline-block;
font-weight: 700;
height: 40px;
line-height: 5px;
padding: 18px 15px 0px 64px;
position: relative;
width: 112px;
color: #402a29;
font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif;
font-size: 12pt;
font-variant: small-caps;
font-weight: 700;
}
#but2 a {background-position: 0px -58px !important; height: 42px !important;}
#but3 a {background-position: 0px -118px !important; height: 47px !important;}
#but4 a {background-position: 0px -183px !important; height: 41px !important;}
#but5 a {background-position: 0px -242px !important; height: 38px !important;}
#but1 a:hover, #but1 a:focus, #but1 a:active, #but1 .selected {background-position: -190px 0px !important; }
#but2 a:hover, #but2 a:focus, #but2 a:active, #but2 .selected {background-position: -190px -58px !important; }
#but3 a:hover, #but3 a:focus, #but3 a:active, #but3 .selected {background-position: -190px -118px !important;}
#but4 a:hover, #but4 a:focus, #but4 a:active, #but4 .selected {background-position: -190px -183px !important; }
#but5 a:hover, #but5 a:focus, #but5 a:active, #but5 .selected {background-position: -190px -242px !important; }
#usual1 > ul li a:hover, #usual1 > ul li a:active, #usual1 > ul li a:focus, #usual1 .selected {
color: #170e0e!important;
padding-top: 17px !important;
}
/*конец закладок*/
#usual1 li a:hover, #usual1 li a:active, #usual1 li a:focus {
color: #d3b88a!important;
}
.anno-content {
height: 272px;
left: 168px;
padding: 24px 3px 4px;
position: absolute;
top: 0px;
width: 678px;
}
#tab1 {
padding: 0px 3px 3px !important;
height: 300px !important;
}
.va_container {
box-shadow: inset 0px 0px 10px #7e8152, 2px 2px 5px rgba(0, 0, 0, 0.447);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 3px;
padding: 3px;
position: relative;
float: left;
background: rgba(87, 80, 10, 0.298);
}
.va_container h1 {
color: #593732;
font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif;
font-size: 12pt;
font-variant: small-caps;
font-weight: 700;
line-height: 16px;
margin: 0px auto;
padding: 4px;
text-align: center;
margin: 3px;
background: rgba(242, 203, 136, 0.702);
box-shadow: inset 2px 2px 10px rgba(156, 102, 64, 0.447), 3px 3px 5px rgba(28, 33, 3, 0.345);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: -moz-linear-gradient(left, rgba(217,178,111,0.7) 0%, rgba(232,210,155,0.7) 50%, rgba(217,178,111,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,178,111,0.7)), color-stop(50%,rgba(232,210,155,0.7)), color-stop(100%,rgba(217,178,111,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(217,178,111,0.7) 0%,rgba(232,210,155,0.7) 50%,rgba(217,178,111,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(217,178,111,0.7) 0%,rgba(232,210,155,0.7) 50%,rgba(217,178,111,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(217,178,111,0.7) 0%,rgba(232,210,155,0.7) 50%,rgba(217,178,111,0.7) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(217,178,111,0.7) 0%,rgba(232,210,155,0.7) 50%,rgba(217,178,111,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d9b26f', endColorstr='#b3d9b26f',GradientType=1 ); /* IE6-9 */
}
#va_part1 {
background: url("http://funkyimg.com/i/Jisf.png") 0px 0px no-repeat, url("http://funkyimg.com/i/Jish.png") 100% 0px no-repeat transparent;
margin-left: -150px;
max-height: 150px;
padding-left: 140px;
padding-right: 163px;
text-align: center;
width: 464px;
}
#va_part2 {
height: 306px;
left: 476px;
overflow: hidden;
position: absolute;
top: 0px;
width: 244px;
}
#va_part3, #va_part4 {
width: 200px;
}
#va_part8{
background: url("http://funkyimg.com/i/Jisk.png") 0px 0px no-repeat, url("http://funkyimg.com/i/Jish.png") 100% 0px no-repeat transparent;
height: 280px;
margin-top: -25px;
padding: 25px 18px 4px;
width: 426px;
}
#va_part8 li a {
border-bottom: 1px solid rgba(84, 73, 19, 0.345);
display: block;
font-weight: 700;
min-height: 20px;
padding-left: 8px;
position: relative;
font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif;
}
#va_part8 li a:hover, #va_part8 li a:focus, #va_part8 li a:active {
background: rgba(192, 64, 10, 0.400);
color: #4d2a1f!important;
}
#va_part7 {
margin-right: 200px !important;
}
#crow {
background: url("http://funkyimg.com/i/JiuD.png") 0px 0px no-repeat transparent;
height: 78px;
margin-left: -70px;
margin-top: -44px;
position: absolute;
width: 115px;
}
</style>
Поделиться362014-07-06 13:28:55
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
<div id="va_anno">
<div id="crow"> </div>
<div id="usual1" class="idtabs">
<!--ЗАКЛАДКИ-->
<ul class="tabs">
<li id="but1" class="va_tab"><a href="#tab1" class="selected"><span>Информация</span></a></li>
<li id="but2" class="va_tab"><a href="#tab2"><span>Ссылки</span></a></li>
<li id="but3" class="va_tab"><a href="#tab3"><span>Активисты</span></a></li>
<li id="but4" class="va_tab"><a href="#tab4" onclick="BANNERS_TOGGLE()"><span>Друзья</span></a></li>
<li id="but5" class="va_tab"><a href="#tab5"><span>Квесты</span></a></li>
</ul>
<!--контент закладок-->
<div id="tab1" class="anno-content">
<!--начало закладки 1-->
<div id="va_part1">
<center>
<img src="http://funkyimg.com/i/Jit5.png" alt="Рады видеть" style="margin-top: -8px;" border="0" /></center>
Рады видеть Вас на ролевой о мире магии и волшебства. Будьте как дома ))
<br>Именно здесь начнется Ваше путешествие в мир Хогвартса будущего.
В игре 2028 год.
<br>
♦ <b>Текст</b> текст текст текст текст текст текст текст текст текст текст <a href="ссылка"> <b>Текст</b></a>
<br>
</div>
<div id="va_part2">
<div class="va_container">
<h1>ТОПЫ</h1>
<center>
сюда вставлять
</center>
</div>
</div>
<!--конец закладки 1-->
</div>
<div id="tab2" class="anno-content">
<!--начало закладки 2-->
<div id="va_part8" >
<div id="va_part3" class="va_container">
<h1>Важная информация:</h1>
<ul>
<li><a href=" http://vadarknight.rolka.su/viewtopic.p … lt;/li>
<li><a href=" http://vadarknight.rolka.su/viewtopic.p … lt;/li>
<li><a href=" http://vadarknight.rolka.su/viewtopic.p … lt;/li>
<li><a href="http://vadarknight.rolka.su/viewforum.php?id=26 ">FAQ ПО МИРУ</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=11 ">СПИСОК РОЛЕЙ</a></li>
<li><a href=" http://vadarknight.rolka.su/viewtopic.p … >НУЖНЫЕ ПЕРСОНАЖИ</a></li>
<li><a href="http://vadarknight.rolka.su/viewforum.php?id=4">АКЦИИ</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=10">ЗАНЯТЫЕ ВНЕШНОСТИ</a></li>
<li><a href="http://vadarknight.rolka.su/viewforum.php?id=6">ШАБЛОН АНКЕТЫ</a></li>
</ul>
</div>
<div id="va_part4" class="va_container">
<h1>Акции:</h1>
<ul>
<li><a href=" http://vadarknight.rolka.su/viewtopic.p … lt;/li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=18">ВОПРОСЫ И ПРЕДЛОЖЕНИЯ</a></li>
<li><a href=" http://vadarknight.rolka.su/viewforum.p … lt;/li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=178 ">ТУГРИКИ</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=179 ">ЗАКАЗ ПОДАРКА</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=31">ОТНОШЕНИЯ</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=24">ЗАКАЗ АВАТАРА</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=30">GAME MASTER</a></li>
<li><a href="http://vadarknight.rolka.su/viewtopic.php?id=28">ОТСУТСТВИЕ</a></li>
</ul>
</div>
</div>
<!--конец закладки 2-->
</div>
<div id="tab3" class="anno-content">
<!--начало закладки 3-->
тут
<!--конец закладки 3-->
</div>
<div id="tab4" class="anno-content">
<!--начало закладки 4-->
<h1>Друзья</h1>
<div id=ba_0 style="display: none">
<style id=BanersHide>/*
<center>
вставлять сюда
</center>
*/</style>
</div>
<script>
function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow");
}else $("#ba_0").hide();}</script>
<!--конец закладки 4-->
</div>
<div id="tab5" class="anno-content">
<!--начало закладки 5-->
Квесты
<!--конец закладки 5-->
</div>
</div>
</div>
Поделиться372014-07-06 13:41:43
- Администратор
- Зарегистрирован: 2013-06-25
- Приглашений: 0
- Сообщений: 37
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
22 часа 41 минуту - Последний визит:
2016-10-11 21:46:47
#menu {
margin-top: 0px;
margin-left: -35px;
}
#menu span {
width: 146px;
height: 50px;
display: block;
margin: 0;
padding: 10;}
#submenu {
padding: 0px;
width: 517px;}
.submenutext {
display: none;
text-align: center;
height: 270px;
margin-top: 0px;
margin-left: -50px;
}
</style>