коды туды сюды
Сообщений 1 страница 28 из 28
Поделиться22015-01-08 18:55:49
<!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="http://funkyimg.com/i/RbjH.png" border="0" /></div> <div class="go-down" id='OnBottom'><img src="http://funkyimg.com/i/RbjG.png" border="0" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:100px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:.7; /*прозрачность*/ margin-bottom:60px; /*отступ снизу (можно не указывать)*/ width:75px; /*ширина кнопки*/ height:50px; /*высота кнопки*/ } .go-up { bottom:130px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:80px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .go-down:hover,.go-up:hover { opacity:1; } </style> <!--кнопки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script>
Код:<!--HTML--> <style type="text/css"> @import url(http://fonts.googleapis.com/css?family=Ledger|Oswald:300,400|Source+Sans+Pro:300,400|Homemade+Apple); .beginnings2 { width: 400px; height: 80px; background-image: url(http://funkyimg.com/i/SVCn.png); background-position: bottom; } .beginningsinside { font-family: Ledger; background-color: #917158; font-size: 14px; padding: 5px; text-align: center; color: #ccc6c8; width: 150px; font-style: bold; position: relative; top: 55px; } .angel2 { font-family: georgia; font-size: 10px; text-align: justify; color: #ccc6c8; background-color: #917158; padding: 5px; } .angel2 t { font-family: georgia; font-size: 10px; font-style: italic; } </style> <CENTER><div class="beginnings2"><div class="beginningsinside" style="top: 30px;">S — хочу к вам</div> <div style="width: 400px; position: relative; top: 40px; margin-top: 10px;"> <div class="angel2">не нашли себе места и растерялись по дороге? опишите своего персонажа или сюжет. или что-нибудь расскажите уже о себе.<br>шаблон свободный.</div> </div></div></CENTER>
Поделиться32015-01-09 12:09:24
жосмен убири атсюда клятву ей здес ниместа!!!!!!!!!
<!--форма ответа текст по ширине--> <style> #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>" </script>
Поделиться42015-01-09 12:12:36
- в CSS цвета доставляете настройку типа:
/* настройка вида ЛЗ */
.any_fucking_name {
width: ширина_фона px;
background-color: #цвет_фона;
border:толщина_границы px стиль_границы #цвет_границы;
color: #цвет_текста;
padding: отступ_текста_от_границ px;
-webkit-border-radius: радиус_округления_угла px;
-moz-border-radius: радиус_округления_угла px;
-o-border-radius: радиус_округления_угла px;
border-radius: радиус_округления_угла px;
}
в описание этого же элемента можно набить все, чего не хватает: регистр, шрифт, выравнивание, декорирование текста, замена фона на картинку - всё, чего душа пожелает.
- ячейку, отведенную под ЛЗ заполняете следующим образом:
<div class="any_fucking_name">здесь всё слезоточивое безобразие о персонаже с выделением чего надо и не надо <b>жирным</b>, <i>курсивом</i> или <a href="">ссылками</a></div>
- если размер ЛЗ позволяет, ячейка может содержать несколько по-разному настроенных элементов.
Поделиться52015-01-09 12:14:33
бегущая хуйня
<marquee onmouseout="this.start()" onmouseover="this.stop()" behavior="scroll" direction="left">здесь коды баннеров</marquee>
Поделиться62015-01-09 12:30:09
<style> .image.UP, .image.Down { border:2px solid transparent; margin:0; padding:0; } .image.UP{ opacity:1.0; display:block; position:absolute;z-index:100; transition-duration: 0.96s; -webkit-transition-duration: 0.96s; -moz-transition-duration: 0.96s; -o-transition-duration: 0.96s; -ms-transition-duration: 0.96s; /* IE9+ */ } .image.UP:hover { opacity:0.00; } div.ImgWrap{ display:inline-block; padding:0;margin:0; background-position:center center; background-repeat:no-repeat; } </style>
туда где изобр
<div class=ImgWrap> <img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/> <img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/> </div>
Поделиться72015-01-09 12:35:16
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style>
<style type="text/css"> li#navawards {display: none;} </style>
низ счетч соо
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<style> .lastedit {display:none;} </style>
Поделиться82015-01-09 12:42:03
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 10px; letter-spacing: 1px; border-radius: 10px; background: #2c2118; color: #c3b69d; padding: 2px 2px 2px 10px;} a.sbla:hover, a.sbla:active { -moz-transition: 0.2s ease; -webkit-transition: 0.8s ease; display: block; text-transform: lowercase; font-family: georgia; font-size: 10px; letter-spacing: 5px; background: #170a00; text-decoration: none; color: #c3b69d; text-align: center; padding: 2px 2px 2px 20px; border-radius: 10px;}
<div style="padding: 3px; background: #; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 300px; margin: -1px 0px 0px 1px; border-radius: 10px;text-align: center;"> <a href="ссылка" class="sbla"><font color="#c3b69d">имя</font></a> <a href="ссылка" class="sbla"><font color="#c3b69d">имя</font></a> <a href="ссылка" class="sbla"><font color="#c3b69d">имя</font></a> <a href="ссылка" class="sbla"><font color="#c3b69d">имя</font></a> <a href="ссылка" class="sbla"><font color="#c3b69d">имя</font></a> </div>
Поделиться92015-01-09 13:59:58
[code]<!--HTML-->сюд код[/code]
Поделиться102015-01-09 22:33:26
/* CS1.0C Настройки прокрутки*/ ::-webkit-scrollbar{ width: 7px; height: 7px; background-color: #f0ece4;} ::-webkit-scrollbar-thumb{ background-color: #c5b9a1; }
К сожалению, действует это пока только в хромоподобных браузерах. В части ::-webkit-scrollbar мы задаем ширину и высоту прокрутки (она видна, например, сбоку или в кодах), а так же фоновый цвет прокрутки. ::-webkit-scrollbar-thumb задает цвет ползунка.
Поделиться122015-01-09 22:55:20
/* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { width: 100%; margin-left: 0px; margin-top: -340px; z-index:2000 !important; } /* D3.2 */ #pun-navlinks .container { height: 18px; font-weight:bold; text-align: center; margin: 0; position: relative; z-index:2000 !important; } /* D.3 */ #pun-navlinks li { border-left: 1px solid rgba(212, 155, 101, 0.196); border-right: 1px solid rgba(20, 7, 2, 0.251); border-top: 1px solid transparent; border-bottom: 1px solid transparent; display: inline-block; margin-left: -4px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; background: rgba(255, 77, 38, 0); opacity: 0.8; z-index:2000 !important; } #pun-navlinks li:first-of-type{ z-index:2000 !important; border-left: none !important; } #pun-navlinks li:last-of-type { z-index:2000 !important; border-right: none !important; } #pun-navlinks li:hover, #pun-navlinks li:focus, #pun-navlinks li:active { z-index:2000 !important; background: #311f22; border-top: 1px solid rgba(20, 7, 2, 0.251); border-bottom: 1px solid rgba(212, 155, 101, 0.196); opacity: 0.5; } /* D3.4 */ #pun-navlinks li a { z-index:2000 !important; display: inline-block; font-size: 9pt; height: 18px; min-width: 40px; position: relative; padding: 0px 8px; line-height: 23px; } #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active, #bannerbut a:hover, #bannerbut a:focus, #bannerbut a:active { z-index:2000 !important; color: #b49670 !important; }
Поделиться132015-01-09 23:46:26
<script> pismaof = "<img src='http://i64.fastpic.ru/big/2015/0108/90/7c9a3316aebc3c7c884c035f26c32f90.png' />"; pismaon = "<img src='http://i64.fastpic.ru/big/2015/0108/6e/57fb017eba837361f18c72f511cb006e.png' />"; str = document.getElementById("navpm").innerHTML; if (str.indexOf("(") == -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaof + str.substring(str.indexOf("Сообщения") + 9,str.length - 1); else if (str.indexOf(")") != -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaon + str.substring(str.indexOf(")") + 1,str.length - 1); </script>
Поделиться142015-01-10 01:01:45
<script> <!-- regof="<img src='http://i64.fastpic.ru/big/2015/0108/08/5db225ad460ca74b36ffdcfef54fdc08.png' />" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+11,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://i64.fastpic.ru/big/2015/0108/20/babeef2a454190007f7cef3d4fe14e20.png' />" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- valiof="<img src='http://i64.fastpic.ru/big/2015/0108/b4/fcbb6cb812743c1b43c6c64a76847fb4.png' />" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- indexof="<img src='http://i64.fastpic.ru/big/2015/0108/fa/8c94b304673936db1f8daeb6dfcdb4fa.png' />" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://i64.fastpic.ru/big/2015/0108/30/d66563cb09ddb37e61b26ef2ad0c9930.png' />" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://i64.fastpic.ru/big/2015/0108/83/3ac20b22cbf73dfd021d635e38b5cd83.png' />" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://i64.fastpic.ru/big/2015/0108/57/f00ff2a964c2b2f4ace12ea7606c9457.png' />" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> pismaof = "<img src='http://i64.fastpic.ru/big/2015/0108/90/7c9a3316aebc3c7c884c035f26c32f90.png' />"; pismaon = "<img src='http://i64.fastpic.ru/big/2015/0108/6e/57fb017eba837361f18c72f511cb006e.png' />"; str = document.getElementById("navpm").innerHTML; if (str.indexOf("(") == -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaof + str.substring(str.indexOf("Сообщения") + 9,str.length - 1); else if (str.indexOf(")") != -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaon + str.substring(str.indexOf(")") + 1,str.length - 1); </script> <script> <!-- godof="<img src='http://i64.fastpic.ru/big/2015/0108/1f/38ec666f7bb39c78bbbe0dbc5fc53f1f.png' />" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script>
Поделиться152015-01-10 02:42:54
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'> <center> <style type="text/css"> .newss {width: 500px; background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/4627/4627833.png');} .contennt {width: 430px; padding: 10px; background-color: #cdd8ad; height: 90%} .contenntt {padding: 10px; font-family: georgia; text-align: justify; color: #110c08; border: 1px dotted #4D3B36} .month {font-family: Kristi; font-size: 80px; text-align: right; padding: 20px; letter-spacing: -3px; color: #29180e; text-shadow: 1px 0px 0px #727e4f; position: relative; left: -15px} .merp { border-left: 15px solid #C1D9CD; font-size: 20px; text-transform: uppercase; padding: 10px; background-color: #e0e5d2; position: relative; top: 5px; left: 15px; font-family: 'economica'; color: #69717c; letter-spacing: 2px;} .merpp { border-left: 15px solid #287C63; font-size: 20px; text-transform: uppercase; padding: 10px; background-color: #29180e; font-family: 'Open Sans Condensed'; color: #5b6b50; letter-spacing: 5px; margin-top: 20px; margin-bottom: 20px; text-shadow: 1px 0px 0px #2b3e1e;} </style> <div class="newss"> <table> <td> <div class="merp"> britney says</div> </td> <td> <div class="month"> jan, 14</div> </td></table> <div class="contennt"> <div class="contenntt"> so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text so this is text <div class="merpp">of the month winners</div> <div class="merpp">plot update!</div> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum <div></div> </div> </center>
Поделиться162015-01-10 02:43:57
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Sevillana' rel='stylesheet' type='text/css'> <style type="text/css">.tabs { position: relative; width: 322; height: 220; clear: both; margin: 30px; } .tab { float: left; margin-top:228px; } .tab label { background: #d8de90; border-bottom: 5px solid #4c6318; padding: 7px 41px; margin-left: -1px; position: relative; left: 1px; color:#2a3907; text-transform: uppercase; font-family: calibri; font-size: 10px; } .tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .content { position: absolute; bottom: 0px; top: -20px; left: 0px; right: 0px; background: white; padding: 10px; border: 0px solid #ccc; overflow: auto; text-align: justify; font-family: Calibri; font-size: 10px; color: #494949; text-transform: uppercase; } [type=radio]:checked ~ label { background:; color: #314209; border-bottom: 5px solid #dfe30e; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; }</style> <div style=" width: 450px; height: 350px; background-color: #f2efe1; border-right: 6px solid #fbec71; border-left: 2px solid #fbec71;"> <div style="font-family: Sevillana; font-size: 32px; color: #4c6318; text-align: center; padding: 18px;">Information</div> <div style="font-family: calibri; font-size: 11px; color: #b3ba5d; text-align: center; letter-spacing: 2px; margin-top: -15px; text-transform: uppercase;">Your Forum Name</div> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">Rules</label> <div class="content"> <div style="font-family: times new roman; font-size: 24px; color: #4c6318; text-align: center; padding: 18px; text-transform: lowercase; letter-spacing: -2px;"><i>forum rules</i></div> <center><div style="width: 90px; height: 0px; background-color: transparent; border: 1px dotted #d6c3c5; margin-top: -10px;"></div></center> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%; margin-top: 5px;">01. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule <p> 02. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule <p> 03. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule <p> 04. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule ruleRule rule Rule rule Rule rule Rule rule Rule rule Rule <p> 05. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule <p> 06. Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule Rule rule </div> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Ranks</label> <div class="content"> <div style="font-family: times new roman; font-size: 24px; color: #4c6318; text-align: center; padding: 18px; text-transform: lowercase; letter-spacing: -2px;"><i>forum ranks</i></div> <center><div style="width: 90px; height: 0px; background-color: transparent; border: 1px dotted #d6c3c5; margin-top: -10px;"></div></center> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%; margin-top: 5px;"><b>01. Rank:</b> information information information information information information information information information information <p> <b>02. Rank:</b> information information information information information information information information information information </div> <p> <b>03. Rank:</b> information information information information information information information information information information <p> <b>04. Rank:</b> information information information information information information information information information information <p> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">staff</label> <div class="content"> <div style="font-family: times new roman; font-size: 24px; color: #4c6318; text-align: center; padding: 18px; text-transform: lowercase; letter-spacing: -2px;"><i>forum staff</i></div> <center><div style="width: 90px; height: 0px; background-color: transparent; border: 1px dotted #d6c3c5; margin-top: -10px;"></div></center> <div style="font-family: times new roman; font-size: 16px; color: #4c6318; text-align: justify; padding: 15px; text-transform: lowercase; letter-spacing: -1px;"><i>Admins</i></div> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%;"><b>01. Admin 1:</b> information information information information information information information information <p> <b>02. Admin 2:</b> information information information information information information information information</div> <div style="font-family: times new roman; font-size: 16px; color: #4c6318; text-align: justify; padding: 15px; text-transform: lowercase; letter-spacing: -1px;"><i>Global mods</i></div> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%;"><b>01. global 1:</b> information information information information information information information information <p> <b>02. global 2:</b> information information information information information information information information</div> <div style="font-family: times new roman; font-size: 16px; color: #4c6318; text-align: justify; padding: 15px; text-transform: lowercase; letter-spacing: -1px;"><i>coding mods</i></div> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%;"><b>01. coding 1:</b> information information information information information information information information <p> <b>02. coding 2:</b> information information information information information information information information</div> <div style="font-family: times new roman; font-size: 16px; color: #4c6318; text-align: justify; padding: 15px; text-transform: lowercase; letter-spacing: -1px;"><i>graphic mods</i></div> <div style="font-family: calibri; font-size: 10px; text-transform: uppercase; color: #494949; text-align: justify; line-height: 100%;"><b>01. graphic 1:</b> information information information information information information information information <p> <b>02. graphic 2:</b> information information information information information information information information</div> </div> </div> </div> <div style="font-family: calibri; font-size: 8px; text-transform: uppercase; color: #494949; text-align: right; line-height: 100%; padding-top: 27px; opacity: 0.3; letter-spacing: 5px;">Thanks, [url=http://z10.invisionfree.com/Shadowplay/index.php?showuser=4034]Ash ♥[/url]<div> </div></center>
Поделиться172015-01-10 02:45:29
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'> <center> <div style="width:380px; height:380px;background-image: url(http://i49.tinypic.com/23h9hy8.jpg);border-top: #934F4E 8px solid; border-bottom: #934F4E 8px solid;"> <div style="font-family:'Great Vibes'; font-size:50px; color: #934F4E;padding:30px;text-shadow: #fff 1px 1px 1px">Rules</div> <style> .kq1 {width: 250px; height: 30px;background: url(http://i49.tinypic.com/23h9hy8.jpg); border-top: 2px #934F4E solid; border-bottom: 2px #934F4E solid; padding: 10px; family-font:calibri; font-size:0px; color:#A77D7C;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; } .kq1:hover { background-color: #E1DAD9;padding:50px;overflow:auto;font-size:10px;font-family:calibri;color:#fff} </style> <div class="kq1"> <div style="font-family:'Sancreek'; font-size:30px;color:#934F4E;text-shadow: #fff 1px 1px 1px;padding:6px"> GENERAL RULES</div> <div style="font-family:calibri;color:white;letter-spacing:2px;text-align:justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et libero dolor, vitae ultrices urna. Suspendisse felis neque, convallis vitae sagittis at, consequat et neque. Duis ut risus vel diam accumsan lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a turpis nec metus dictum malesuada vel blandit tortor. Maecenas suscipit hendrerit augue et pharetra. Aliquam massa mauris, convallis et varius sed, mollis sed urna. Cras vel nisl eu nisi adipiscing consectetur. Nunc fringilla laoreet turpis ut pretium. Praesent hendrerit nisi ac nunc dignissim fermentum. Aenean enim erat, tempus et lobortis sit amet, aliquet id massa. Cras eget risus vel turpis lobortis consequat. Vestibulum convallis tortor ac lorem dignissim ultrices. </div> </div> <br> <style> .kq2 {width: 250px; height: 30px;background: url(http://i49.tinypic.com/23h9hy8.jpg); border-top: 2px #934F4E solid; border-bottom: 2px #934F4E solid; padding: 10px; family-font:calibri; font-size:0px; color:#A77D7C;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; } .kq2:hover { background-color: #E1DAD9;padding:50px;overflow:auto;font-size:10px;font-family:calibri;color:#fff} </style> <div class="kq2"> <div style="font-family:'Sancreek'; font-size:30px;color:#934F4E;text-shadow: #fff 1px 1px 1px;padding:6px"> GENERAL RULES</div> <div style="font-family:calibri;color:white;letter-spacing:2px;text-align:justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et libero dolor, vitae ultrices urna. Suspendisse felis neque, convallis vitae sagittis at, consequat et neque. Duis ut risus vel diam accumsan lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a turpis nec metus dictum malesuada vel blandit tortor. Maecenas suscipit hendrerit augue et pharetra. Aliquam massa mauris, convallis et varius sed, mollis sed urna. Cras vel nisl eu nisi adipiscing consectetur. Nunc fringilla laoreet turpis ut pretium. Praesent hendrerit nisi ac nunc dignissim fermentum. Aenean enim erat, tempus et lobortis sit amet, aliquet id massa. Cras eget risus vel turpis lobortis consequat. Vestibulum convallis tortor ac lorem dignissim ultrices. </div> </div> <br> <style> .kq3 {width: 250px; height: 30px;background: url(http://i49.tinypic.com/23h9hy8.jpg); border-top: 2px #934F4E solid; border-bottom: 2px #934F4E solid; padding: 10px; family-font:calibri; font-size:0px; color:#A77D7C;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; } .kq3:hover { background-color: #E1DAD9;padding:50px;overflow:auto;font-size:10px;font-family:calibri;color:#fff} </style> <div class="kq3"> <div style="font-family:'Sancreek'; font-size:30px;color:#934F4E;text-shadow: #fff 1px 1px 1px;padding:6px"> GENERAL RULES</div> <div style="font-family:calibri;color:white;letter-spacing:2px;text-align:justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et libero dolor, vitae ultrices urna. Suspendisse felis neque, convallis vitae sagittis at, consequat et neque. Duis ut risus vel diam accumsan lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a turpis nec metus dictum malesuada vel blandit tortor. Maecenas suscipit hendrerit augue et pharetra. Aliquam massa mauris, convallis et varius sed, mollis sed urna. Cras vel nisl eu nisi adipiscing consectetur. Nunc fringilla laoreet turpis ut pretium. Praesent hendrerit nisi ac nunc dignissim fermentum. Aenean enim erat, tempus et lobortis sit amet, aliquet id massa. Cras eget risus vel turpis lobortis consequat. Vestibulum convallis tortor ac lorem dignissim ultrices. </div> </div> <br> <style> .kq4 {width: 250px; height: 30px;background: url(http://i49.tinypic.com/23h9hy8.jpg); border-top: 2px #934F4E solid; border-bottom: 2px #934F4E solid; padding: 10px; family-font:calibri; font-size:0px; color:#A77D7C;transition-duration: 0.9s;-moz-transition-duration: 0.9s;-webkit-transition-duration: 0.9s;-o-transition-duration: 0.9s; } .kq4:hover { background-color: #E1DAD9;padding:50px;overflow:auto;font-size:10px;font-family:calibri;color:#fff} </style> <div class="kq4"> <div style="font-family:'Sancreek'; font-size:30px;color:#934F4E;text-shadow: #fff 1px 1px 1px;padding:6px"> GENERAL RULES</div> <div style="font-family:calibri;color:white;letter-spacing:2px;text-align:justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et libero dolor, vitae ultrices urna. Suspendisse felis neque, convallis vitae sagittis at, consequat et neque. Duis ut risus vel diam accumsan lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a turpis nec metus dictum malesuada vel blandit tortor. Maecenas suscipit hendrerit augue et pharetra. Aliquam massa mauris, convallis et varius sed, mollis sed urna. Cras vel nisl eu nisi adipiscing consectetur. Nunc fringilla laoreet turpis ut pretium. Praesent hendrerit nisi ac nunc dignissim fermentum. Aenean enim erat, tempus et lobortis sit amet, aliquet id massa. Cras eget risus vel turpis lobortis consequat. Vestibulum convallis tortor ac lorem dignissim ultrices. </div> </div> <div style="font-family:arial;font-size:11px;color:#934F4E;padding:10px;letter-spacing:2px;text-transform:uppercase">template made by India<br> thanks iris@SP for help </div> </center>
Поделиться182015-01-10 03:07:56
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Satisfy' rel='stylesheet' type='text/css'> <div class="jaztabs"> <div class="jazfctitle001">The Face Claim</div> <div class="jaztab"> <input type="radio" id="jaztab-1" name="jaztab-group-1" checked> <label for="jaztab-1">Info</label> <div class="jazcontent"> All of the rules regarding your face claim will go here. If you have a lot of rules or information to give out, this box will scroll. If you have a lot of face claims, those will also scroll, although it's unlikely you'll run out of room. You can outline any kind of form you'd like, but I don't recommend using the "code" tags, because it tends to make the tabs go funny. <p> Your reservation rules can go here as well. It makes a lot of sense to put them here, because it's just easier in terms of the template. If you want to put reservation rules in the "reserve" section, you'll have to edit the HTML for that section, because I don't think you want your rules structured as columns. </div> </div> <div class="jaztab"> <input type="radio" id="jaztab-2" name="jaztab-group-1"> <label for="jaztab-2">Male</label> <div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;"> <b>pb last, first</b> plays character last, first<br> </div> </div> </div> <div class="jaztab"> <input type="radio" id="jaztab-3" name="jaztab-group-1"> <label for="jaztab-3">Female</label> <div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;"> <b>pb last, first</b> plays character last, first<br> </div> </div> </div> <div class="jaztab"> <input type="radio" id="jaztab-4" name="jaztab-group-1"> <label for="jaztab-4">Reserve</label> <div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;"> <b>pb last, first</b> is reserved until <i>date</i><br> </div> </div> </div> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4002"><div class="jazfccredit001"><div style="color: white; font-weight: normal;">made by jazmine at shadowplay</div></div></a> </div> </center>
Поделиться192015-01-10 03:10:07
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <style type="text/css"> /* image from unsplash.com/license -- free for use stock photos */ .jgumdropcontainer1 { width: 500px; height: auto; background-color: #e9e5c9; margin: 10px auto 2px; font: normal normal normal 10px/110% Calibri; border: 10px solid #fff; box-shadow: 0px 3px 2px #999, 0px 0px 2px #999;; overflow: hidden; position: relative; text-align: justify; } .jgumdropcontainer1 ::-webkit-scrollbar { background: #e8e8ea; width: 5px; border: 2px solid #fff; } .jgumdropcontainer1 ::-webkit-scrollbar-thumb { background: #736093; } .jgumdropcontainer1 ::-webkit-scrollbar-corner { background: #fff; } .jgumdropcontainer1 h1 { margin: 40px auto 0px; color: #243a52; text-align: center; font: normal normal normal 55px/100% 'Open Sans Condensed'; text-transform: uppercase; letter-spacing: -2px; } .jgumdropcontainer1 h2 { margin: 5px auto 0px; text-align: center; font: normal normal 700 10px/100% 'Open Sans Condensed'; text-transform: uppercase; color: #617c87; letter-spacing: 1px; } .jgumdropcontainer1 h3 { margin: 0px auto; text-align: center; font: normal normal 700 8px/100% 'Open Sans Condensed'; text-transform: uppercase; color: #243a52; letter-spacing: 1px; } .jgumdropcontainer2 { background-color: #b8b6c1; width: 500px; height: 450px; position: absolute; top: 0px; left: 0px; opacity: 1; } .jgumdropcontainer { margin: 10px auto; /* centers it */ height: auto; width: auto; } .jgumdroptabs { margin: 0px auto; position: relative; right: 0px; width: 400px; height: 220px; } .jgumdroptab { float: left; } .jgumdroptab label { display: block; width: 25px; height: 25px; background: #b8b6c1; border: 1px solid #fff; border-radius: 50%; margin-left: 10px; position: relative; left: 120px; top: 210px; z-index: 2; } .jgumdroptab input[type=radio]:checked ~ label { background: #818094; z-index: 2; } .jgumdroptab input[type=radio] { display: none; /* DON'T EDIT */ } .jgumdropcontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: white; padding: 0px 3px; border: 20px solid #fff; outline: 1px solid #ccc; overflow: auto; } .jgumdroptab input[type=radio]:checked ~ label ~ .jgumdropcontent { z-index: 1; } .jgumdropcontent img { float:left; } </style> <div class="jgumdropcontainer1"> <div class="jgumdropcontainer"> <div class="jgumdroptabs"> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-1" name="jgumdroptab-group-1" checked> <label for="jgumdroptab-1"> <! Tab One !> </label> <div class="jgumdropcontent"> <h1>first last</h1> <h2>nickname. age. membergroup. face claim. </h2> </div> </div> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-2" name="jgumdroptab-group-1"> <label for="jgumdroptab-2"> <! Tab Two !> </label> <div class="jgumdropcontent"> <img src="IMG URL 150x180"> <h2>dob</h2> <h3>> month day</h3> <h2>occupation</h2> <h3>> position > company</h3> <h2>hometown</h2> <h3>> city > state > country</h3> <h2>other</h2> <h3>> other fields may be added</h3> </div> </div> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-3" name="jgumdroptab-group-1"> <label for="jgumdroptab-3"> <! Tab Three !> </label> <div class="jgumdropcontent"> Freestyle app </div> </div> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-4" name="jgumdroptab-group-1"> <label for="jgumdroptab-4"> <! Tab Four !> </label> <div class="jgumdropcontent"> <h1>alias</h1> <h2>age. timezone. contact. character #.</h2> </div> </div> </div> </div> <! REPLACE THIS IMG SRC URL IF YOU DON'T WANT THE MOUNTAINS IMAGE- IMAGE MUST BE 500PX WIDE, AS TALL AS YOU WANT - MOUNTAINS ARE 243 PX TALL - PLEASE REHOST MOUNTAINS IMAGE IF YOU USE !> <img src="http://i.imgur.com/Vozq2JQ.png?1"> </div> <div style="width: 500px; font-family: Calibri; margin: 0px auto; font-size: 10px; text-align: right; line-height: 110%; text-transform: uppercase;">application by nicole (<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">i</a>, <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">ii</a>, <a href="http://wecode.jcink.net/index.php?showuser=268">iii</a>, <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3717">iv</a>).</div>
Поделиться202015-01-10 04:17:18
ыввывы
Поделиться212015-01-10 20:19:54
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>http://young.f-rpg.ru/
возродились ака Rise like a pheonix, хули</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
Поделиться222015-01-10 21:18:26
/* CS1.10 Настройки профиля в теме*/ .punbb .post .post-author > ul { background: url(http://savepic.ru/5525311.jpg) top center no-repeat, url(http://savepic.ru/5523263.jpg) bottom center no-repeat; padding:10px 6px 10px 6px !important; } .punbb .post .post-author { text-align: center; background: transparent url(http://savepic.ru/5522239.jpg) repeat-y;} .pa-author a, .pa-author { color: #ffffff !important; text-shadow: 1px -1px 0px #b8aa91; font-family: Tahoma; text-transform: uppercase; font-size: 10px;} .pa-author a:hover { color: #f2efe9!important; }
Все чаще профили участников в теме так или иначе украшаются. Один из вариантов его оформления – несколько фонов. В первой части - .punbb .post .post-author > ul - мы настраиваем верхний и нижний фоны, а так же задаем отступы – padding. Отступы идут по часовой стрелке, начиная сверху.
Далее, в .punbb .post .post-author мы задаем фон, что будет идти по середине, соединяя верхний и нижний фоны между собой.
Части .pa-author a, .pa-author и .pa-author a:hover предназначены, если для ника участника вы хотите задать отдельный цвет (стиль, шрифт, размер), отличный от цвета и стиля остальных ссылок на форуме.
Поделиться232015-01-14 00:15:41
<div style="width: 350px; height: 80px; background-image: url('http://placehold.it/350x80')"></div>
<a href="link hereee">John Smith</a> won <b>male OTM</b>
<p>
удалил из таблицы хуйня с картинкой и подпись хуй отм
Поделиться242015-03-13 20:01:10
фыауыа
Поделиться262015-06-05 14:55:08
<!--HTML--><center><div class="tempback"><div class="temptop"><div class="tempcodewords">Statistics</div> <div class="tempcodesubwords">14 january - 14 july</div></div><div class="tempcodeone"><div class="tempcodetwo"><table width="100%" cellspacing="0"><tr><td width="70%">дэдэдэдэдэдэдэд эд эд э дэ дэ дэ ддэд эд э дэ дэ дэ </td><td width="30%">а у меня нет потерь</td></tr></table></div></div></div></center>
Поделиться272015-06-05 15:00:44
<!--HTML--><center><div class="iwisendwor"><div class="sitholdhe"> <div class="imsurout">The site plot</div><hr><br> <div class="hekiforave">Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends. Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</div> <br><br> <div class="hekiforave">Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends. Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</div> </div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=11193"><div class="thisbaleno"></div></a> </center><br><br>
Поделиться282015-06-14 15:53:22
ыфвафыва