Оформление подфорума
в стиль прописываете нечто в таком роде и обзываете как-нибудь
.fonpost175 {
width: 382px; /настройка ширины/
padding: 30px;
background: url(картинка верх) top no-repeat, url(картинка низ) bottom no-repeat, url(картинка тело повтор) repeat-y;
margin-top: -30px;
border-radius: 0px 0px 0px 0px; /можно убрать /
}
и потом в само описание форума добавляете
<div class="fonpost175"> тут ваш текст </div>
либо все прописываете только в стиле в каждом подфоруме
<div style="width:382px; padding: 30px; background: url(картинка раз) top no-repeat, url(картинка два) bottom no-repeat, url(картинка три) repeat-y; margin-top: -30px; border-radius: 0px 0px 0px 0px; ">
<br> тут ваш текст
</div>
Что-то тут
Сообщений 31 страница 41 из 41
Поделиться312016-05-25 18:34:28
Поделиться322016-06-13 19:01:06
♦ Родственные связи: указываем самых близких родственников
♦ Создатель: пункт для вампиров. Люди и маги удаляют данную строчку из шаблона анкеты
♦ Домашнее животное: указываем питомца вашего персонажа, если есть.
♦ Инвентарь: например, телефон, часы, гримуар, магические амулеты и т.д.
Поделиться332016-06-13 19:01:27
♦ Имя персонажа: на русском | ♦ Семейное положение: холост/не замужем/ женат и т.д. | |||||
ПЕРСОНАЛЬНАЯ ХАРАКТЕРИСТИКА | ||||
Общее описание характера. Не менее 5 строк связного текста.
БИОГРАФИЧЕСКАЯ СВОДКА | ||||
♦ Родственные связи: указываем самых близких родственников
♦ Создатель: пункт для вампиров. Люди и маги удаляют данную строчку из шаблона анкеты
♦ Домашнее животное: указываем питомца вашего персонажа, если есть.
♦ Инвентарь: например, телефон, часы, гримуар, магические амулеты и т.д.
Общее описание биографии. Не менее 10 пунктов.
Поделиться342016-10-26 21:58:02
/*скроллы*/
::-webkit-scrollbar-track {
background-color: #9e9765;
}
::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: #696730;
}
::-webkit-scrollbar-thumb{
background-color: #242310;
}
Поделиться352016-12-22 14:55:46
<!--Таблица в шапке--!>
<table border=0 width="170px" style="text-align: justify; position: absolute; top: 88px; margin-left:700px;">
<tr><td>
<div style="padding: 0px; background: #080808; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 170px; margin: -1px 0px 0px 1px;">
<a href="http://chrisnnina.rolbb.ru/viewtopic.php?id=101#p350" class="sbla">Смена имиджа</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=84#p183" class="sbla">История Гранады</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=89#p194" class="sbla">Центр занятости Гранады</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=93#p275" class="sbla">Жители Гранады</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=85#p184" class="sbla">История Будапешта</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=95#p277" class="sbla">Центр занятости Будапешта</a>
<a href="http://chrisnnina.rolbb.ru/click.php?http://chrisnnina.rolbb.ru/viewtopic.php?id=94#p276" class="sbla">Жители Будапешта</a>
</div>
</td></tr></table>
<!--Таблица в шапке. Конец--!>
/* Меню навигации в таблице*/
a.sbla:link, a.sbla:visited {border-left: #B6A69E 4px solid; display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px; background: #1C1A18; color: #2A6CB4 !important; text-align: left; padding: 2px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease; border-left: #A52F2E 12px solid; display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #1C1A18; text-decoration: none; color: #A52F2E !important; text-align: center; padding: 2px 2px 2px 20px;}
/* Меню навигации. Конец */
Поделиться362017-04-22 13:18:57
<!--Гифка в шапке--!>
<table border=0 width="100px" style="text-align: justify; position: absolute; top: 54px; margin-left:-49px;">
<tr><td width="100px">
<div class=ImgField>
<a href="http://chrisnnina.rolbb.ru/viewtopic.php?id=89#p194" title="Центр занятости Гранады"><img class="image first" src="http://funkyimg.com/i/2mnPQ.png"/></a>
<a href="http://chrisnnina.rolbb.ru/viewtopic.php?id=89#p194" title="Центр занятости Гранады"><img class="image second" src="http://funkyimg.com/i/2mnPR.png"/></a>
</div>
</td></tr></table>
Поделиться372017-04-24 18:41:44
ОТНОШЕНИЯ | ||||
Поделиться382017-05-09 13:18:27
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'><center><div style="border-right: 25px solid #7F94B0;" class="hoverone"><div style="width: 375px; border-left: 25px solid #7F94B0; height: 300px;"><table><td><div class="tracker1"><div style="width: 200px; height: 300px; line-height: 100%;"> <div class="charname">CHARRIE NAME</div> <div style="width: 150px; height: 146px; border: 10px solid #D3D3D3; background-image: url(150X150 GIF/IMAGE HERE);"></div> <table width="200px" cellspacing="0" cellpadding="0"><tbody><tr><td valign="left"><div class="numberrr"> CHARACTER AGE HERE IN NUMBERS <a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div class="smallnumberrr">years old</div></a></div></td> <td width="100"><div class="membergroupa"> MEMBERGROUP HERE </div> <div class="links"><a href="APPLICATION LINK HERE">application</a></div><div class="links2"><a href="SHIPPER LINK HERE">shipper</a> </DIV><div class="traitsunder"> TRAIT » TRAIT » TRAIT </div></td></tr></tbody></table></div></div></div></div></center></div></div></td><td><div style="position: relative; width: 197px; height: 293px; margin-left: -30px; margin-top: -7px; background-color: #fff; overflow-y: auto; overflow-x: hidden;" class="trackscroll"><div class="trackhead">the current threads</div><div class="threads"> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> </div><div class="header1">the finished threads</div><div class="threads"> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> <a href="#">THREAD NAME » NAME</a> </div></div></td></table></div><div class="hovertwo"> <img src="400X300 IMAGE HERE"></div> </div><style> .hoverone { position:relative; overflow:hidden; width:400px; height:300px; background-color: #f4f4f4;} .hovertwo { position:absolute; left:0px; top: 0px; width: 400px; height:300px; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; } .hoverone:hover .hovertwo{ left:-450px; top:0px; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; } .links {width: 68px; font-size: 7px; margin-left: -16px; color:#000; background-color: #7F94B0; text-transform: uppercase; padding: 9px; font-family: calibri; letter-spacing: 2px; text-align: center;} .links a { font-size: 7px; color:#000; text-transform: uppercase; font-family: calibri; letter-spacing: 2px; text-align: center;} .links2 {width: 68px; font-size: 7px; margin-left: -16px; color:#000; background-color: #D3D3D3; text-transform: uppercase; padding: 9px; font-family: calibri; letter-spacing: 2px; text-align: center;} .links2 a { font-size: 7px; color:#000; text-transform: uppercase; font-family: calibri; letter-spacing: 2px; text-align: center;} .numberrr { background: #fff width: 40px; height: 40px; margin-left: -15px; margin-top: -35px; color: #7F94B0; font-size: 45px; letter-spacing: -5px; font-family: Signika Negative; line-height: 75%; text-align: center; padding: 0px; } .smallnumberrr {font-family: calibri; text-transform: uppercase; font-size: 7px; letter-spacing: 2px; color: #000; line-height: 100%;} .threads {display: inline-block; width: 195px; background-color: #D3D3D3; color: #000; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; font-family: 'Signika Negative', sans-serif; letter-spacing: 2px;} .threads a {display: block; width: 195px; background-color: #D3D3D3; color: #000; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; font-family: 'Signika Negative', sans-serif; letter-spacing: 2px;} .tracker1 {width: 200px; height: 300px; background-color: #fff; font-family: arial, sans-serif; font-size: 10px; text-align: justify; line-height: 100%; color: #222; } .charname {width: 170px; background-color: #7F94B0; color: #fff; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; letter-spacing: 4px; word-spacing: 1px; font-family: 'Signika Negative', sans-serif;} .trackhead {width: 194px; background-color: #7F94B0; color: #fff; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; letter-spacing: 4px; word-spacing: 1px; font-family: 'Signika Negative', sans-serif; } .header1 { width: 200px; background-color: #7F94B0; color: #fff; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; letter-spacing: 4px; word-spacing: 1px; font-family: 'Signika Negative', sans-serif; } .traitsunder { width: 148px; font-size: 7px; margin-left: -100px; color:#000; background-color: #7F94B0; text-transform: uppercase; padding: 11px; font-family: calibri; letter-spacing: 2px; text-align: center; } .membergroupa { width: 70px; font-size: 7px; margin-left: -16px; color:#000; background-color: #D3D3D3; text-transform: uppercase; padding: 8px; font-family: calibri; letter-spacing: 2px; text-align: center; } .trackscroll::-webkit-scrollbar { background: #fff; width: 3px; } .trackscroll::-webkit-scrollbar-thumb { background: #fff; }</style></center>
Поделиться392018-02-13 12:34:02
/* A3.1 öâåò òåêñòà è ôîí ôîðóìà */ body {font-size:100%;color: #393939;background: url(https://forumstatic.ru/files/0018/25/96/85488.png) 53% 0% repeat-x, url() 50% 100% repeat-x, url() 41% 0%;background-color: #dcccb6;overflow-x: hidden;}
Поделиться402018-02-22 18:03:54
<!--Сменный логотип--!> <script type="text/javascript"> var phr = new Array() phr.push("http://funkyimg.com/i/2sr2i.png") phr.push("http://funkyimg.com/i/2sr2j.png") phr.push("http://funkyimg.com/i/2sr2k.png") phr.push("http://funkyimg.com/i/2sr2m.png") phr.push("http://funkyimg.com/i/2sr2n.png") phr.push("http://funkyimg.com/i/2sr2o.png") document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>') </script>
Поделиться412018-02-22 18:59:38
Двойное окно аватара:
li.pa-avatar.item2 { width: 236px; background: url(https://forumstatic.ru/files/0018/25/96/15376.png) 0px top no-repeat, url(https://forumstatic.ru/files/0018/25/96/83611.png) 0px bottom no-repeat, url(https://forumstatic.ru/files/0018/25/96/50182.png) repeat-y 100% 2%; text-align: center; padding-bottom: 70px!important; margin-left: -14px; margin-bottom: -28px!important;