Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться22011-12-16 01:38:30
цитата
Поделиться32011-12-16 01:41:13
<style>
#pun-main .code-box, #pun-main .quote-box, #pun-main .hide-box {
background: url(ссылка на изображение в цитату и форму ответа);
}
</style><style>
.punbb .post-sig dt {
background:url(http://xmages.net/upload/200dc293.jpg);
height: 1px;width: 800px; border: none;
}
</style><style type="text/css">#pun .tc2 {
text-align: center;
}
</style><style type="text/css"> #pun-main h2 {
text-align: center;
}
</style><style type="text/css">
#pun-ulinks .container {
text-align: center;
}
</style><style type="text/css">
#pun-navlinks .container {
text-align: center;
}
</style><style type="text/css">
#pun-main .post-author ul {text-align: center;}
</style><style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 60px; height: 60px; border-style: none;
background-image: url("http://xmages.net/storage/10/1/0/f/b/upload/602aaec6.png");
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/8bf86a69.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/ac0300a3.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/91c791f7.png") no-repeat;}
</style><style>
#pun-stats ul.container {
background: transparent url(http://xmages.net/storage/10/1/0/f/2/up … f1da3c.png) no-repeat 17px 12px;
padding-left:87px;
}
</style>
Поделиться52011-12-16 02:15:43
<style>
#pun-stats ul.container {
background: transparent url(http://xmages.net/storage/10/1/0/f/2/up … f1da3c.png) no-repeat 17px 12px;
padding-left:87px;
}
</style>
Поделиться62011-12-16 14:23:02
html-верх:
Код:
<style>
#menu span {
float: left;
padding: 5px 10px 5px;
margin-top: 20px;
margin: 3px 0;
width: 180px;
color: #dddddd;
text-decoration: none;
background: #64708e;
border: 2px solid #505f84;}
#menu .tabactive {
margin-top: 20px;
background: #505f84;
color: #dddddd;
border: 2px solid #505f84;
}
#submenu {
float: right;
padding: 5px;
height: 250px;
text-align: right;
font-size: 12px;
width: 500px;
color: #dddddd;
background: #64708e;
margin-right: 0px;
border: 2px solid #505f84;
}
.submenutext {
display: none;
height: 60px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>цвета в верхней части кода меняешь, как хочешь)
Поделиться72011-12-16 14:30:27
Husky написал(а):
<style>
#menu span {
float: left;
padding: 5px 10px 5px;
margin-top: 20px;
margin: 3px 0;
width: 180px;
color: #dddddd;
text-decoration: none;
background: #64708e;
border: 2px solid #505f84;}
Это вид панели самих вкладок в спокойном состоянии.
--------------------------------------------------------------------------------------
Husky написал(а):
#menu .tabactive {
margin-top: 20px;
background: #505f84;
color: #dddddd;
border: 2px solid #505f84;}
Вид активной вкладки, когда на нее кликнешь
-------------------------------------------------------------------------------
Husky написал(а):
#submenu {
float: right;
padding: 5px;
height: 250px;
text-align: right;
font-size: 12px;
width: 500px;
color: #dddddd;
background: #64708e;
margin-right: 0px;
border: 2px solid #505f84;}
Это само поле с информацией
-----------------------------------------------
Husky написал(а):
.submenutext {
display: none;
height: 60px;
}
</style
Не помню, за что это отвечает, я его не трогаю xD
Страница: 1
