Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 4 из 4
Поделиться22014-05-31 15:20:36
Благодарим за выбор нашего сервиса!
afsassaf
Поделиться32014-11-03 23:31:15
Код:<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'> <style type="text/css"> .base1 { width: 400px; height: 415px; background-color: #C1B398; padding: 18px; } .appheader1 { width: 430px; height: 18px; text-align: center; font-family: 'Dorsa'; font-size: 25px; color: #FBEEC2; text-transform: uppercase; letter-spacing: 7px; background-color: #61A6AB; padding-top: 10px; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; } .appimage1 { width: 430px; height: 250px; background-image: url('http://img9.imageshack.us/img9/1043/2z8a.jpg'); } .tabs1 { position: relative; width: 400px; height: 400px; clear: both; margin: 15px 0; } .tab1 { float: left; } .tab1 label { background: #ACCEC0; padding: 10px; border: 1px solid #FBEEC2; margin-left: -1px; position: relative; left: 3px; font-family: arial; font-size: 11px; letter-spacing: 2px; } .tab1 [type=radio] { display: none; } .content1 { position: absolute; top: 28px; left: 0; right: 0; bottom: 0; background: #faf0ce; padding: 8px; font-family: arial; font-size: 13px; text-align: justify; overflow: auto; } [type=radio]:checked ~ label { background: #61A6AB; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content1 { z-index: 1; } .sidey::-webkit-scrollbar {width:10px;} .sidey::-webkit-scrollbar-thumb {background-color: #61A6AB;} .sidey::-webkit-scrollbar-track {background-color: #ACCEC0;} </style> <center> <div class="appheader1">FIRST LAST NAME</div> <div class="appimage1"></div> <div class="base1"> <div class="tabs1"> <div class="tab1"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">Basics</label> <div class="content1 sidey"> <B>Full Name:</b> First Middle Last <br><b>Age:</b> Age <br><b>Face Claim:</b> Celebrity/Model Name <br><b>Nicknames:</b> Any nicknames they might have <br><b>D.O.B:</b> Month and Day Only <br><b>Species:</b> What creature are they (only from the approved race list) <br><b>Home Kingdom:</b> Where are they from? if they are a traveler, state that here as well <p><b><u>Abilities</u></b><p> what are their special abilities, whether it is element based or more simple every day things. ex. sword fighting, potions, hunting, cooking etc. колько скриптов я не перепробовал из категории "HTML в сообщениях", все они чем-нибудь меня да не устраивали. Например скрипт от Deff'а работает идеально, но чтобы посмотреть HTML надо обязательно кликать по кнопке, а это значит нужно совершить больше телодвижений. Скрипт по никам от forumD позволяет вставлять хтмл прямо в пост, но работает он как-то паршиво. Мало того, что весь код надо приводить к идеальному виду без отступов, так еще половина вещей попросту не работает. Скрипт для определенных сообщений хорош, работает вполне сносно, но имеет один жирный минус: каждый раз необходимо лезть в админку, прописывать ссылкой пост, куда будем ставить наш многострадальных HTML. К тому же, при частом использовании функции в админке скапливается гора ссылок тормозящих форум, а это не есть хорошо. В общем, из существующих решений мне не подходило ничего. Тогда я обратился к своему знакомому программисту и попросил его переделать скрипт Deff'a (мне он показался наилучшим из доступных). Нужно было убрать лишь кнопку, чтобы HTML грузился сразу же с постом. </div> </div><div class="tab1"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Personality</label> <div class="content1 sidey"> please tell us about you characters likes, dislikes, strengths and weaknesses as well as how they react/behave around strangers and others they may know. please write at least 2 paragraphs.<p> Don't forget to use <*p> tags between each paragraph </div> </div><div class="tab1"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">History</label> <div class="content1 sidey"> please write at least 2 paragraphs about how your character grew up, their family. specific events that are important to your character. also what they are doing or planing now.<p> Don't forget to use <*p> tags between each paragraph </div> </div><div class="tab1"> <input type="radio" id="tab-4" name="tab-group-1"> <label for="tab-4">Player</label> <div class="content1 sidey"> <b>Alias:</b> what you want us to call you ooc <br><b>Age: </b> Your Age <br><b>Time Zone:</b> </div> </div></div></div> <div class="appheader1">CREDIT TO <a href="http://shine.b1.jcink.com/index.php?showuser=793">SHAUNI @ SHINE</a></div> </center>
Поделиться42015-02-13 19:48:09
Структура style.css
Пост и Аватар
/************* ***************/
/********* Post Styles *********/
/***************************/
#pun-viewtopic .post {position: relative; padding-bottom: 10px; margin-bottom: 50px;}
#pun-viewtopic .post h3 {position: absolute; left: 530px; top: 5px; width: 435px;}
#pun-viewtopic .post h3 strong, div.post-rating .container a {
float: right; width: 60px; padding-top: 10px;
text-align: right; font-weight: normal;
font-size: 30px !important; color: rgba(15,15,15,0.2);}
#pun-viewtopic .post h3 a, #pun-post .topic .post h3 a {
width: 185px; display: block; text-align: center;
left: 0px; position: absolute;
color: #0f0f0f; text-decoration: none;
font-weight: normal; font-size: 16px; padding-top: 1px;}
.post-rating .container {position: relative; right: -8px;}
div.post-rating .container a {margin-top: -30px; padding-bottom: 5px; float: none;}
#pun-viewtopic .post-box {
padding: 35px 17px 50px 64px;
background:
url(http://forumstatic.ru/files/0012/b5/61/48782.jpg) no-repeat 0px 0px,
url(http://forumstatic.ru/files/0012/b5/61/48782.jpg) no-repeat -1424px bottom,
url(http://forumstatic.ru/files/0012/b5/61/48782.jpg) repeat-y -712px 0px;
width: 712px; min-height: 130px;
box-sizing: border-box; -moz-box-sizing: border-box;}
.post-content {padding-bottom: 20px;}
#pun-viewtopic .post-author, #profilenav, #pun-post .topic .post-author, #pun-searchposts .post-author{
background:
url(http://forumstatic.ru/files/0012/b5/61/56930.png) no-repeat 0px 0px,
url(http://forumstatic.ru/files/0012/b5/61/56930.png) no-repeat -280px bottom,
url(http://forumstatic.ru/files/0012/b5/61/56930.png) repeat-y -561px 0px;
position: relative; top: 0px; margin-left: 0px;
padding: 28px 7px 30px 3px; min-height: 200px;
background-clip: padding-box, padding-box, content-box;
box-sizing: border-box; -moz-box-sizing: border-box;
z-index: 5;}
.punbb .post-body {margin-left: 180px;}
.post-author {width: 250px; color: #a79a87;}
.post-author .pa-author a, .post-author .pa-author {font-family: Alaria Script; color: #4a0a09; font-size: 23px;}
.post-author .pa-author a {position: relative; z-index: 9;}
li.pa-author {padding-bottom: 15px; margin-left: -8px;}
.post-author ul {text-align: center; padding-left: 10px;}
li.pa-title {
width: 190px; margin: auto;
font-family: Alaria Script; font-size: 18px; color: #bda574;
text-shadow: 0px 0px 6px rgba(0,0,0,1); padding-bottom: 8px;}
