чтобы хтмл в постах работал:
Администрирование - Настройки - Beta - Да.
bello |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » bello » все для дизайна » полезное для диза
чтобы хтмл в постах работал:
Администрирование - Настройки - Beta - Да.
zzzzz
/* C3.5 оформление профиля*/
.punbb .post .post-author {
float: left;
padding: 0px 10px 0px 0px; /*сдвиг текста от рамки только вправо*/
width: 220px;
border-top: none;
border-bottom: none;
margin-top: 20px;
margin-left: 10px; /*сдвиг от левой стороны*/
margin-bottom: 0px;
font-size: 10px;
}
#pun-main .pa-awards {
padding-top: 6px;
}
/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background:url(http://funkyimg.com/i/28pop.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin:12px -5!important;
}
.punbb .post .post-author > ul {
background:url(http://funkyimg.com/i/28poo.png) 0 top no-repeat,url(http://funkyimg.com/i/28ppC.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin:-12px 0 -12px -5!important;
padding:12px 17px 27px!important; /*отступ сверху вправо-лево снизу*/
}
#pun-main .pa-avatar {margin-top: 4px;
}
/* C3.7 ник в профиле*/
.pa-author {
/*background: #000000;*/
font-size: 1.7em;
font-weight: bold;
text-transform: uppercase;
font-family: Cuprum;
color: #a47b38;
}
/* C3.9 статус*/
li.pa-title {
padding-bottom: 0.4em;
margin-top: 2px;
line-height: 100%;
font-weight: normal;
letter-spacing: 0px;
color: #a47b38;
font-size: 90%;
}
/* D3.2 ссылки меню*/
#pun-navlinks .container {
padding: 0.7em 1em;
margin-top : -500px;
margin-left : -10px;
font-size: 1.3em;
font-family: 'Cuprum', arial;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 14px; /*размер шрифта Форум, ...
padding-top: -70px;*/
font-style: normal;
letter-spacing: 0px;
text-transform: uppercase;
/*text-shadow: #faf0c8 2px 1px;*/
color: #d19d49;
font-family: 'Cuprum', arial;
}
/* D4.2 ссылки меню новые сообщение и тд*/
#pun-ulinks .container {
border-top: none;
margin-top : -7px;
margin-left : -10px;
font-size: 11px;
color: #eba624;
letter-spacing: 0px;
text-transform: lowercase;
/*text-shadow: #faf0c8 2px 1px;*/
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
/* height: 10px;*/
font-family: 'Cuprum', sans-serif;
font-weight: normal;
}
/*описание подфорумов*/
.desbox {
text-align: justify;
font-family: Cuprum;
color: #3F160D;
font-size: 100%;
padding: 20px;
width: 360px;
letter-spacing: 1px;
/*font-variant: small-caps;*/
background-color: #ecd5b2;
/*border-radius:30px; */
box-shadow: inset 0 0 7px 5px #dfba80; /*inset <сдвиг по x> <сдвиг по y> <радиус размытия> <растяжение> <цвет>*/
border: 0px solid #566513;
border-top: 3px solid #d19d49;
border-bottom: 5px solid #d19d49;
}
/*рамочка и фон вокруг аватара*/
li.pa-avatar.item2 img { margin-left: 1px;
margin-top:2px;
border: solid 2px #dfba80;
}
/*li.pa-avatar.item2 {
background-color: #825a0d;
width: 186px;
margin-left: 6px;
}*/
.flink {
position: relative;
margin-top: -50px;
bottom: -60px;
left: -75px;
overflow: visible;
z-index: 999;
}
/*гостевая*/
.pic {width:200px; border-radius:5%; padding:3px; background-color:#b98b40;}
.pic img {width:200px; border-radius:5%;}
.ram {
width:400px; font-family:Cuprum; font-size:12px; color: #3F160D; padding:10px 12px 10px 12px; /*border-radius:10px;
box-shadow: inset 0 0 6px 3px #dfba80;*/
}
<!--record--><center><div class="org"><div class="orgv"> <center> <div class="vnehi"><span style="font-size:36px;"> <b>Coffee time</b></span> </div> <div class="work_o"> наши ответы на ваши вопросы </div><br> <table> <tbody> <tr> <td width="244px"> <center><img src="http://funkyimg.com/i/28rvN.gif"></center></td> <td width="244px"><center><img src="http://funkyimg.com/i/28rvP.gif"> </center> </td></tr></tbody></table> <div class="vnehi_r"><center> <b>официальное название:</b> COFFEESHOP<br> <b>дата открытия:</b> 13 марта 2016<br> <b>рейтинг проекта:</b> NC-17<br> <b>тематика:</b> real-life<br> <b>организация игры:</b> эпизоды<br> <b>место действия:</b> Чикаго, Иллинойс, США<br><br> </center> </div><br><br> <center> <table width="300px"><tr><td width="150px"><center> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=3#p3" class="tvmm" target="">внешности</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=51#p62" class="tvmm" target="">имена</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=4#p4" class="tvmm" target="">биржа</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=5#p5" class="tvmm" target="">faq</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=11#p16" class="tvmm" target="">шаблон анкеты</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=9#p12" class="tvmm" target="">нужные м</a> <a href="http://coffeeshop.rusff.me/viewtopic.php?id=10#p13" class="tvmm" target="">нужные ж</a> </center></td> <td width="150px"> <div style="text-align: center; width: auto; height: 100px; overflow: auto; font-family:Cuprum; font-size:12px; color: #3F160D;"> придержанные до 16.03. имена см. <a href="http://coffeeshop.rusff.me/viewtopic.php?id=51#p62">here</a><br> Danielle Campbell до 17.03.<br> Emmy Rossum до 17.03.<br> Halsey до 17.03.<br> Olivia Wilde до 17.03<br> Richard Madden до 17.03<br> Zoe Kravitz до 17.03.<br> Natalie Dormer до 19.03.<br> <b>до 16.03.</b><br> Adelaide Kane for secret universe<br> Alexandra Daddario for кизи<br> Alicia Vikander for lucky<br> Alycia Debnam-Carey for хеда<br> Alysha Nett for я согрешила<br> Ariana Grande for радиация<br> ASAP Rocky for b o m b a<br> Barbara Palvin for соня гурвич<br> Bill Kaulitz for бонни<br> Brett Dalton for daym son<br> Blake Lively for дырка мориарти<br> Bradley Cooper for Adam Hunter<br> Cara Delevingne for darkness inside<br> Chloe Bennet for daym son<br> Casey Deidrick for младший лейтенант<br> Chris Evans for greshnik<br> Chris Pine for captain kirk<br> claire holt for галатея<br> Cody Christian for Johnass Hole<br> Colin Farrell for halsey.<br> Colin O'Donoghue for Йохохо<br> Crystal Reed for аномалия<br> Daniel Sharman for boy<br> Dane DeHaan for адепт эскапизма<br> Danneel Ackles for Катя<br> Daisy Ridley for гроза галактики<br> Derek tTheler for майло<br> Dylan O'Brien for райан гослинг<br> Dominic Sherwood for дрейк<br> Ed Westwick for archie<br> Elizabeth Olsen for karmacoma<br> Emily Browning for сокровище юнеско<br> Eminem for snowzhok<br> Emma Roberts эльф<br> Elle Fanning for пломбир<br> Emma Stone for супамэн<br> Emma Watson for somber<br> Ethan Cutkosky for мечта педофила<br> Eiza González for cassiopeia<br> Gal Gadot for Фантом<br> Gigi Hadid for lady Bathory<br> Gemma Arterton for незабудка<br> Grant Gustin for lightning gave me abs<br> Hayden Christensen for онегин<br> Imogen Poots for джен<br> Jack Falahee for sassy<br> Jack O'Connell for ripper<br> Jennifer Lawrence for девочка ламбо<br> James McAvoy for Cortes<br> Jensen Ackles for Катя<br> Jessica De Gouw for disturbia<br> Jessica Stroup for хлорка<br> Johanna Braddy for whore<br> Johnny Depp for джей.ди<br> Joseph Gordon-Levitt for цейтнот<br> Kylie Jenner for джуди<br> Kate Hudson for ретинола ацетат<br> Katie McGrath for бананка<br> Kaya Scodelario for skinny bitch<br> Kendall Jenner for b o m b a<br> Leonardo DiCaprio for #навеки не твой<br> Lea Seydoux for Eva Waterfall<br> Lindsey Morgan for бастилия<br> Lyndsy Fonseca for 1408<br> Margot Robbie for ciao<br> Marie Avgeropoulos for вавилон<br> Matt Bomer охотник за носками<br> Megan Fox for party poison<br> Mila Kunis for marvel<br> Miranda Kerr for иса<br> Nathaniel Buzolic for kit<br> Natalie Portman for лунная призма<br> Odette Annable for halsey.<br> Paul Wesley for destroyer<br> Phoebe Tonkin птичка<br> Ryan Gosling for младший лейтенант<br> Ryan Kelley for крокодил гена<br> Robert Downey Jr for unbearable<br> Ryan Reynolds for большой теннис холмса<br> Rosamund Pike for apatheia<br> Selena Gomez for венди продалась пиратам<br> Shailene Woodley for secret aGent<br> Shelley Hennig for тюлень любви<br> Sasha Pieterse for дора зе эксплоер<br> Sebastian Stan for вандерсекс<br> Sergey Lazarev for чешир<br> Sonya Esman for cardiac arrest<br> Sabrina Carpenter for мечта педофила<br> Shay Mitchell for disturbia<br> Sienna Miller for snowzhok<br> Sophia Bush for september<br> Tatiana Maslany for southern belle<br> Tom Ellis for люцифер<br> Tom Payne for gravity falls<br> Tom Kaulitz for клайд<br> Theo James for secret aGent<br> Victoria Justice for милые кости<br> Willa Holland for daddy af<br> Zayn Malik for king<br> </div> </td> </tr> </table> </center> <br><br><center> <div class="ram"><span style="width: 270px;"> • Внешности/роли придерживаются на максимальный срок — 3 дня;<br> • Придержанные внешности приравниваются к занятым;<br> • Имена и фамилии не придерживаются;<br> • Гостям, не нашедшим себе приглянувшегося персонажа в нужных/акциях, предлагаем заглянуть сюда — <a href="http://coffeeshop.rusff.me/viewtopic.php?id=46">игрок в хорошие руки</a>;<br> • Гостевая, как видно из названия, создана для гостей; просьба игроков не флудить: будете нужны — мы вас позовем;<br> </span></div> </div></div></center>
/* настройки профиля */
.punbb .post .post-author {
float: left;
width: 19em;
text-align: center;
margin-top: 0.5em;
padding-top: 10px;
overflow: hidden;
border-radius: 10px; /* радиус закругленных краёв */
-moz-box-shadow: inset 0 0 15px 5px #8a7346; /* настройки внутренней тени */
-webkit-box-shadow: inset 0 0 15px 5px #8a7346; /* настройки внутренней тени */
box-shadow: inset 0 0 15px 5px #8a7346; /* настройки внутренней тени */
background-color: #aea079; /* цвет фона */
окантовка для авика:
.punbb .post .post-author {
width:200px; //ширина профиля
background: #ffffff; //цвет подложки профиля
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border-radius: 10px; //радиус скругления уголков
-moz-box-shadow: inset 0 0 10px 5px #e7e0b9;
-webkit-box-shadow: inset 0 0 10px 5px #e7e0b9;
box-shadow: inset 0 0 10px 5px #e7e0b9; //тень
}
/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #ffffff;
padding: 11px;
padding-top: 10px;
border-width: 3px;
border-color: #459488;
border-radius: 20px;
border: solid 3px;
color: #072040}
сайдбар:
<div id="sidebar"><center>текст</center>
</div>
<style type="text/css">
#sidebar {
background-color: #ece9d2;
width: 240px;
margin-top: 100px;
margin-left: -270px;
height: 500px;
padding: 0px;
position: fixed;
float: left;
border-right:0px solid #f0f0f0; border-left: 0px solid #f0f0f0; }
</style>
красивая навигация ( как у обманщиц)
1 окно стиля:
a.sbla:link, a.sbla:visited {
display: block;
margin-bottom: 1px;
text-transform: lowercase;
font-style: italic;
font-family: georgia;
font-size: 9px;
letter-spacing: 1px;
border-radius: 10px;
background: #eeeeaa;
color: #895602;
padding: 1px 2px 2px 10px;
}
a.sbla:hover, a.sbla:active {
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
display: block;
text-transform: lowercase;
font-family: georgia;
font-size: 9px;
letter-spacing: 5px;
background: #eeeeaa;
text-decoration: none;
color: #895602;
text-align: center;
padding: 1px 2px 2px 20px;
border-radius: 10px;
}
куда надо:
<a href="ссылка" class="sbla"><b>сюжет</b></a>
<a href="ссылка" class="sbla"><b>информация о городе</b></a>
<a href="ссылка" class="sbla"><b>шаблон анкеты</b></a>
<a href="ссылка" class="sbla"><b>нужные персы</b></a>
зита зита = паразит
4 ель = форель
NAME SURNAME |
|
"цитата" |
имя рус., сокращения | возраст, дата рождения, родной город | профессия |
ориентация | семейное положение | как оказался в Оденсе? |
Let's begin the story | био+характер |
где нас нашли | связь | согласны ли получить послание от маньяка? |
<!--record--><div class='postcolor'> <center> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <style type="text/css"> .sara-boxes { width: 96px; height: 16px; background-color: #f1f1f1; text-align: center; font-family: times; font-size: 10px; text-transform: lowercase; font-weight: none; color: #000; letter-spacing: 1px; line-height: 100%; margin-left: 5px; padding: 5px 0px 0px 0px;} .name-box { width: 260px; height: -15px; background-color: #fff; border: 3px double #CCC; padding: -35px 10px 10px 10px; font-family: 'lobster'; font-size: 40px; letter-spacing: 1px; color: #103263; position: relative; top: 70px; opacity: .88; } .alias-box { width: 260px; height: 5px; padding: 5px 10px 10px 10px; text-align: center; font-family: cambria; font-size: 13px; font-style: italic; color: #000; background-color: #f1f1f1; border: 3px double #CCC; margin: 8px 0px 0px 0px; } </style> <div style="width: 525px;"> <div style="width: 525px; height: 175px; background-image: url(http://funkyimg.com/i/K4Ad.png);"> <div class="name-box">welcome guest</div> </div> <div style="width: 525px; height: 40px; background-color: #103263; position: relative;"> <table cellspacing="0" cellpadding="0" style="position: relative; top: 7px; left: -3px;"> <tbody><tr><td><div class="sara-boxes"> <a href="http://tmfriend.rusff.me/viewtopic.php?id=4#p4">правила</a> </div> </td><td><div class="sara-boxes"> <a href="http://tmfriend.rusff.me/viewtopic.php?id=6#p6">внешности</a> </div> </td><td><div class="sara-boxes"> <a href="http://tmfriend.rusff.me/viewtopic.php?id=119#p6044">FAQ</a> </div> </td><td><div class="sara-boxes"> <a href="http://tmfriend.rusff.me/viewtopic.php?id=5#p5">занятость</a> </div> </td><td><div class="sara-boxes"> <a href="http://tmfriend.rusff.me/viewtopic.php?id=7#p7">о городе</a> </div> </td> </tr></tbody></table></div> <div style="width: 525px; background-color: #103263; padding: 0px 0px 10px 0px;"> <div style="width: 480px; height: 218px; background-color: #d4dff0; padding: 10px; font-family: cambria; font-size: 12px; color: #000; line-height: 100%; text-align: justify; overflow: auto; "><table style="text-align: center; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td width="70%"> Дорогие гости! Эта тема всегда открыта для Вас. Не стесняйтесь, задавайте вопросы, и мы с радостью на них ответим. <br><br> Не забудьте заглянуть в <a href="http://tmfriend.rusff.me/viewtopic.php?id=119#p6044">F.A.Q. </a>вдруг у нас уже есть ответ на интересующие Вас вопросы. <br><br> Данная тема только для гостей и администрации. Игроки могут писать, только если вопрос касается именно их. Если у Вас есть какой-нибудь вопрос, мы вам поможем в этой теме: <a href="http://tmfriends.ru/viewtopic.php?id=1304#p165749">вопросы игроков.</a><br><br> Девушки в пару не придерживаются. <br><br> Внешности придерживаются на 2 дня, и только если вы пишете имя и фамилию латиницей, например: <br><u>Matthew Bellamy</u>. </td><td width="30%"><p>ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</p> <br><b>--.--</b><br> ------<br> </td></tr></tbody></table></div> <br><center><p><font color=white>У НАС СВОБОДНЫ</font></p> <div style="width:520px; height:120px; overflow:auto;"><img src="http://funkyimg.com/i/K4Ds.png"><img src="http://funkyimg.com/i/K4F6.png"><img src="http://funkyimg.com/i/K4Dx.png"><img src="http://funkyimg.com/i/K4F7.png"><img src="http://funkyimg.com/i/K4Dv.png"><img src="http://funkyimg.com/i/K4F8.png"><img src="http://funkyimg.com/i/K4RS.png"><img src="http://funkyimg.com/i/Nfym.png"><img src="http://funkyimg.com/i/K4RT.png"><img src="http://funkyimg.com/i/K4Lj.png"><img src="http://funkyimg.com/i/K4RV.png"><img src="http://funkyimg.com/i/K4Lk.png"><img src="http://funkyimg.com/i/K4RW.png"><img src="http://funkyimg.com/i/K4Lm.png"><img src="http://funkyimg.com/i/K5LD.png"><img src="http://funkyimg.com/i/K4Dw.png"></div> <div style="height: 7px;"></div> <div class="alias-box"> © too many friends 2014 </div> </div>
<!-- для репутации -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>
( если глючит и не дает повысить репу)
#FFFFFF --- БЕЛАЯ ТЕНЬ
#121e3b --- #b8bcc6 бледно бледно оранжевый
#FF6000 --- #121e3b яркооранжевый
#FEECA3 #FDF1B7--- #e7e8ec бледнобледно жёлтый
#FFD48A --- #a1a6b3 бледно жёлтый
#FFC072 --- #727a8d чуть темнее бледно жёлтого
#FFCB08 #D4A600 #FFC629 #FCD745 --- #121e3b ярко жёлтый
#FF9C1D #FFAD00 #FF9D00 #FF9F00 --- #152242 яроко-тёмно ёлтый
#FFBD4C --- #2c3854 тёмно жёлтый
#902F08 #6D0000 #850000 ---- #0e172e коричневый
#400303 --- #0c1427 тёмно коричневый
#B51A1A #C11D1D --- #152242 красный
#e7e8ec #FF0000 --- #2c1d5e яркокрасный
#F1E3FF --- #eae8f0 бледнобледно розовый
#FFDCCA #FFD1BB #FFAA9C --- #d0d2d9 бледно розовый
#FF0079 --- #312169 ярко розовый
#FF8888 ---- #5b647a тёмно розовый
http://unionforum.rusff.me/ - полезный сайт
СКРИПТ HTML В ПОСТАХ. ставится в HTML-низ
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!--record--><style>#bg { width: 600px; height: 180px; position: relative; overflow: hidden; background-image:url(http://s8.uploads.ru/Tw72c.jpg); } .bg2 { width: 600px; height: 180px; position: absolute; top: 0; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } #bg:hover .bg2{ top: -180px; -webkit-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; } </style> <div id="bg"><div class="bg2"><div style="background:url(http://s8.uploads.ru/T1tIr.jpg); width:600px; height:180px;"></div></div> <div style="padding-top:40px; font-family: Verdana; font-size:14px; color:#575757; text-align:center;"><b>HTML-коды в постах</b><br> Все мы знаем, что без специальных скриптов в данный момент это не возможно. Так вот, для того, чтобы использовать html в своих постах (в качестве украшения), требуется сделать следующее:</div> </div>
как поставить плашку
доп поле:
<img class="Die_under" src="Ccылка на картинку"/>
В HTML верх
<style>
.Die_under {
display:inline-block;
margin-top:-23px; /*Наезд на Авик*/
margin-bottom:-23px; /*Наезд на поле ниже*/
}
</style>
<!--record--><!--HTML--> <style type="text/css"> div.bg{ background: url("http://funkyimg.com/i/29yzy.png") 0 0 no-repeat, url("http://funkyimg.com/i/29yzx.png") 0 100% no-repeat, url("http://funkyimg.com/i/29yzw.png") 0 0 repeat-y; background-size: 599px; margin-left: 80px; } div.tname{ padding: 20px 0 0 0; color: #f3f3f3; font-size: 30px; font-family: 'NautilusPompilius'; font-style: normal; font-weight: normal; position: relative; z-index: 1; text-shadow: #91b0cd 1px 1px 0, #91b0cd -0px -0px 0, #91b0cd -0px 1px 0, #91b0cd 1px -0px 0; } div.qt{ padding: 0 0 0 0; color: #ffffff; font-size: 11px; letter-spacing: 2px; bottom: 9px; position: relative; z-index: 2; font-style: normal; font-weight: 900; font-family: 'Calibri'; } .korpus > div, .korpus > input { display: none; } .korpus {text-align: center;} .korpus label { width: 150px; padding: 5px 5px; display: inline-block; letter-spacing: 2px; background: #f3f3f3; color: #91b0cd; text-transform: uppercase; } .korpus label:hover { background: #f3f3f3; color: #91b0cd; text-transform: uppercase; } .korpus input[type="radio"]:checked + label { font-weight: bold; text-transform: uppercase; } .korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; margin-top: 10px; text-align: justify;} </style> <center><div class='bg'><div class='tname'>Welcome home</div> <div class='qt'>цитата, какая-то цитата, я не могу придумать</div> <div style="padding: 10px 0 50px 0; width: 530px; text-align: justify; font-size: 11px; margin-left: -40px;"><center><img src="http://49.media.tumblr.com/e7a32c902cf5446bb324bc56fd93fe53/tumblr_nx7v3oSKi41s2791bo2_500.gif"></center><br> <div class="korpus"> <input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">приветствие</label> <input type="radio" name="odin" id="vkl2"/><label for="vkl2">внешности</label> <input type="radio" name="odin" id="vkl3"/><label for="vkl3">имена/фамилии</label> <div>Добро пожаловать на тестовый форум по реальной жизни! Наверняка в голове промелькнула мысль <i>«О Боже! Очередной реал»</i>, но поверь нам на слово, такого реала ты еще не видел.<br> Мы принципиально подошли к созданию проекта с нуля, не последовав примеру большинства — <i>«с миру по нитке — голому рубаха»</i> и придумали новые и уникальные фишки, которые сделают твое пребывание на форуме увлекательным, а жизнь твоего персонажа не забываемой.<br><br> ★ Мы подарим тебе возможность поставить перед своим персонажем <u>цель</u>, выполнение которой может круто изменить его жизнь. Кто знает, может ради достижения успеха тебе придется пойти по головам?<br> ★ Мы дадим тебе возможность изучать и осваивать <u>навыки</u>, благодаря которым твой персонаж раздвинет свой кругозор. Курсы боевых искусств, дайвинга, кулинарии, чему именно хочешь научиться ты?<br> ★ Мы позволим тебе создать собственный <u>клуб</u> по интересам. Твой клуб — твои правила! Ты сможешь выбрать все, от места встречи для собраний до кого именно пригласить в свою тусовку. Анонимные алкоголики? Художники или музыканты? Выбирай и вступай!<br><br> Все это и многое другое только у нас — в <b>Сан-Франциско</b> — городе известным своими летними холодными туманами, крутыми холмами и сочетанием викторианской и современной архитектуры. В городе, подарившем миру джинсы, китайское печенье, кстати, придуманное японцем и золотую лихорадку. <i>Голден Гейт Бридж</i>, <i>Алькатрас</i>, <i>Ломбард Стрит</i>, <i>Твин Пикс</i> — это только малая часть того, чем поражает этот прекрасный город. Но чего ему точно не хватает, так это тебя! Скорее присоединяйся к нам и оставайся надолго, а лучше навсегда, став частью чего-то по-настоящему стоящего.<br><br> Несмотря на то, что мы уже сплотившийся коллектив из четырех человек (среди нас есть и прекрасные организаторы, и талантливый графисты, и отличные текстовики), мы нуждаемся в помощниках! Если ты уверен в своих силах, владеешь фотошопом или словом, адекватно относишься к критике и хочешь приложить руку к созданию проекта, тогда расскажи о себе и своих талантах, приложи примеры работ, возможно, ты именно тот, кого нам так не хватает в команде. </div> <div><div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 2.5em"><pre>Внешность — <a href="URL">Ник</a><br></pre></div></div></div> <table layout=fixed width=100%> <tr> <td><center> Asa Butterfield — <a href="http://fortunetest.rusff.me/profile.php?id=110">заноза в твоей заднице</a><br> Brad Pitt — <a href="http://fortunetest.rusff.me/profile.php?id=121"> nrktk</a><br> Brett Dalton — <a href="http://fortunetest.rusff.me/profile.php?id=139">danny</a><br> Cameron Monaghan — <a href="http://fortunetest.rusff.me/profile.php?id=109">blurryface</a><br> Chris Evans — <a href="http://fortunetest.rusff.me/profile.php?id=17">labyrinth</a><br> Chris Pine — <a href="http://fortunetest.rusff.me/profile.php?id=36">кумыс</a><br> Chris Wood — <a href="http://fortunetest.rusff.me/profile.php?id=2">капитан холод</a><br> Cody Christian — <a href="http://fortunetest.rusff.me/profile.php?id=134">главнарь</a><br> Colin O'Donoghue — <a href="http://fortunetest.rusff.me/profile.php?id=7">к'мон</a><br> Danila Kozlovsky — <a href="http://fortunetest.rusff.me/profile.php?id=48">pluto</a><br> Dominic Sherwood— <a href="http://fortunetest.rusff.me/profile.php?id=64">маффин</a><br> Dylan O'Brien — <a href="http://fortunetest.rusff.me/profile.php?id=27">phenomenon</a><br> Ian Somerhalder — <a href="http://fortunetest.rusff.me/profile.php?id=29">чел</a><br> Jack Falahee — <a href="http://fortunetest.rusff.me/profile.php?id=9">fist fuck</a><br> Jai Courtney — <a href="http://fortunetest.rusff.me/profile.php?id=46">аид</a><br> Jamie Dornan — <a href="http://fortunetest.rusff.me/profile.php?id=24">gerald</a><br> Jensen Ackles — <a href="http://fortunetest.rusff.me/profile.php?id=92">джейсон против</a><br> Johnny Depp — ждет <a href="http://fortunetest.rusff.me/viewtopic.php?id=2#p10560">нефилим</a><br> Justin Bieber — <a href="http://fortunetest.rusff.me/profile.php?id=120">люк, ты пездюк</a><br> Mateus Verdelho — <a href="http://fortunetest.rusff.me/profile.php?id=32">проповедник</a><br> Matt Bomer — <a href="http://fortunetest.rusff.me/profile.php?id=59">печенька</a><br> Matthew Daddario — <a href="http://fortunetest.rusff.me/profile.php?id=5">drag me to hell</a><br> Michael Fassbender — <a href="http://fortunetest.rusff.me/profile.php?id=106">весенний мороз</a><br> Orlando Bloom — <a href="http://fortunetest.rusff.me/profile.php?id=30">трава у дома</a><br> Oxxxymiron — <a href="http://fortunetest.rusff.me/profile.php?id=73">damned</a><br> Paul Wesley — <a href="http://fortunetest.rusff.me/profile.php?id=82">martian</a><br> Ryan Gosling — <a href="http://fortunetest.rusff.me/profile.php?id=17">labyrinth</a><br> Sean O'Pry — <a href="http://fortunetest.rusff.me/profile.php?id=102">huskar</a><br> Sebastian Stan — <a href="http://fortunetest.rusff.me/profile.php?id=99">Тоха</a><br> Toby Kebbell — <a href="http://fortunetest.rusff.me/profile.php?id=126">Alpha Dog</a><br> Theo James — <a href="http://fortunetest.rusff.me/profile.php?id=77">Абсент</a><br> Tom Payne — <a href="http://fortunetest.rusff.me/profile.php?id=137">металлопластик</a><br></center></td> <td><center> Alexandra Daddario — <a href="http://fortunetest.rusff.me/profile.php?id=34">гена букин</a><br> Alicia Vikander — <a href="http://fortunetest.rusff.me/profile.php?id=37">j. abrams</a><br> Alycia Debnam-Carey — <a href="">space monkey</a><br> Amber Heard — <a href="http://fortunetest.rusff.me/profile.php?id=8">нефилим</a><br> Astrid Berges-Frisbey — <a href="http://fortunetest.rusff.me/profile.php?id=124">анатолич</a><br> Blake Lively — <a href="http://fortunetest.rusff.me/profile.php?id=141">потрачено</a><br> Candice Swanepoel — <a href="http://fortunetest.rusff.me/profile.php?id=28">Алкопринцесса</a><br> Cailin Russo — <a href="http://fortunetest.rusff.me/profile.php?id=140">angedonist</a><br> Caitlin Stasey — <a href="http://fortunetest.rusff.me/profile.php?id=112">обожженная душа</a><br> Chloe Bennet — <a href="http://fortunetest.rusff.me/profile.php?id=62">kamikadze</a><br> Сlara Alonso — <a href="http://fortunetest.rusff.me/profile.php?id=91">раздевайся и танцуй</a><br> Crystal Reed — <a href="http://fortunetest.rusff.me/profile.php?id=63">сиськи против лица</a><br> Danielle Campbell — <a href="http://fortunetest.rusff.me/profile.php?id=93">flawless</a><br> Doutzen Kroes — <a href="http://fortunetest.rusff.me/profile.php?id=69">Налабутенах</a><br> Eiza Gonzalez — <a href="http://fortunetest.rusff.me/profile.php?id=10">доширак</a><br> Elizabeth Olsen — ждет <a href="http://fortunetest.rusff.me/profile.php?id=2">капитан холод</a><br> Ellen Page — <a href="http://fortunetest.rusff.me/profile.php?id=47">java</a><br> Emma Roberts — <a href="http://fortunetest.rusff.me/profile.php?id=132">петровская</a><br> Emeraude Toubia — <a href="http://fortunetest.rusff.me/profile.php?id=26">огонь</a><br> Emilia Clarke — <a href="http://fortunetest.rusff.me/profile.php?id=66">авокадо</a><br> Frida Gustavsson — <a href="http://fortunetest.rusff.me/profile.php?id=116">клякса</a><br> Gal Gadot — <a href="http://fortunetest.rusff.me/profile.php?id=61">пустышка</a><br> Holland Roden — <a href="">invisible monster</a><br> Jaimie Alexander — <a href="http://fortunetest.rusff.me/profile.php?id=74">чайка</a><br> Jenna Coleman — <a href="http://fortunetest.rusff.me/profile.php?id=18">джон сноу</a><br> Jennifer Lawrence — <a href="http://fortunetest.rusff.me/profile.php?id=76">пьяное солнце</a><br> Josephine Skriver — <a href="http://fortunetest.rusff.me/profile.php?id=58">good girl</a><br> Julie Kennedy (Lass Suicide) — <a href="http://fortunetest.rusff.me/profile.php?id=39">nova terra</a><br> Kaley Cuoco — <a href="http://fortunetest.rusff.me/profile.php?id=35">припизднутая</a><br> Katherine McNamara — <a href="http://fortunetest.rusff.me/profile.php?id=49">арабелла</a><br> Katheryn Winnick — <a href="http://fortunetest.rusff.me/profile.php?id=71">Pinkie Pie</a><br> Kate Winslet — <a href="http://fortunetest.rusff.me/profile.php?id=125">декабрь</a><br> Kaya Scodelario — <a href="http://fortunetest.rusff.me/profile.php?id=38">танцуй!</a><br> Keira Knightley — <a href="http://fortunetest.rusff.me/profile.php?id=111">невыносимая</a><br> Kendall Jenner — <a href="http://fortunetest.rusff.me/profile.php?id=33">Совушечка</a><br> Leighton Meester — <a href="http://fortunetest.rusff.me/profile.php?id=57">хопс</a><br> Lily Collins — <a href="http://fortunetest.rusff.me/profile.php?id=135">собака-подозревака</a><br> Margot Robbie — <a href="http://fortunetest.rusff.me/profile.php?id=25">your life</a><br> Marie Avgeropoulos — <a href="http://fortunetest.rusff.me/profile.php?id=144">кукушка</a><br> Melanie Martinez — <a href="http://fortunetest.rusff.me/profile.php?id=138">sunglasses emoji</a><br> Megan Fox — <a href="http://fortunetest.rusff.me/profile.php?id=103">butterfly</a><br> Nina Dobrev — <a href="http://fortunetest.rusff.me/profile.php?id=13">панда</a><br> Phoebe Tonkin — <a href="http://fortunetest.rusff.me/profile.php?id=115">black canary</a><br> Rosie Huntington-Whiteley — <a href="http://fortunetest.rusff.me/profile.php?id=40">монти</a><br> Sophie Turner — <a href="http://fortunetest.rusff.me/profile.php?id=108">венди-бренди</a><br> Shelley Hennig — <a href="">малая</a><br> Taylor Hill — <a href="http://fortunetest.rusff.me/profile.php?id=127">йоши</a><br> Tuppence Middleton — <a href="http://fortunetest.rusff.me/profile.php?id=7">к'мон</a><br> Willa Holland — <a href="http://fortunetest.rusff.me/profile.php?id=132">петровская</a><br> Zoey Deutch — <a href="http://fortunetest.rusff.me/profile.php?id=145">артемида</a><br> </center></td> </tr> </table><br> ★ если профиль игрока не активен более 3-х суток, то внешность освобождается.</div> <div><div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 2.5em"><pre>Имя/Фамилия* — <a href="URL">Ник</a><br></pre></div></div></div> <table layout=fixed width=100%> <tr> <td><center> Anna <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=61">пустышка</a><br> Bellatrix <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=8">нефилим</a><br> Cherry <sup>f *</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=40">монти</a><br> Dylan <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=115">black canary</a><br> Elsa <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=33">Совушка</a><br> Eric <sup>m</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=2">капитан холод</a><br> Eva <sup>f *</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=7">к'мон</a><br> Lolly <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=35">припизднутая</a><br> Martin <sup>m</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=82">марсианин</a><br> Matvey <sup>m</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=30">трава у дома</a><br> Taylor <sup>f</sup> — <a href="http://fortunetest.rusff.me/profile.php?id=47">java</a><br></center></td> <td><center>Braunwell — <a href="http://fortunetest.rusff.me/profile.php?id=8">нефилим</a><br> Burton — <a href="http://fortunetest.rusff.me/profile.php?id=33">Совушка</a><br> Butler — <a href="http://fortunetest.rusff.me/profile.php?id=59">печенька</a><br> Cooper — <a href="http://fortunetest.rusff.me/profile.php?id=2">капитан холод</a><br> Nicholson — <a href="http://fortunetest.rusff.me/profile.php?id=35">припизднутая</a><br> O'Grady — <a href="http://fortunetest.rusff.me/profile.php?id=61">пустышка</a><br> Reeves — <a href="http://fortunetest.rusff.me/profile.php?id=30">трава у дома</a><br></center></td> </tr> </table><br> * — если выкупили имя или фамилию в банке </div><br><br> </div></div> </center>
<style type="text/css">
@font-face {
font-family: "Marck Script";
src: local("http://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic,latin");
font-style: normal;
font-weight: normal;
}
</style>
хтмл-низ:
<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push( 'название шрифта');
ft_f.push( 'название шрифта');
ft_f.push( 'название шрифта');
ft_f.push( 'название шрифта');
и т.д. (вместо и т.д. пишите столько шрифтов, сколько надо)
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>
http://forum.mybb.ru/viewtopic.php?id=2 … =4#p895764 - оформление подфорума картинкой
<!--record--><style> .songtitle { height: 155px; width: 375px; text-align: center; background: #647b87; font-family: 'Roboto'; font-size: 8px; color: #0a2737; text-transform: uppercase; letter-spacing: 3px; margin: auto; line-height: 3.4em; } } </style> <div class="songtitle"> тексттексттекст<br> Устанавливаете скрипт преображения HTML кодов в постах, делаете картинку, и на ней при помощи стиля div окна размещаете не обходимый контент. Либо прописываете класс div окна в css цветах, либо в коде <style> перед непосредственными див окнами с текстом ставите их значения и дальше по условиям своего скрипта HTML в постах </div>
Устанавливаете скрипт преображения HTML кодов в постах, делаете картинку, и на ней при помощи стиля div окна размещаете не обходимый контент. Либо прописываете класс div окна в css цветах, либо в коде <style> перед непосредственными див окнами с текстом ставите их значения и дальше по условиям своего скрипта HTML в постах
Как вариант:
<style>
.songtitle { height: 25px; width: 375px; text-align: center; background: #647b87; font-family: 'Verdana'; font-size: 8px; color: #0a2737; text-transform: uppercase; letter-spacing: 3px; margin: auto; line-height: 3.4em; }
</style>
<div class="songtitle">
тексттексттекст
</div>
или
<div style="height: 25px; width: 375px; text-align: center; background: #647b87; font-family: 'Verdana'; font-size: 8px; color: #0a2737; text-transform: uppercase; letter-spacing: 3px; margin: auto; line-height: 3.4em;">
тексттексттекст
</div>
<!--record--><div class="org"><div class="orgv"><div class="ram"> Устанавливаете скрипт преображения HTML кодов в постах, делаете картинку, и на ней при помощи стиля div окна размещаете не обходимый контент. Либо прописываете класс div окна в css цветах, либо в коде <style> перед непосредственными див окнами с текстом ставите их значения и дальше по условиям своего скрипта HTML в постах</div>
http://support.rusff.me/viewtopic.php?id=2967 - скрипт скрывающий категории
Вы здесь » bello » все для дизайна » полезное для диза