http://forum.mybb.ru/viewtopic.php?id=3 … =9#p822333
скрипт тестирования переадресации
Коды
Сообщений 31 страница 60 из 66
Поделиться312014-12-20 17:39:48
Поделиться322014-12-20 19:43:09
ну что вышло?) проверяю
Поделиться332014-12-20 20:26:56
hanter-d, слишком большой в ФО
Поделиться342014-12-20 20:38:22
рррррррррррррррр2
Поделиться352014-12-20 22:43:00
hanter-d, не рррррычи)))
Поделиться362014-12-21 00:23:46
категории не НГ
/* CS5 category -------------------------------------------------------------*/ #pun-main div.catleft, #pun-main div.catright {display: none} #pun-main div.catleft, #pun-main div.catright {display: none} #pun-main #pun-category1.category h2{ background: url(http://funkyimg.com/i/Rzes.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category2.category h2{ background: url(http://funkyimg.com/i/Rzeq.png) no-repeat; margin-left: -100px; width: 1085px; height: 115px; } #pun-main #pun-category3.category h2{ background: url(http://3.firepic.org/3/images/2014-12/13/4zhvmjg7xibw.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category4.category h2{ background: url(http://3.firepic.org/3/images/2014-12/13/bunce9vluz8m.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category5.category h2{ background: url(http://3.firepic.org/3/images/2014-12/13/5ngtkt7inukv.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category6.category h2{ background: url(http://3.firepic.org/3/images/2014-12/13/n84xchct4b5w.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun #pun-index #pun-stats h2{ background: url(http://3.firepic.org/3/images/2014-12/13/w4oxybroiz0v.png) no-repeat; color: red; margin-left: -101px; width: 1085px; height: 115px; }
Поделиться372014-12-21 09:34:34
Поставила сразу для переноса:
- невидимость надписи о редактировании
- скрытие модераторов
- подфорум (замена)
- кнопки в описании форума (под диз)
- закруглила края на кнопках Отправить и Редактировать
- добавила тень в разделительной черте пост/подпись (с картинкой не вышло, но и так было видно, что она лишняя
Поделиться382014-12-21 14:00:44
верх стиля
/************************************************************ A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0; font-size: 100.1%; } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100%; } /* A3.2 */ .punbb { font: normal 12px verdana, arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif } /*knopki + forma otveta*/ .punbb textarea, .punbb select, .punbb input { background-color: #a7b0e6; font-size: 12px !important; color: #000000; } .punbb textarea { box-shadow: inset 0px -11px 40px #06114f; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-weight: normal; color: #1f0d01; } /* A3.5 */ .punbb h1 span, .punbb legend span { font-size: 1.2em; color: #1f0d01; position: top center; } .punbb h2 span { display: none; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -99999px; text-align: center; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0px auto auto auto; width : 1000px; padding: 0px 10px 0px 10px; } /* A5.2 */ .punbb { float: left; width: 870px; height: auto; margin-left: 60px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 20% 20% 12px 20%; width: auto; float: none; } #pun-redirect { margin: 20% 20% 12px 20%; float: none; background-image:url(http://funkyimg.com/i/S5Py.png); text-align: center; background-position:top center; background-repeat:no-repeat; padding-top: 40px!important; width: 500px; height: 213px; } #pun-redirect h1 span { font-weight: bold; color: #BEBEBE; } #pun-redirect .info .container { color: #BEBEBE; font-size: 12px; } #pun-redirect a { color: #BEBEBE; font-size: 12px; text-decoration: none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 0.7em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /***********************************************/************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 2px solid #4d2803; width: 500px; margin: 5px 0; box-shadow: 0px 2px 5px #000; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-left: 5px solid #; border-right: 5px solid #; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.2em; font-weight: bold; font-style: normal; margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -4em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /***********************************************/************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; vertical-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: left; width: 30%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; width: 20%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { font-size: 1.2em; font-weight: bold; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ /*.punbb tbody.hasicon td.tcl { padding-left: 3.2em }*/ .punbb td div.tclcon { margin-right: 75px; } /* C2.15 */ .punbb div.icon { float: right; display: block; width: 62px; /* ширина иконки */ height: 52px; padding-left: -50px; padding-top: 2px; margin-top: 1px; background-position: center center; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border-color: transparent; position: top center; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent ; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; position: top center; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent; } li.pa-online { border-left-color: transparent; } /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 19em; margin-top: -1.5em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { font-family: "Book Antiqua" !important; font-size: 0.7em; text-transform: uppercase; } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 2.8em; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em; } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /***********************************************/************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: medium none; height: 520px; } #pun-title td.title-logo-tdl { border: none; width: 80%; } #pun-title td.title-logo-tdr { border: none; width: 250px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: 50px; left: 0; margin: 0; border: none; padding: 50; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline; } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.0em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0.1em; } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; position: top center } /* D3.2 */ #pun-navlinks .container { width: 98%; text-align: center; float: left; -5px; margin-top: -165px; } #pun-ulinks .container { width: 100%; text-align: center; float: left; margin-top: 235px; } #pun-ulinks .container { font-style: italic; font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif; font-weight: 500; font-size: 12pt; } /* D.3 */ #pun-navlinks li { backgroud-color: #transparent; display: inline-block; height: 40px; padding: 4px 0px; margin-top: -2px; margin-bottom: -2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-variant: small-caps; font-weight: 700; font-align: justify; font-size: 13pt; line-height: 16px; font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif; } #pun-navlinks li a { display: inline-block; height: 32px; margin-top: -2px; margin-bottom: -2px; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* D3.4 */ #pun-navlinks li a { font-size: 1.0em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; text-align: center; margin-top: 0px; float: left; } /* D4.2 */ #pun-ulinks container { } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: center; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 30px; } /* D8.4 */ #pun-about .container { border-top-style: none; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display: none; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } #submenu table { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 5px; color: #a0724c } #menu span table{ height: 40px; padding: 4px 0px; margin-top: -2px; margin-bottom: -2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-variant: small-caps; font-weight: 700; font-align: justify; font-size: 13pt; line-height: 16px; font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif; } #pun-main .category .container table thead tr .tcl { font-size: 0px !important; } /* цвет ссылок в табличке замена */ #sm1 a, #sm2 a, #sm3 a, #sm4 a { color: #bf9573; text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.5); } /* цвет ссылок в табличке при наведении замена */ #sm1 a:hover, #sm2 a:hover, #sm3 a:hover, #sm4 a:hover { color: #b62002; text-shadow: 0 0 5px #9d4906; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px }
@media (max-width: 930px) { /* это будет показано при разрешении монитора до 930 пикселей */ .content-wrapper {padding: 0;} /* основное содержимое занимает всё пространство окна */ } @media (max-width: 930px) and (min-width: 470px) { /* для разрешения экрана от 470 до 930 пикселей */ aside {position: static; width: 100%; background: #ccc;} /* боковая колонка смещается согласно расположению в HTML и меняет фон */ } @media (max-width: 469px) { /* если максимальное разрешение экрана составит 469 пикселей */ body {font: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;} /* меняется шрифт */ aside {display: none;} /* боковая колонка исчезает */ } /* CS1 Background and text colours -------------------------------------------------------------*/ /*Убираем слово объявление из таблицы*/ #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} /*Лого*/ body { background-image: url("http://3.firepic.org/3/images/2014-12/21/xkt4vk4vk38q.png"); background-repeat: no-repeat; background-position: top center; background-color: transparent; } #pun-announcement { height: 250px; margin-bottom: 50; } /*фон*/ HTML { background-color: #06114f; background-image: url("http://funkyimg.com/i/RzeM.png"); background-repeat: repeat-y; background-position: center top; min-width: 1100px; } /*низ*/ #pun-about p.container { background-color: transparent !important; background-repeat: no-repeat; height:75px; } /*Ставим низ*/ #pun_wrap { background-image: url("http://3.firepic.org/3/images/2014-12/13/bl47u97efr24.png"); background-repeat: no-repeat; background-position: center bottom; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: transparent; color: #230d0a; } #pun-main .quote-box {background-color: #c8a988; } /* CS1.2 */ #pun-redirect .main { background-color: transparent; color: transparent; } .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #230d0a; } #pun-main h2 { font-size: 0px; } /* CS1.3 */ #pun-stats h2 { background-color: transparent; color: #7d6956; } #pun-debug h2, .punbb-admin #pun-admain h2, .punbb .main h1, .punbb .main h2{ background-color: transparent; color: #7d6956; } /* CS1.4 */ #pun-title, #pun-title .container { background: transparent url("") top center no-repeat; color: #351d1b; height: 450px; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #311917 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #341d0a } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #d8c2a6; color: #341d0a } /* CS1.8 */ #pun-navlinks .container { background-color: transparent; color: #c9ae99; } .offline li.pa-online strong { font-weight: normal } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #59493c #59493c #411012 #59493c } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #cdbeae; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #614d40; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #e4cfae; } /* CS2.5 */ .punbb th { border-color: #e6dacc; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #773103 #4f0f11 #4f0f11 #773103; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #773103 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #4f0f11 } .punbb .divider { border-color: #773103 #4f0f11 #4f0f11 #4f0f11 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #e6dacc; } li.pa-online { border-left-color: #885b04; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #0921a5; text-shadow: 1px 1px 1px #dcb72d; /* Параметры тени */ } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #362214; text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */ } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #581103; text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */ } /* CS3.3 */ #pun-navlinks a { color: #70420e; text-decoration: none } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #4a2904; text-decoration: underline } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #504034; color: #e3d1b7; } /* CS4 Post status icons -------------------------------------------------------------*/ .punbb table Div.icon {float: right; display: block; width: 45px; height: 45px; border-style: none; background-image: url(http://5.firepic.org/5/images/2014-12/14/4wx60qvb6ceg.png); background-repeat: no-repeat; position: relative; } .punbb table div.inew {background: url(http://3.firepic.org/3/images/2014-12/14/sthri4w8m3m0.png) no-repeat; position: relative; margin-left: 1px; } TR.isticky Div.icon {background: url(http://3.firepic.org/3/images/2014-12/14/gscxv8lz8dnx.png) no-repeat; position: relative; margin-left: 1px; } TR.iclosed Div.icon {background: url(http://3.firepic.org/3/images/2014-12/14/yftd0gw98ld5.png) no-repeat; position: relative; margin-left: 1px; } /* CS5 category -------------------------------------------------------------*/ #pun-main div.catleft, #pun-main div.catright {display: none} #pun-main div.catleft, #pun-main div.catright {display: none} #pun-main #pun-category1.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/vz8q0qo6pz7g.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category2.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/uci8ma5v7v2h.png) no-repeat; margin-left: -100px; width: 1085px; height: 115px; } #pun-main #pun-category3.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/79ka25gbnk37.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category4.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/rvc2fk8q8qrl.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category5.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/kxtboeiv6jt9.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun-main #pun-category6.category h2{ background: url(http://3.firepic.org/3/images/2014-12/20/6p1gub2gb1ec.png) no-repeat; margin-left: -101px; width: 1085px; height: 115px; } #pun #pun-index #pun-stats h2{ background: url(http://3.firepic.org/3/images/2014-12/20/mt21br0erbjd.png) no-repeat; color: red; margin-left: -101px; width: 1085px; height: 115px; } /*profile*/ /*НИЗ и НИК*/ .punbb .post .post-author > ul { background:url(http://funkyimg.com/i/Rz9s.png) 0 bottom no-repeat, url(http://funkyimg.com/i/Rz7r.png) 0 top no-repeat; margin: -22px 0 -15px 0!important; padding: 50px 17px!important; } .post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #603313 !important; text-shadow: none !important; } li.pa-avatar {z-index: 5; margin-left: 10px !important; margin-top: 0px;} .pa-title { padding: 0px 0px 5px 0px !important; text-align: center; z-index: 1000; margin-top: 30px !important; color: #603313 !important; font-family: Garamond, Georgia, 'Times New Roman' !important; font-variant: small-caps !important; font-size: 12pt !important; font-weight: bold; margin-left: 7px !important; } .pa-author a, .pa-author { color: #7f6a45 !important; font-family: Garamond, Georgia, 'Times New Roman' !important; font-size: 12pt !important; font-variant: small-caps !important; font-weight: bold; text-align: center; margin-top: -9px !important; padding: 0px; margin-left: 1px !important; } /*ТЕЛО ПР*/ .post-author { background: url(http://funkyimg.com/i/Rzar.png) repeat-y; weight: 230px; text-align: center; color: # !important; } .post-author ul li { text-align: center; margin-left: 7px !important; } /*НИК*/ #pun-post .pa-author { background: url(http://funkyimg.com/i/Rz7r.png) 0% 0% no-repeat; padding: 40px; margin-left: 0px !important; } /*рамка*/ .pa-avatar.item2 img { max-width: 180px; box-shadow: 2px 5px 10px 1px #1c0b06; border-style: solid; border-width: 2px; -moz-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat; -webkit-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat; -o-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat; border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat; } .title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{ filter:alpha(opacity=20); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; } .title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{ filter:alpha(opacity=20); opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .punbb textarea, .punbb select, .punbb input { background-color: #e5bb96; } /*knopki + forma otveta*/ .punbb textarea, .punbb select, .punbb input { background-color: #ad8e78; font-size: 11px !important; color: #000000; } .punbb textarea { box-shadow: inset 0px -11px 40px #b28b82; }
Поделиться392014-12-23 00:57:55
ОСЕНЬ керса
настройки
верхнее окно
<style>
#pun-navlinks #navawards{display:none;}
</style>
<style>
#pun-announcement {
background: url("http://funkyimg.com/i/NPGD.png") no-repeat transparent;
height: 306px;
margin-left: -29px;
margin-top: 50px;
width: 937px;
left: -15px
position: relative;
z-index: 0;
}
#menu {
margin-top: -5px;
width: 195px;
height: 290px;
background-repeat : no-repeat;}#menu span {
text-align:center;
display:block;
color:#a0724c;
margin: 2px 0;
padding: 13px;
font-size: 11pt;
font-style: italic;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;}
#submenu {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
color:#150401;
background: transparent;
}
#menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background: url("http://funkyimg.com/i/NPGE.png") #150401;
}#menu .tabactive {
color: #1f1004;
background: url("http://funkyimg.com/i/NPTu.png") #190504;
}#submenu {
padding: 3px;
height: 180px;
text-align: center;
color:#a0724c;
font-size: 12px;
width: 540px;
}.submenutext {
display: none;
height: 50px;
}
</style><style type="text/css">
tr#forum_fxx, tr#forum_f32, tr#forum_f36 {
display: none;
}
</style>
<style>p.lastedit { display: none; }</style>
нижнее окно
<script type="text/javascript">
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
$("#navpm a").before("<img src='http://funkyimg.com/i/HNDb.gif' title='У Вас новое личное сообщение!' style='margin: -2px 0 0 1px; position: relative;'/>");
}
</script>
<script>
var supermod = new Array("The Mask","Hayley Marshall", "Charlotte Lange")var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")while(pos>pos2 && pos2!=-1){
pos1=pos2
pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
pos2=str.length-1
pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script><!-- границы и фон контейнера цитаты/кода. начало -->
<style>
#pun-main .quote-box, #pun-main .code-box {background-image : url('http://sa.uploads.ru/g3x6o.png');
border-color: #230d0a;}
</style><style type="text/css">
#pun-title .title-logo span {display: none;}
</style><script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script><style>
.post-author-Sp{
color:transparent!important;
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-bottom:5px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style><script>
// кнопка - ссылка на Картинку
var Img="http://funkyimg.com/i/PkcS.png";wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer; box-shadow: 0px 0px 0px rgba(48, 24, 6, 0.655);' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
if($(this).css("display")!="none"){
$(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
$(this).appendTo(a)
}
});});
$(".post .post-author-Sp ").live("click", function(){
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script><script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
navlinks=new Array("navindex", // Форум
"http://funkyimg.com/i/Pk4i.png","http://funkyimg.com/i/Pk4y.png",
"navuserlist", // Участники
"http://funkyimg.com/i/Pk5E.png","http://funkyimg.com/i/Pk5F.png",
"navsearch", // Поиск
"http://funkyimg.com/i/Pk6g.png","http://funkyimg.com/i/Pk6f.png",
"navprofile", // Профиль
"http://funkyimg.com/i/Pk5J.png","http://funkyimg.com/i/Pk5K.png",
"navpm", // Сообщения
"http://funkyimg.com/i/Pk5G.png","http://funkyimg.com/i/Pk5H.png",
"navadmin", // Администрирование
"http://funkyimg.com/i/Pk4e.png","http://funkyimg.com/i/Pk4D.png",
"navregister", // Регистрация
"http://funkyimg.com/i/Pk5A.png","http://funkyimg.com/i/Pk5B.png",
"navlogin", // Войти
"http://funkyimg.com/i/Pk4g.png","http://funkyimg.com/i/Pk4V.png",
"navlogout", // Выход
"http://funkyimg.com/i/Pk5C.png","http://funkyimg.com/i/Pk5D.png" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script><script type="text/javascript">
PiarNik="PR";
PiarPas="1111";var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\" title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://funkyimg.com/i/Pk7v.png\" onmouseover=\"http://funkyimg.com/i/Pk8s.png' \" onmouseout=\"this.src='http://funkyimg.com/i/Pk7v.png'\" /></span>";
if($("#navlogin").html()!=null){$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script><!--Кнопки в верх в низ-->
<div style="position:fixed; right:0.5%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/Pkh5.png" alt="Вверх страницы"></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://funkyimg.com/i/Pkgt.png" style="margin-top: -2px;" alt="Вниз страницы"></a>
</div><script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script><script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script><div style="position: absolute; margin-top: -55px; margin-left: 37px; width:803px; height: 50px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://crossover.f-rpg.ru/"><img src="http://s3.uploads.ru/jK7zM.gif"/></a>
<a href="http://tvdundercontrol.rusff.me/" target=_blank> <img src="http://savepic.su/4217298.gif" alt="under control" border="0" width="88" hight="31"></a> <a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a target="_blank" href="http://tvdimmortal.rusff.me/"> <img src="http://s0.uploads.ru/9leXW.gif" ></a> <a target="_blank"href="http://vampirlife.mybb.ru"> <img src="http://s8.uploads.ru/t/FZyor.gif"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a> <a href="http://divergent.f-rpg.ru/" target="_blank"> <img src='http://divergent.f-rpg.ru/files/0014/1b/a0/68388.gif' border=0 title="Дивергент. Выбор Бесстрашных." /></a> <a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt=" Tvd Darkness falls "width=88 height=31 border></a> <a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a href="http://vadarknight.rolka.su/"> <img src="http://s9.uploads.ru/PHi9C.gif" title="Vampire Academy: The Dark Night"></a>
<a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a> <a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a> <a target="_blank" href="http://vampirea.rusff.me/"> <img src="http://s6.uploads.ru/pXeVI.gif" ><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a> <a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a> <a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://thewayhome.rusff.me/"> <img src="http://firepic.org/images/2014-01/08/ixdqgretnwg9.gif"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> </a><a href="http://twchaosrising.rusff.me/" target="_blank"> <img src="http://4.firepic.org/4/images/2014-09/11/7zf8nrp0div3.gif" title="TW: Chaos Rising" border="0" width="88" height="31"></a> <a target="_blank" href="http://holyvervain.f-rpg.ru/"> <img src="http://sd.uploads.ru/aqJ9V.gif" ></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a target="_blank" href="http://flavorofnights.rolka.su"> <img src="http://se.uploads.ru/19POv.gif" ></a></marquee></div>
объявление
<center><table style="width: 800px">
<tbody><tr><td valign="top">
<div id="menu"><b>
<span style="cursor: pointer;" alt="#sm1">ГЛАВНАЯ</span>
<span style="cursor: pointer;" alt="#sm2">НАВИГАЦИЯ</span>
<span style="cursor: pointer;" alt="#sm3">ЛУЧШИЕ</span>
<span style="cursor: pointer;" alt="#sm4">ЭПИЗОДЫ</span>
</b><br><p align="center"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/22441"> <img width="88" height="31" border="0" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x3.gif"></a></p></div>
</td><td valign="top" align="center" id="MenuTxT">
<div align="center" id="submenu"><div style="display: block;" class="submenutext" id="sm1">
<div style="width: 560px; margin-top: -48px">
<table border="0" cellspacing="0">
<tbody><tr>
<td colspan="3"><p align="justify"> <a href="http://curseofthepast.rusff.me/profile.php?id=9"><font style="font-weight: normal; font-size: 6pt;">✓ LYCURGUS </font></a> <a href="http://curseofthepast.rusff.me/profile.php?id=4"><font style="font-weight: normal; font-size: 6pt;">✓ SUMMER</font></a> <a href="http://curseofthepast.rusff.me/profile.php?id=3"><font style="font-weight: normal; font-size: 6pt;">✓ ELENA </font></a> <a href="http://curseofthepast.rusff.me/profile.php?id=10"><font style="font-weight: normal; font-size: 6pt;">✓ QETSIYAH</font></a></p>
<center><img src="http://funkyimg.com/i/QBh5.png" border="0" /></center>
<center><font style="font-weight: bold; font: 11px/1 Times New Roman; color: #bf9573;"><b>ДОБРО ПОЖАЛОВАТЬ!</b></font></center>
<p align="justify"><font style="font: 11px/1 Arial; color: #bf9573;">
В то время года, когда девушки начинают любить кофе, дождь и его; а парни забиваются в бары, чтобы залить невыносимую тяжесть бытия; мы распространяем бациллы вдохновения и вирус вечного онлайна на просторах форума по "Дневникам вампира". Только сегодня: сдай кровь в пользу голодных упырей и получи лечебный пояс из волчьей шерсти в подарок! Нам 7 месяцев, и мы без смирительных рубашек. Успокоительные не предлагать. Дорогой гость, мы всё ещё ждем твою историю болезни. Занимай койко-место и доминируй, властвуй, заражай. Рядом с нами, вместе с нами, лучше нас. Пыщ-пыщ. ^ ^ </font></p><br>
</td></tr><tr>
<td width="240" valign="top" ><center><font style="font-weight: bold; font: 12px/1 Times New Roman; color: #bf9573;"><b><u>новое от АМС:</u></b></font></center>
<br>
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=603"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> ⋙ Перо+ Чернила </font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=595"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> X-FILES: merry Xmas!</font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=640"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> КОНКУРС. Елка, виски...</font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=655"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> Secret Santa</font></a><br><br>
</p></td>
<td width="80" ><center><img src="http://funkyimg.com/i/RK3C.gif"/></center></td>
<td width="240" ><center><font style="font-weight: bold; font: 12px/1 Times New Roman; color: #bf9573;"><b><u>прямой эфир:</u></b></font></center>
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" width="300" height="80" scrollamount="1"direction="up" style="color: #bf9573; font-size: 10px; font-weight: bolder; vspace="5" hspace="10" ><center>
<img src="http://funkyimg.com/i/RWeo.jpg"/><br>
- Давинушка, НГ скоро, долги раздавать надо! Давай по последнему и разбежались) [Шарлотта]<br><br><br>
</center></marquee>
</td></tr>
</tbody></table>
</div>
</div><div class="submenutext" id="sm2" style="display: none;"><br><br>
<div style="width: 560px; margin-top: -50px">
<table border="0" cellspacing="0">
<tbody>
<tr><td width="180" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=549"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Гостевая </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=8"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Правила </font></a>
<br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=5"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Сюжет </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=47"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Существа </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=7"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Роли </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=6"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Внешности </font></a></p></td>
<td width="200" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=11"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Личное звание </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=13"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Заказ графики</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=73"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Диалог с АМС</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=10"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Выяснение отношений </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=9"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Отсутствие </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=41"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Досье </font></a></p></td>
<td width="170" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=51"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Черная касса </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=49"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Подарки </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=50"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Награды </font></a>
<br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=12"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Поиск партнера </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=15"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Запись в сюжет</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=162"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Новости проекта</font></a>
</p></td></tr>
</tbody></table>
<br><center><img src="http://sa.uploads.ru/7oicJ.png" border="0" /></center><br>
<table border="0" cellspacing="0">
<tbody><tr>
<td width="210" valign="top">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=575"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #6 (MF) Хранители</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=89"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #3 (NO) Оборотни</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=134"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #7 (NO) Ведьмы</font></a>
</p></td>
<td width="150" valign="top">
<p align="left"></br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=37#p40"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #1 Нужные</font></a></p></td>
<td width="200" valign="top">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=103"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #4 (СН) Ведьмы</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=107"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #5 (СН) Вампиры</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=82"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #2 (CH) Оборотни</font></a>
</p></td>
</tr></tbody></table></div>
</div><div class="submenutext" id="sm3" style="display: none;"><br><br>
<div style="WIDTH: 560px; HEIGHT: 200px; margin-top: -70px">
<table>
<tbody><tr>
<td width="120" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Красивая пара</font>
<br><img border="0" title="Summer Price & Steinn Cole, Hayley Marshall & Niklaus Mikaelson"src="http://funkyimg.com/i/RKtL.gif"><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Игровой дуэт</font><br>
<img border="0" title=" Enzo & Daniel Knight" src="http://funkyimg.com/i/RKuj.gif"><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Зло & Добро</font>
<br><img border="0" title="Lillian Black & Davina Claire" src="http://funkyimg.com/i/RKui.gif">
</p><p>
</p></td>
<td width="280" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Активисты</font>
<br>
<img border="0" title="Helen Woods" src="http://funkyimg.com/i/RQvL.jpg">
<img border="0" title="Mia" src="http://funkyimg.com/i/RQvM.jpg">
<img border="0" title="Hayley Marshall" src="http://funkyimg.com/i/RQvK.jpg">
<img border="0" title="Summer Price" src="http://funkyimg.com/i/RQvN.jpg">
<img border="0" title="Demira Yovcheva" src="http://funkyimg.com/i/RQvJ.jpg">
<br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Игрок месяца</font> <font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Пост месяца</font><br>
<img border="0" title="Hayley Marshall & Charlotte Lange" src="http://funkyimg.com/i/RKuk.gif"> <a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=591#p64016"><img title=" Niklaus Mikaelson, пост №2" class="Hoverbuttons" src="http://funkyimg.com/i/RKtM.gif"></a><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Женский и мужской персонаж</font>
<br><img border="0" title="Rebekah Mikaelson" src="http://funkyimg.com/i/RKtQ.gif"><img border="0" src="http://funkyimg.com/i/HJy1.png"><img border="0" title="Niklaus Mikaelson" src="http://funkyimg.com/i/RKtP.gif">
</p><p>
</p></td>
<td width="160" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Cюжетный эпизод</font>
<br><a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=591"><img title="Ер. 03.01. НО. Берем все в хрупкие женские ручки" class="Hoverbuttons" src="http://funkyimg.com/i/RKun.gif"></a><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Вне сюжета</font>
<br><a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=610"><img title="Черный цвет солнца" class="Hoverbuttons" src="http://funkyimg.com/i/RKum.gif"></a><br><br>
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Творец месяца</font>
<br><img border="0" title="Steinn Cole" src="http://funkyimg.com/i/RKuo.gif"><br>
</p><p>
</p></td>
</tr>
</tbody></table>
</div>
</div><div class="submenutext" id="sm4" style="display: none;"><br><br>
<div style="WIDTH: 570px; HEIGHT: 200px; margin-top: -90px">
<br><br>
<table>
<tbody><tr>
<td width="180" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=380"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 03. Чикаго</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b> 06.06. - 08.06.2013<br>
<b>Погода:</b> +20-28°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=584">Ер 03.01</a> ► Lycurgus<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=590">Ер 03.02</a> ► V. Cole<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=585">Ер 03.03</a> ► C. Ryan<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=586">Ер 03.04</a> ► S. Cole<br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
► - <br>
► - <br>
► - <br>
</p><p></p>
</td>
<td width="200" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=382"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 03. Новый Орлеан</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b> 03.06. - 09.06.2013<br>
<b>Погода:</b> +25-30°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=591">Ер 03.01</a> ► R. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=587">Ер 03.02</a> ► D. Clare<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=588">Ер 03.03</a> ► E. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=589">Ер 03.04</a> ► M. Gerard<br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=392">Ер 02.01</a> ► E. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=495">Ер 02.05</a> ► D. Clare<br>
► - <br>
</p><p></p>
</td>
<td width="180" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=171"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 02. Мистик Фоллс</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b> 03.06. - 30.06.2013<br>
<b>Погода:</b> +23-27°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
► - <br>
► - <br>
► - <br>
► - <br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=403">Ер 02.01</a> ► C. Forbes<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=405">Ер 02.03</a> ► S. Salvatore<br>
</p><p></p>
</td></tr>
</tbody></table>
</div>
</div>
</div>
</td></tr></tbody>
</table></center>
Поделиться402014-12-23 00:59:09
Структура style.css
/************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*//* A2.1 */
html, body {margin: 0; padding: 0}/* A2.2 */
.punbb * {
margin: 0;
font-size: 100.1%;
}/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}/* A2.4 */
.punbb img {
border:none
}/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}/* A3 Text setup
-------------------------------------------------------------*//* A3.1 */
body {
font-size: 100%;
}/* A3.2 */
.punbb {
font: normal 12px verdana, arial, helvetica, sans-serif;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-weight: normal;
color: #1f0d01;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.2em;
color: #1f0d01;
position: top center;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}/* A3.8 */
.punbb .post-content em {
font-style: italic
}/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}/* A3.10 */
.punbb a {
text-decoration: none!important;
}/* A3.11 */
.punbb optgroup {
font-weight: bold;
}/* A4 Float clearing and hidden items
-------------------------------------------------------------*//* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -99999px;
text-align: center;
overflow: hidden
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1000px;
padding: 0px 10px 0px 10px;}
/* A5.2 */
.punbb {
float: left;
width: 870px;
height: auto;
margin-left: 60px;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
background-image: url(""); background-position: top center; background-attachment: relative; background-color: transparent;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0.7em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/***********************************************/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************//* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*//* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 2px solid #4d2803;
width: 500px;
margin: 5px 0;
}/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-left: 5px solid #;
border-right: 5px solid #;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}
/* B2 Information boxes
-------------------------------------------------------------*//* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}/* B3 Pagination and posting links
-------------------------------------------------------------*//* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}/* B3.2 */
.multipage {
margin-top: 3em;
}/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}/***********************************************/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;}
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}/* C1.11 */
.punbb .inline .infofield {
clear:both
}/* C1.12 */
.punbb .datafield br {
display: none
}/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;}
/* C1.17 */
.punbb .hashelp {
position: relative;
}/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}/* C2 Table layout
-------------------------------------------------------------*//* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
background-color: transparent;
text-align: center;
vertical-align: center;
width: 10%;
}/* C2.3 */
.punbb .main .tcr {
background-color: transparent;
overflow: hidden;
text-align: left;
width: 30%;
}/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 40%
}/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
width: 20%;
}/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
width: 15%;
white-space:normal;
}/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
width: 90%;
white-space: normal;
}/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
/*.punbb tbody.hasicon td.tcl { padding-left: 3.2em }*/
.punbb td div.tclcon {
margin-right: 75px;
}
/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width: 62px; /* ширина иконки */
height: 52px;
padding-left: -50px;
padding-top: 2px;
margin-top: 1px;
background-position: center center;
}
/* C3 Topics-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: transparent;
position: top center;
}/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;}
/* CS2.5 */
.punbb th {
border-color: transparent ;}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: transparent ;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
position: top center;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}
.punbb .divider {
border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent;}
li.pa-online {
border-left-color: transparent;}
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}/* C3.8 */
.pa-author a {
font-family: "Book Antiqua" !important;
font-size: 0.7em;
text-transform: uppercase;
}/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}/* C3.17 */
.pl-email, .pl-website {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 2.8em;
line-height: 1.8em;
}/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}/* C5 Message boxes
-------------------------------------------------------------*//* C5.1 */
.punbb .info .container {
padding: 0.8em 1em;
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 18.6em;
}/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}/* C7 User list
-------------------------------------------------------------*//* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/***********************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************//* D1 Logo and description
-------------------------------------------------------------*//* D1.1 */
#pun-title {
margin: 0;
border-style: none none none none;
border-width: 1px 1px 0 1px;
}/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {
border-style: none none none none;
}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: medium none;
height: 520px;
}#pun-title td.title-logo-tdl {
border: none;
width: 80%;
}#pun-title td.title-logo-tdr {
border: none;
width: 250px;
}/* D2 Page navigation
-------------------------------------------------------------*//* D2.1 */
#pun-pagelinks {
position: absolute;
top: 50px;
left: 0;
margin: 0;
border: none;
padding: 50;
width: 100%;
}/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}/* D2.3 */
#pun-pagelinks .container li {
display: inline;
}/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.0em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}#pun-pagelinks li a span {
display:block;
margin: 0.1em;
}/* D3 Forum navigation
-------------------------------------------------------------*//* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
position: top center
}/* D3.2 */
#pun-navlinks .container {
width: 98%;
text-align: center;
float: left; -5px;
margin-top: -442px;}
#pun-ulinks .container {
width: 100%;
text-align: center;
float: left;
margin-top: 15px;
}#pun-ulinks .container {
font-style: italic;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
font-weight: 500;
font-size: 12pt;
}/* D.3 */
#pun-navlinks li {
backgroud-color: #transparent;
display: inline-block;
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify;
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
}#pun-navlinks li a {
display: inline-block;
height: 32px;
margin-top: -2px;
margin-bottom: -2px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.0em;
}/* D4 User links
-------------------------------------------------------------*//* D4.1 */
#pun-ulinks {
width: 100%;
text-align: center;
margin-top: 0px;
float: left;
}/* D4.2 */
#pun-ulinks container {
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: center;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*//* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}/* D8.3 */
#pun-about {
margin-top: 0;
}/* D8.4 */
#pun-about .container {
border-top-style: none;
line-height: 150%;
padding: 0.8em 1em;
}/* D8.5 */
#pun-about p span {
display: none;
padding-left: 50%;
}/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}/* D9 Help file
-------------------------------------------------------------*//* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}#submenu table {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 5px;
color: #a0724c
}#menu span table{
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify;
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
}#pun-main .category .container table thead tr .tcl {
font-size: 0px !important;
}/* цвет ссылок в табличке замена */
#sm1 a, #sm2 a, #sm3 a, #sm4 a {
color: #bf9573;
text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.5);
}/* цвет ссылок в табличке при наведении замена */
#sm1 a:hover, #sm2 a:hover, #sm3 a:hover, #sm4 a:hover {
color: #b62002;
text-shadow: 0 0 5px #9d4906;
}#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px
}
@media (max-width: 930px) { /* это будет показано при разрешении монитора до 930 пикселей */
.content-wrapper {padding: 0;} /* основное содержимое занимает всё пространство окна */
}@media (max-width: 930px) and (min-width: 470px) { /* для разрешения экрана от 470 до 930 пикселей */
aside {position: static; width: 100%; background: #ccc;} /* боковая колонка смещается согласно расположению в HTML и меняет фон */
}@media (max-width: 469px) { /* если максимальное разрешение экрана составит 469 пикселей */
body {font: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;} /* меняется шрифт */
aside {display: none;} /* боковая колонка исчезает */
}/* CS1 Background and text colours
-------------------------------------------------------------*/
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}/*Лого*/
body {
background-image: url("http://funkyimg.com/i/NNWP.png");
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}
#pun-announcement {
height: 250px;
margin-bottom: 50;
}/*фон*/
HTML {
background-color: #0b0001;
background-image: url("http://funkyimg.com/i/NNXc.png");
background-repeat: repeat-y;
background-position: center top;
min-width: 1100px;
}/*низ*/
#pun-about p.container {
background-color: transparent !important;
background-repeat: no-repeat;
height:75px;
}/*Ставим низ*/
#pun_wrap {
background-image: url("http://funkyimg.com/i/NP3K.png");
background-repeat: no-repeat;
background-position: center bottom;
}/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: transparent;
color: #230d0a;
}#pun-main .quote-box {background-color: #c8a988;
}/* CS1.2 */
#pun-redirect .main {
background-color: #c8a988;
color: #230d0a;
}.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #230d0a;
}#pun-main h2 {
font-size: 0px;
}/* CS1.3 */
#pun-stats h2 {
background-color: transparent;
color: #7d6956;
}
#pun-debug h2, .punbb-admin #pun-admain h2, .punbb .main h1, .punbb .main h2{
background-color: transparent;
color: #7d6956;
}/* CS1.4 */
#pun-title, #pun-title .container {
background: transparent url("") top center no-repeat;
color: #351d1b;
height: 450px;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #311917
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #341d0a
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #d8c2a6;
color: #341d0a
}/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
color: #c9ae99;
}.offline li.pa-online strong {
font-weight: normal
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #59493c #59493c #411012 #59493c
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #cdbeae;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #614d40;
}/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #e4cfae;
}/* CS2.5 */
.punbb th {
border-color: #e6dacc;
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #773103 #4f0f11 #4f0f11 #773103;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #773103
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #4f0f11
}.punbb .divider {
border-color: #773103 #4f0f11 #4f0f11 #4f0f11
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #e6dacc;
}li.pa-online {
border-left-color: #885b04;
}/* CS3 Links
-------------------------------------------------------------*//* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #1b0905;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #362214;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
}/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #581103;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
}/* CS3.3 */
#pun-navlinks a {
color: #70420e;
text-decoration: none
}/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #4a2904;
text-decoration: underline
}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #504034;
color: #e3d1b7;
}/* CS4 Post status icons
-------------------------------------------------------------*/.punbb table Div.icon {float: right; display: block; width: 40px; height: 40px; border-style: none; background-image: url(http://funkyimg.com/i/J2uG.png); background-repeat: no-repeat; position: relative; }
.punbb table div.inew {background: url(http://funkyimg.com/i/J2xp.png) no-repeat; position: relative; margin-left: 1px;}
TR.isticky Div.icon {background: url(http://funkyimg.com/i/J2uH.png) no-repeat; position: relative; margin-left: 1px;}
TR.iclosed Div.icon {background: url(http://funkyimg.com/i/J2va.png) no-repeat; position: relative; margin-left: 1px;}/* CS5 category
-------------------------------------------------------------*/#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main #pun-category1.category h2{
background: url(http://funkyimg.com/i/PkuH.png) no-repeat;
margin-left: -4px;
width: 1006px;
height: 126px;
}#pun-main #pun-category2.category h2{
background: url(http://funkyimg.com/i/KvQz.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}#pun-main #pun-category3.category h2{
background: url(http://funkyimg.com/i/KvQB.png) no-repeat;
margin-left: -2px;
width: 1006px;
height: 126px;
}#pun-main #pun-category4.category h2{
background: url(http://funkyimg.com/i/KwX2.png) no-repeat;
margin-left: -2px;
width: 1006px;
height: 126px;
}#pun-main #pun-category5.category h2{
background: url(http://funkyimg.com/i/KwZq.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}#pun-main #pun-category6.category h2{
background: url(http://funkyimg.com/i/Kx16.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}
#pun #pun-index #pun-stats h2{
background: url(http://funkyimg.com/i/QAtc.png) no-repeat; color: red;
margin-left: -1px;
width: 1006px;
height: 126px;}
/*profile*/
/*НИЗ и НИК*/
.punbb .post .post-author > ul {
background:url(http://funkyimg.com/i/NNUh.png) 0 bottom no-repeat, url(http://funkyimg.com/i/QwAd.png) 0 top no-repeat;
margin: -22px 0 -15px 0!important;
padding: 50px 17px!important;
}.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #603313 !important; text-shadow: none !important; }
li.pa-avatar {z-index: 5; margin-left: 10px !important; margin-top: 0px;}.pa-title {
padding: 0px 0px 5px 0px !important;
text-align: center;
z-index: 1000;
margin-top: 30px !important;
color: #603313 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-variant: small-caps !important;
font-size: 12pt !important;font-weight: bold;
margin-left: 7px !important;
}.pa-author a, .pa-author {
color: #7f6a45 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-size: 12pt !important;
font-variant: small-caps !important;
font-weight: bold;
text-align: center;
margin-top: -9px !important;
padding: 0px;
margin-left: 1px !important;
}/*ТЕЛО ПР*/
.post-author {
background: url(http://funkyimg.com/i/NNUj.png) repeat-y; weight: 230px; text-align: center; color: # !important;
}
.post-author ul li {
text-align: center;
margin-left: 7px !important;
}/*НИК*/
#pun-post .pa-author {
background: url(http://funkyimg.com/i/QwAd.png) 0% 0% no-repeat;
padding: 40px;
margin-left: 0px !important;
}/*рамка*/
.pa-avatar.item2 img {
max-width: 180px;
box-shadow: 2px 5px 10px 1px #1c0b06;
border-style: solid;
border-width: 4px;
-moz-border-image: url(http://funkyimg.com/i/HTsH.png) 2 repeat;
-webkit-border-image: url(http://funkyimg.com/i/HTsH.png) 6 repeat;
-o-border-image: url(http://funkyimg.com/i/HTsH.png) 2 repeat;
border-image: url(http://funkyimg.com/i/HTsH.png) 6 repeat;
}.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
filter:alpha(opacity=20);
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=20);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}.punbb textarea, .punbb select, .punbb input {
background-color: #e5bb96; }/*knopki + forma otveta*/
.punbb textarea, .punbb select, .punbb input {
background-color: #ad8e78;
font-size: 11px !important;
color: #000000;
}.punbb textarea {
box-shadow: inset 0px -11px 40px #240e0a;
}
и цвета
Поделиться412014-12-24 15:27:37
Скроллинг в темах
<style type="text/css">
.post-content {
overflow-y: auto !important;
max-height: 430px;
}
</style>
Поделиться422014-12-24 15:50:41
a:link {color: #171039;
text-shadow: 1px 1px 1px #D4CBFF; /* Параметры тени */
font-weight: bold;}
Поделиться432014-12-24 15:55:02
ЦВЕТ ПРОКРУТКИ
Между <head> и </head> вставляем :
<style><!--
body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
//-->
</style>
Поделиться442014-12-24 16:01:13
Например можно так
CSS
/* Для всех ссылок в блоке pervoe */
#pervoe a:link {color: #5555cc;} /* ещё не посещённые */
#pervoe a:visited {color: #999999;} /* тут уже были */
#pervoe a:hover {color: #ff0000;} /* над этой ссылкой курсор */
/* Для всех ссылок в блоке vtoroe */
#vtoroe a:link {color: #0055cc;} /* ещё не посещённые */
#vtoroe a:visited {color: #cccccc;} /* тут уже были */
#vtoroe a:hover {color: #ff5555;} /* над этой ссылкой курсор */
HTML
<div id="pervoe">
<a href="aaa.html">Туда</a>
<a href="bbb.html">Сюда</a>
</div>
<div id="vtoroe">
<a href="ccc.html">Мимо</a>
<a href="ddd.html">Точно</a>
</div>
Или так
CSS
/* Для всех ссылок в блоке pervoe или для ссылок в любом месте, которым присвоен class="pervoe" */
a.pervoe:link {color: #5555cc;} /* ещё не посещённые */
a.pervoe:visited {color: #999999;} /* тут уже были */
a.pervoe:hover {color: #ff0000;} /* над этой ссылкой курсор */
/* Для всех ссылок в блоке vtoroe или для ссылок в любом месте, которым присвоен class="vtoroe" */
a.vtoroe:link {color: #0055cc;} /* ещё не посещённые */
a.vtoroe:visited {color: #cccccc;} /* тут уже были */
a.vtoroe:hover {color: #ff5555;} /* над этой ссылкой курсор */
HTML
<div>
<a class="pervoe" href="aaa.html">Туда</a>
<a class="pervoe" href="bbb.html">Сюда</a>
</div>
<div>
<a class="vtoroe" href="ccc.html">Мимо</a>
<a class="vtoroe" href="ddd.html">Точно</a>
</div>
Обратите внимание на наличие и отсутствие пробелов в стилях разных вариантов
Возможны и другие варианты
Поделиться452015-12-18 22:26:51
<!--Кнопки вверх и вниз-->
<a style="position: fixed; top: 400px; right: 20px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="http://funkyimg.com/i/25yNH.png" alt="Вверх"></a>
<a style="position: fixed; top: 455px; right: 20px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="http://funkyimg.com/i/25yNG.png" alt="Вниз"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>
Поделиться462015-12-18 23:58:04
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; margin-left: -5px; }</style>
<script>
(function () {
var awards_button = "<img src='http://funkyimg.com/i/25zrR.png' title='Показать|скрыть награды'>";
function awards_spoiler() {
$(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
$("#awrdbut img").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
}
var t=0; var time_func = setInterval(function(){ t++;
if (t>100) { clearInterval(time_func); return; }
if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
},100);
}())
</script>
Поделиться472015-12-19 16:11:20
<!--партнеры-->
<div style="position: absolute; margin-top: -20px; margin-left: -18px; width: 400px; height: 34px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt=" Tvd Darkness falls "width=88 height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88 height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a>
</marquee></div>
Поделиться482015-12-19 17:00:21
Удобный скрипт для баннеров
Самое главное вставлять только в html - низ, ниже всех скриптов!
Не вставляйте в html - вверх
<p align="center"> <table width=120 height=31 style="border:1px ridge #ffffff"> <tr><td bgcolor=#FFFFFF> <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 90px; COLOR: #ffffff; HEIGHT: 100px""> <DIV id=imgObjText><BR> <marquee width=88 height=31 scrollamount=1 direction=down><center> <a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a> Сюда вставлять коды баннеров! <div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5">
Поделиться492015-12-19 17:02:23
бегущая между узором и фоткой
<!--партнеры-->
<div style="position: absolute; margin-top: -105px; margin-left: 142px; width: 400px; height: 50px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt=" Tvd Darkness falls "width=88 height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88 height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a>
</marquee></div>
Поделиться502015-12-19 17:12:50
Активация .gif при наведении курсора
Часть 1.
ХТМЛ-верх
<style type="text/css"> margin:0; padding:0; } html, body{ height:100%; width:100%; } .gif { display:block; width:150px; height:150px; background:url('Ссылка на статичную картинку') no-repeat; } a.gif img { visibility:hidden; } a.gif:hover { background:none; } a.gif:hover img { visibility:visible; border:0; } </style>
width:150px;
height:150px;
Размер картинки.
Часть 2.
(Куда надо)
<a class="gif" href="#"><img src="Ссылка на .gif" /></a>
Поделиться512015-12-19 21:06:26
<!--активисты-->
<div style="position: absolute; margin-top: -20px; margin-left: -10px;">
<a href="http://curseofthepast.rusff.me/profile.php?id=289"><img src="http://2.firepic.org/2/images/2015-11/03/kroy7wn71t5w.png" class="Hoverbuttons" title="Джеймс" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=242"><img src="http://5.firepic.org/5/images/2015-08/04/jhsrao8c0q68.png" class="Hoverbuttons" title="Кэт" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=234"><img src="http://savepic.su/6699493.png" class="Hoverbuttons" title="Эва" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px; "></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=251"><img src="http://savepic.su/6742296.png" class="Hoverbuttons" title="Бонни" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a><br><br>
<center><a href="http://top.roleplay.ru/22441" title="Рейтинг Ролевых Ресурсов - RPG TOP"
target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31" class="Hoverbuttons" ></a></center>
</div>
<!--эпизод месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 225px;">
<a href="http://curseofthepast.rusff.me"><img src="http://savepic.su/6726131.gif" class="Hoverbuttons" title="it’s better to bum out than to fade away vs This is halloween" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<!--пост месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 350px;">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=819#p128299"><img src="http://savepic.su/6694387.png" class="Hoverbuttons" title="Стефано" style="width:244px; height: 49px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<div style="font-size: 10px; color: #7d776b; position: absolute; margin-top: 26px; margin-left:350px; width: 244px; line-height: 0,6em !important; "><center>
<font style="font: 12px Times New Roman !important;">
Думал ли я о том, что было бы останься я человеком? В те времена, когда ко мне возвращались чувства, я неустанно...</font>
</center>
</div>
<!--игрок месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 630px;">
<a href="http://curseofthepast.rusff.me/profile.php?id=289"><img src="http://savepic.su/6693122.png" class="Hoverbuttons" title="Джеймс" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<!--дуэт месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 755px;">
<a href="http://curseofthepast.rusff.me"><img src="http://savepic.su/6711557.png" class="Hoverbuttons" title="Прайс и Ньюман" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>
Поделиться522015-12-21 17:07:35
контенер баннеров бегущих вертикально
Код:<!--партнеры--> <p align="center"> <table width=400 height=120 style="border:0px ridge #ffffff;margin-left: 170px;"> <tr><td> <SPAN id=imgObj style=margin-top: 60px; margin-left: 0px; width: 400px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 400px; COLOR: #ffffff; HEIGHT: 110px""> <DIV id=imgObjText><BR> <marquee width=380 height=110 scrollamount=1 direction=down><center> <a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a> <a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt=" Tvd Darkness falls "width=88 height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88 height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a> <div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5"> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.Hoverbuttons').each(function () { var $span = $(this).css('opacity', 0.2); $(this).hover(function () { $span.stop().fadeTo(600, 1); }, function () { $span.stop().fadeTo(600, 0.2); }); }); }); </script>
Поделиться532015-12-21 22:35:03
<!-- пользовательские ссылки у ника ч.1 -->
<style>
.punbb .post .pa-links {display:none;position:absolute;top:25px;right:0;padding:5px;z-index:100;}
.punbb .post .pa-links ul {padding:5px 8px 5px 8px;background:#ddbfa4; border:groove 3px #60546d;border-radius:5px;box-shadow:inset 0 0 3em #430f06; font-family:Georgia;font-weight:normal;}
.pa-links li {display:block; list-style:circle outside;float:none;padding-left:20px;height:16px;margin-bottom:5px;}
.pa-links li.pl-email {background:url(http://s7.uploads.ru/lpy5a.png) no-repeat;}
.pa-links li.pl-email:first-child {background:url(http://s7.uploads.ru/4BWKA.png) no-repeat; }
.pa-links li.pl-email:nth-child(3) {background:url(http://s6.uploads.ru/Ccg37.png) no-repeat; }
.pa-links li.pl-message {background:url(http://s6.uploads.ru/sLhyg.png) no-repeat; }
.pa-links li.pl-website {background:url(http://s6.uploads.ru/OnD1F.png) no-repeat; }
.btn-links {background:url(http://funkyimg.com/i/25t6U.png) no-repeat;width:30px;height:30px;position:absolute;top:0;right:0px;cursor:pointer;}
.post-author {position:relative;}
.post-links li.pl-email,.post-links li.pl-website {visibility:hidden;}
.punbb .pa-links li a {text-decoration:none;}
</style>
<!-- пользовательские ссылки у ника ч.2 -->
<script>
$(document).ready(function() {
if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID !=3){
$(".post").find(".pl-email").parents('.post').each(function(){
$(this).find(".pa-author").after("<div class='btn-links' title='Пользовательские ссылки'></div><li class='pa-links'><ul class='container'></ul></li>");
$(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ul"));
var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i);
$(this).find(".pa-links ul .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>");
});
$(".btn-links").click(function() {
$(this).next().slideToggle('fast');
});} })
</script>
Поделиться542015-12-22 12:34:05
голову сломал чем заменить значки
вот варианты картинок для них, чтобы не зря уменьшать
ппланирую сделать все в одном тускло-темно золотом цвете
профиль
сообщения
3 колонка низ
или здесь
ЛС
МАЙЛ
Поделиться552015-12-23 12:55:37
Alex_63 написал(а):
Mirra Bell
Попробуйте в HTML верх
<style>
#sdfs{z-index:100!important;}
.iblank{z-index:9999!important;}
</style>
/имидж съехал/
Поделиться562015-12-23 12:58:57
Контейнер скрытия Банеров
без загрузки контента в закрытом состоянии!
Ставим, куда нам необходимо
<div class=banners align=center><span onclick="BANNERS_TOGGLE($(this).parent('.banners'))"><center><img src="http://savepic.org/2332115.png"></center></span></b></a>
<div class=ba_0 style="display: none">
<style class=BanersHide>/*
<center>
Ваши баннеры
Ваши баннеры
Ваши баннеры
</center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(Sel){Z=Sel.find(".ba_0")
if(Z.css("display")=="none"){var V=Sel.find(".ba_0 .BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");Z.html(V1);}Z.fadeIn("slow");
scrollTo(0, document.body.scrollHeight);
}else Z.hide();}</script>
Вместо Ссылки синим - можно подставить Свою ссылку на картинку
Строку cиним-жирным в скрипте - убираем, - если кнопка стоит не внизу страницы *
(*Строка отодвигает нижнюю границу страницы - позволяя видеть контейнер полностью,
Для контейнеров в объявлении или в шапке - такой надобности -нет
Пробуйте и для положения внизу Страницы убирать эту строку и ставить,
Затем, - выбирайте лучший из Вариантов
Поделиться572015-12-23 14:20:07
//======================КУКИС - ФУНКЦИЯ:"=V1.03.от 06.06.2011=============================//
// В ИЕ максимальный Объём куков на Домен = 4096.Байт
//======== Упаковка - ужатие encodeURIComponent ==============================//
function pakCodeURI (sPak) { //alert("Длина входной URI-строки >"+sPak.length)
sPak=sPak.replace(/^([^%])/g,"<$1");//alert(sPak)
sPak=sPak.replace(/(%(?:[\d]|[A-F]){2})(?!%)/mg,"$1<");
sPak=sPak.replace(/(<[^%<]+)/mg,"$1>");//alert(sPak)
//alert("<Англ. Текст> Выделен="+ sPak.length)//alert(sPak)
sPak=sPak.replace(/%D0/mg,"%G"); sPak=sPak.replace(/%D1/mg,"%b");
sPak=sPak.replace(/%20/mg,"%c"); sPak=sPak.replace(/%B0/mg,"%d");
sPak=sPak.replace(/%BE/mg,"%e"); sPak=sPak.replace(/%80/mg,"%f");
sPak=sPak.replace(/%81/mg,"%g"); sPak=sPak.replace(/%82/mg,"%h");
sPak=sPak.replace(/%83/mg,"%i"); sPak=sPak.replace(/%BD/mg,"%j");
sPak=sPak.replace(/%B5/mg,"%k"); sPak=sPak.replace(/%B8/mg,"%m");
sPak=sPak.replace(/%BB/mg,"%n"); sPak=sPak.replace(/%B1/mg,"%o");
sPak=sPak.replace(/%BA/mg,"%p"); sPak=sPak.replace(/%BE/mg,"%q");
sPak=sPak.replace(/%B9/mg,"%r"); sPak=sPak.replace(/%BF/mg,"%s");
sPak=sPak.replace(/%8B/mg,"%t"); sPak=sPak.replace(/%2C/mg,"%u");
sPak=sPak.replace(/%B2/mg,"%v"); sPak=sPak.replace(/%B4/mg,"%w");
sPak=sPak.replace(/%8F/mg,"%x"); sPak=sPak.replace(/%09/mg,"%y");
sPak=sPak.replace(/%G%e%b/mg,"%H"); sPak=sPak.replace(/%G%e%G/mg,"%Y");
sPak=sPak.replace(/%G%m%G/mg,"%I"); sPak=sPak.replace(/%G%j%b%t/mg,"%J");
sPak=sPak.replace(/%G%j%u/mg,"%K"); sPak=sPak.replace(/%G%j/mg,"%L");
sPak=sPak.replace(/%G%k/mg,"%M"); sPak=sPak.replace(/%G%d/mg,"%N");
sPak=sPak.replace(/%G%9/mg,"%O"); sPak=sPak.replace(/%M%N%K/mg,"%P");
sPak=sPak.replace(/%G%A/mg,"%R"); sPak=sPak.replace(/%G%s/mg,"%S");
sPak=sPak.replace(/%G%m/mg,"%T"); sPak=sPak.replace(/%G%r/mg,"%X");
sPak=sPak.replace(/%b%f/mg,"%U"); sPak=sPak.replace(/%b%h/mg,"%W");
sPak=sPak.replace(/%M%G/mg,"%Z"); sPak=sPak.replace(/%b%8/mg,"%V");
sPak=sPak.replace(/%G%B/mg,"%&"); sPak=sPak.replace(/%u%O/mg,"%#");
sPak=sPak.replace(/%G%v/mg,"%a"); sPak=sPak.replace(/%b%g/mg,"%z");
sPak=sPak.replace(/%&C/mg,"%]");
//alert("2(До % delete > "+sPak.length)//alert(sPak)
sPak=sPak.replace(/%/mg,"");//alert("Ужатие URI>"+sPak.length)//alert(">>>"+sPak)
return sPak;
} //End/Упаковка - ужатие encodeURIComponent
//======== Распаковка Ужатого encodeURIComponent ==================
function unpakCodeURI (str_unpak) {//alert("function unpakCodeURI"+str_unpak)
str_unpak=str_unpak.replace(/(^(?:[^<>]+)(?:<|$))|(>(?:[^<>]+)(?:<|$))/mg,function(a,b,c) {
//alert("a23="+a)
a=a.replace(/\]/g,"&C"); a=a.replace(/z/g,"bg");
a=a.replace(/a/g,"Gv"); a=a.replace(/#/g,"uO");
a=a.replace(/&/g,"GB"); a=a.replace(/\V/g,"b8");
a=a.replace(/Z/g,"MG");
a=a.replace(/W/g,"bh"); a=a.replace(/U/g,"bf");
a=a.replace(/X/g,"Gr"); a=a.replace(/T/g,"Gm");
a=a.replace(/S/g,"Gs"); a=a.replace(/R/g,"GA");
a=a.replace(/P/g,"MNK"); a=a.replace(/O/g,"G9");
a=a.replace(/N/g,"Gd"); a=a.replace(/M/g,"Gk");
a=a.replace(/L/g,"Gj"); a=a.replace(/K/g,"Gju");
a=a.replace(/J/g,"Gjbt"); a=a.replace(/I/g,"GmG");
a=a.replace(/Y/g,"GeG"); a=a.replace(/H/g,"Geb");
a=a.replace(/y/g,"09"); a=a.replace(/x/g,"8F");
a=a.replace(/w/g,"B4"); a=a.replace(/v/g,"B2");
a=a.replace(/u/g,"2C"); a=a.replace(/t/g,"8B");
a=a.replace(/s/g,"BF"); a=a.replace(/r/g,"B9");
a=a.replace(/q/g,"BE"); a=a.replace(/p/g,"BA");
a=a.replace(/o/g,"B1"); a=a.replace(/n/g,"BB");
a=a.replace(/m/g,"B8"); a=a.replace(/k/g,"B5");
a=a.replace(/j/g,"BD"); a=a.replace(/i/g,"83");
a=a.replace(/h/g,"82"); a=a.replace(/g/g,"81");
a=a.replace(/f/g,"80"); a=a.replace(/e/g,"BE");
a=a.replace(/d/g,"B0"); a=a.replace(/c/g,"20");
a=a.replace(/b/g,"D1"); a=a.replace(/G/g,"D0");
a=a.replace(/([^%]*?)((?:[\d]|[A-F]){2})/g,"$1%$2");//
//alert("T0 "+a.length)//alert("a0="+a)
return a;});
str_unpak=str_unpak.replace(/<|>/gm,"");
//alert("URI-Code >"+str_unpak.length)//alert(str_unpak)
return decodeURIComponent(str_unpak);
} // End/Распаковка для(decodeURIComponent) ужатого encodeURIComponent==//
//================= БИБЛИОТЕКА КУКИСОВ ============== //
// Библиотека для кукисов
function setCookie3(name, value, expires, path, domain, secure) {
if (!name || !value) return false; //alert("HELLO>>"+value)
var today = new Date();
today.setTime( today.getTime() );
var expires_date = new Date( today.getTime() + (expires) );
value = encodeURIComponent(value);
if (value.length > 1000) value="1$"+pakCodeURI(value);
var str = encodeURIComponent(name) + '=' + value;//alert(value)
if (expires) str += '; expires=' + expires_date.toGMTString();
if (path) str += '; path=' + path;
if (domain) str += '; domain=' + domain;
if (secure) str += '; secure';
document.cookie = str;
return true;
}
function getCookie3(name) {
name= encodeURIComponent(name)
var pattern = "(?:; )?" + name + "=([^;]*);?";
var regexp = new RegExp(pattern,"g");
if (regexp.test(document.cookie)){
NumPak = RegExp["$1"].replace(/^((?:\d{1,2})\$)?([^\$]*)$/g,"$1")
if(NumPak == "1$" ) return unpakCodeURI(RegExp["$2"]);
return decodeURIComponent(RegExp["$2"])
}
return false
}
function deleteCookie3( name, path, domain ) {
if ( getCookie3( name ) ) name= encodeURIComponent(name);document.cookie = name + '=' +
( ( path ) ? ';path=' + path : '') +
( ( domain ) ? ';domain=' + domain : '' ) +
';expires=Thu, 01-Jan-1970 00:00:01 GMT';
}
function testNumLast(str, trp) { //test не цифры(или конца строки) за последней цифрой
var s=str.lastIndexOf(trp);if(s!=-1){var s=str.substring(s+trp.length,s+trp.length+1);
if (s.search(/\d/gi)==-1){return true}else {return false};}else {return false}
} //End//Библиотека Кукисов
/******************************************************************************************
******************************************************************************************/
//%%%%%%%%%% ОБСЛУЖИВАНИЕ BB-ТЕГОВ В ПОСТАХ И ФОРМЕ ОТВЕТА %%%%%%%%%%%%%%%%%%%%%%%%%%%%%//
//========ФУНКЦИЯ Проверки и Установки Допуска к функции смены НИКА,СТАТУСА,ПОДПИСИ. ======//
var Dopusk=0,DopuskList = new Array();
function OnSmenaImage(RazdeL,myarray){
st = document.getElementById("pun-crumbs1").innerHTML;
if($("#navlogin").html()!=null){UserLogin = " "};
if (st.indexOf(RazdeL)!= -1){Dopusk = 1;
for(q=0;q<myarray.length;q++){
DopuskList.push(myarray[q]);
if (myarray[q]== UserLogin)Dopusk = 0;}
}
}
//======= end OnSmenaImage(RazdeL,myarray){}
/******************************************************************************************
ТЕЛО ОСНОВНОЙ ФУНЦИИ
******************************************************************************************/
function StartNIZ(){
//======= Обслуживание BB-Тегов в Постах =====================//
var SkL="\\[",SkR="\\]";
var patt = new Array()
patt[0] = SkL + "NIC" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/NIC" + SkR;
patt[1] = SkL + "STA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/STA" + SkR;
patt[2] = SkL + "AVA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/AVA" + SkR;
patt[3] = SkL + "SGN" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/SGN" + SkR;
$(".post-content").each(function (){
var contex = $(this).html();
for (j=0; j < patt.length; j++){
var tags="abbr";
if(j==3)tags="div";
var chang = '<'+tags+' class="hide_Nic-SIG ' + patt[j].substring(2,5) + '" >';//alert(chang)
var EndCh = '</'+tags+'>';
var reg_esp = new RegExp(patt[j],"igm");
contex=contex.replace(reg_esp,chang + "$1" + EndCh);//alert(contex)
}$(this).html(contex)
});
var pa_avtr='<li class="pa-avatar">';
var Avt_St='<img src="';
var Avt_End='"alt="Аватар"/>';
var PostSig_St='<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>';
var PostSig_End='</p></dd></dl>';
var DpskTek;
$(".post").each(function (){
var NIk=$(this).find(".post-author .pa-author a").html()
DpskTek = 1;for(q=0;q<DopuskList.length;q++){if(DopuskList[q]== NIk){DpskTek = 0;break;}}
$(this).find(".hide_Nic-SIG").each(function (){
var S=$(this).html();
/*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}
if(DpskTek == 1){
/*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
/*[STA]*/ if($(this).hasClass('STA')==true){$(this).parents(".post").find(".post-author .pa-title").html(S);}
/*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
$(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
}
});});
//======= end Обслуживание BB-Тегов ===============================//
//alert("B")
//alert(Dopusk);alert(DopuskList);
//========================================================================//
//Тут ставим в форму ответа Блок-меню и кнопку, в зависимости от Dopuska
var L1="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=20 src=\"http://5.firepic.org/5/images/2015-09/20/d3c8ft8srwsq.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div style=\"z-index: 3000;\" id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://5.firepic.org/5/images/2015-09/20/5bcq6qg3zf8k.png\" style=\"position:absolute;margin:-29px;z-index:3000 0 0 -5px;\"/><img alt=\"NIC\" class=\"iblank NIC\" src=\"/i/blank.gif\" title=\"Cменить ник\"/><img alt=\"STA\" class=\"iblank STA\" src=\"/i/blank.gif\" title=\"Cменить статус\"/><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/><img alt=\"SGN\" class=\"iblank SGN\" src=\"/i/blank.gif\" title=\"Cменить подпись\"/><img alt=\"mem\" class=\"iblank mem\" src=\"/i/blank.gif\" title=\"Вставить запомненное из 'предыдущей сессии'\"/></div></div>";
var L2="<div id=My clacc=My><img title=\"Смена аватара\" id=imgNIK-SIG width=20 src=\"http://5.firepic.org/5/images/2015-09/20/d3c8ft8srwsq.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div style=\"z-index: 3000;\" id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://5.firepic.org/5/images/2015-09/20/d0mn0dtqhpqi.png\" style=\"position:absolute;margin:-29px;z-index:3000 0 0 -5px;\"/><img class=\"iblank STA\" src=\"/i/blank.gif\" /><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/></div></div>";
if(!Dopusk){L1=L2};$("#keyboard-area").after(L1)
//========== Галерея ===========================================//
var cntrAvt="<div class=\"container\" id=\"avtrChang-area\" onclick=\"$('#avtrChang-area').toggle()\" style=\"display: none\"><div id=\"avtrChang-block\"></div></div>";
var preAvtrST="<img src=\"";
var preAvtrEnd="\" height=\"55\" alt=\"Avatar\" onclick=\"var bDSb='[AVA]'+this.src+'[/AVA]';setCookie3('AVA',bDSb,30*24*60*60*1000);smile(''+bDSb+'');\"/> ";
$("#smilies-area").before(cntrAvt)
for(i=0; i<AvtrArr.length; i++){$("#avtrChang-area").append(preAvtrST+AvtrArr[i]+preAvtrEnd);}
//======= Обслуживание запомненных Cookie таблицы Ввода в форме ответа ===============================//
var TagsSUM ={NIC:0,STA:0,AVA:0,SGN:0}
function ReadAndSetBBcocie() {
var BB_Lst = new Array("NIC","STA","AVA","SGN")
for(i=0; i<BB_Lst.length; i++){
var s=getCookie3(BB_Lst[i]);
if(s){smile('\n'+s);}
}
}
//======= Обслуживание Текущих Cookie таблицы Ввода в форме ответа ===============================//
function TagsAlert (BB) {
var LBBstr="однострочный";
alert("ОШИБКА ПРИМЕНЕНИЯ ТЕГА:\nTeг ["+BB+"] - не пустой(пустые теги не запоминаются), "+LBBstr+" и однократно-применимый в одном сообщении!\n\n - Для для правильного отображения тегов, используемых в блоке \"КОД\", применяйте скрипт \"Обезвреживания\":\n\n Cсылка на Скрипт:\nhttp://forum.mybb.ru/viewtopic.php?id=21313&p=6#p663171\n\n")
}
function CmpareInOut(In,Out,BB) {
var result='',reSt="["+BB+"]"
for(i=0; i<Out.length; i++){if(In.substring(0,i)!=Out.substring(0,i))
{
Out=Out.replace(In.substring(0,i-1),'');
Out=Out.replace(/^[\s\S]{0,5}\]/igm,'');//alert("Out1="+Out)
var re="[/"+BB+"]",Send=Out.indexOf(re);
if(Send!=-1)result=Out.substring(0,Send); //alert("result="+result)
if(BB!="SGN" && result.replace(/^.*?([\n\r]|$)/,'')!=""){$("#main-reply").val(In);TagsAlert (BB);
result='';return false;} // Проверка на многострочность не у подписи!
if(result){ //Найдено наполнение тега;
result=reSt+result+re; //alert("result="+result)
setCookie3(BB,result,30*24*60*60*1000); return result;}
else return false;
}
} return false; // Конец цикла и не нашли
}
//======= Обслуживание Таблицы Ввода в форме ответа ===============================//
$(document).ready( function(){
$('#stTs .iblank[alt]').click(function(){
BB=$(this).attr("alt");
if(BB=='mem'){ReadAndSetBBcocie();
}else { //alert(BB);
In=$("#main-reply").val()
bbcode('['+BB+']','[/'+BB+']')
Out=$("#main-reply").val()
var E=CmpareInOut(In,Out,BB); //alert(E);
}
return false;
});
});
//======= end Обслуживание Таблицы Ввода в форме ответа ===============================//
} // ### end function StartNIZ(){ ###############//
Поделиться582015-12-24 08:53:32
Nicole, это наша шапка с давиной
http://funkyimg.com/i/25p7o.png
это имидж и авик мелкий
и аватар для гейма
норм?
Поделиться592015-12-24 09:47:55
Nicole, это наша шапка с давиной
http://funkyimg.com/i/25p7o.png
это имидж и авик мелкий
и аватар для гейма
норм?
не гейм))) главнюк)) на нет надо написать curseofthepast и на втором PR
у меня фш на работе пока нет((
Поделиться602015-12-24 19:36:30
зеленый
стиль
/************************************************************ A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0; } /* A2.2 */ .punbb * { margin: 0; font-size: 100.0%; } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100%; } /* A3.2 */ .punbb { font: normal 12px Tahoma, Geneva, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em Tahoma, Geneva, sans-serif; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.2em; position: top center; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -99999px; text-align: center; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { height: auto; margin: auto; width : 901px; position: relative; float: top center; margin: auto auto auto auto; } /* A5.2 */ .punbb { float: center; width: 820px; height: auto; margin-left: 40px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: 500px; float: none; background-image: url("http://5.firepic.org/5/images/2015-09/09/e5d13thqdmrs.png"); background-position: top center; background-attachment: relative; border: 0px solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 15px; padding: 5px; text-align: center; color: #8990ab; } #pun-redirect .main-title { background: transparent !important; color: #8990ab; width: 300px; position: center; height: 30px; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 0.7em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 2px solid #593330; width: 500px; margin: 5px auto; } /* B1.3 */ .punbb .post-content p { line-height: 130%; margin: 0; padding: 0 0 1em 0; } /* B1.4 */ .punbb .post-content img { vertical-align: text-top } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 0px; border-radius: 10px; /* Закругление углов - 10 можно менять на свое */ } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; border-radius: 10px; /* Закругление углов - 10 можно менять на свое */ margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -4em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { background:url("") scroll right bottom transparent; overflow:hidden; background-position: top center; background-repeat: no-repeat; text-align:left; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: left; width: 30%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; width: 20%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { font-size:20px!important; font-weight: caps !important; font-family: 'Calibri', caps; text-align: left; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb td div.tclcon { margin-left: 10px; font-size: 11px; width: 340px; color: #1f222d; text-align: justify; border-style: solid; border-color: transparent; background: url(http://2.firepic.org/2/images/2015-08/29/adjuimbco6wq.png); background-color: transparent; padding: 8px; line-height: 15px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border-color: transparent; position: top center; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent ; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border: none; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; position: top center; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } li.pa-online { border-left-color: transparent ; } /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 30em; border-left-style: solid; border-left-width: 1px; border-width: 50%; } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; margin-top: -5.5em; overflow: hidden; width: 211px; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { font-family: "Book Antiqua" !important; font-size: 1.3em; text-transform: uppercase; } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-color: transparent; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; border-image: url("http://s2.uploads.ru/ATzpC.png") no-repeat scroll center; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 2.8em; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: none; height: 631px!important; width: 1300px!important; overflow: hidden; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 420px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.0em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; position: top center } /* D3.2 */ #pun-navlinks .container { width: 100%; margin-top: -430px; margin-left: 10px; position: absolute; } #pun-ulinks .container { } /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D3.4 */ #pun-navlinks li a { font-size: 1.0em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; margin-top: -58px; margin-left: 0px; font-size: 11px; letter-spacing: 0px; text-transform: lowercase; color: #481400 !important; text-align: center; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: center; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display: none; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /*профиль*/ .punbb .post .post-author { background:url(http://5.firepic.org/5/images/2015-09/06/jrdedzi3s1ok.png) 0 0 repeat-y; overflow: visible!important; margin:12px 0!important; } .punbb .post .post-author > ul { background:url(http://5.firepic.org/5/images/2015-09/06/whftz3dbkimy.png) 0 top no-repeat,url(http://5.firepic.org/5/images/2015-09/13/nrp8s7sdvyme.png) 0 bottom no-repeat; padding:40px 17px!important; margin-left: 0px } @media screen and (min-width: 900px) { html,body {overflow-x:hidden;} } .quote-box blockquote>p{ padding-bottom:1em; }
li#navsearch {margin-left: 0px !important;} ::-webkit-scrollbar { width: 08px; height: 4px; } ::-webkit-scrollbar-track { background: #958598; } ::-webkit-scrollbar-thumb { background: #6f2b26; } .forumlinks {display:block; width: 130px; height: 13px; text-align:center; background-color: #9aa9aa; border-top: double 2px #1b4846; color: #5b1e19 !important; font: small-caps 700 10pt "Arial" !important; text-shadow: none !important; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit- transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin-bottom:3px; padding:3px 3px 3px 3px;margin: 3px; } .forumlinks:hover { display:block; width: 130px; height: 11px; background-color: #9aa9aa; border-top: double 2px #1b4846; color: #5b1e19 !important; font: small-caps 700 10pt "Arial" !important; text-shadow: none !important; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; padding:3px; margin-top: 2px; padding:3px 3px 3px 3px; box-shadow: #000 0 0 5px; box-shadow: #000 0 0 5px; } .mini_awards_label { display: none !important; } #pun-navlinks {position:relative; z-index:2000;} #pun-title table { background-image : url(http://2.firepic.org/2/images/2015-09/08/t5p672l7xeu8.png); background-repeat : no-repeat; background-position: top center; border: none; margin-left: -237px; color: transparent; } #post-form h2 {visibility: hidden;} #pun-status .container { margin-top: 20px!important; text-align: center; } #pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a { color: #211c3b !important; font-family: "Arial"; font-size: 11px; } html, body { background: url("http://5.firepic.org/5/images/2015-08/27/71r1rhs2f5vi.png") repeat-x top left, url("http://5.firepic.org/5/images/2015-08/27/2az2bmijp5f9.png") center; background-color: #15613e;} body {margin: 0 auto; overflow-x: hidden;} #pun {background-color: #06060b; background-image: url(http://5.firepic.org/5/images/2015-09/09/e5d13thqdmrs.png); } .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, .punbb textarea, .punbb select, .punbb input {background-color: transparent; color: #174617; } #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background-position : center; background-color: transparent; color: #5b1e19; font-style: normal;} .punbb .quote-box, .punbb .code-box { color: #5b1e19; } .offline li.pa-online strong { font-weight: normal } .punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt { border-color: transparent; } .punbb .quote-box, .punbb .code-box { background-image: url("http://2.firepic.org/2/images/2015-08/29/1ecro3n26r6v.png"); background-repeat: repeat; background-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb-admin, .punbb a:link, .punbb a, .punbb a:visited, #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { border-bottom: 0px none #000; text-decoration: none; color: #5b1e19; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #5b1e19; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #95372d; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #95372d; } .punbb table Div.icon {float: left; display: block; width: 40px; height: 48px; border-style: none; background-image: url(http://2.firepic.org/2/images/2015-08/29/kak6fuorfa5a.png); background-repeat: no-repeat; position: relative; } .punbb table div.inew {background: url(http://2.firepic.org/2/images/2015-08/29/lethjfsyfq0i.png) no-repeat; position: relative; margin-left: 1px;} TR.isticky Div.icon {background: url(http://2.firepic.org/2/images/2015-08/29/wjmr0bpevywa.png) no-repeat; position: relative; margin-left: 1px;} TR.iclosed Div.icon {background: url(http://2.firepic.org/2/images/2015-08/29/nj9ac6bhqght.png) no-repeat; position: relative; margin-left: 1px;} #pun-stats ul.container { background-image: url("http://2.firepic.org/2/images/2015-08/29/fb78gb1ch49h.png"); background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 10px 10px; background-repeat: no-repeat; background-size: auto; padding-left: 80px; padding-top: 48px; } li#navindex {display: none;} #title-logo-tdr img {width: 1px; height: 1px;} #pun-main h1 span {visibility: hidden;} #pun th {visibility: hidden;} #pun-main div.catleft, #pun-main div.catright {display: none} #pun-index .modlist {display: none; } #pun-announcement.section h2 span {display: none; } #pun-title .title-logo span {display: none;} .blockquote, .blockcode, .scrollbox, pre {border:none; } #pun-stats h2 span, .category h2 span { visibility:hidden!important; } #pun-about p.container {background-color: #; background-image : url(http://5.firepic.org/5/images/2015-09/06/lmb5o5ypg235.png); margin-left: -601px; background-position : center top; background-repeat : no-repeat; height : 205px; width: 2000px; overflow-x: hidden !important; text-align: center; } div#html-footer { margin: 20px 0px 0px 0px;} div#pun-about { margin-bottom: -140px; } div#html-footer { margin: -100px 0px 0px 0px;} #pun-announcement.section h2 span {display: none; } #pun-navlinks a { display: inline-block; height: 34px; width: auto; margin : -7px !important; } #navawards a {display: none;} #navindex a {background: url(http://6.firepic.org/6/images/2015-08/30/3a8prvy85qjq.png) no-repeat top center; width: 55px;} #navuserlist a {background: url(http://6.firepic.org/6/images/2015-08/30/62n46pqu68ta.png) no-repeat top center; width: 50px;} #navsearch a {background: url(http://6.firepic.org/6/images/2015-08/30/5b6wtyhod2e2.png) no-repeat top center; width: 55px;} #navprofile a {background: url(http://6.firepic.org/6/images/2015-08/30/3sm87sgji3na.png) no-repeat top center; width: 55px;} #navpm a {background: url(http://6.firepic.org/6/images/2015-08/30/d6qijpryz3jo.png) no-repeat top center; width: 67px; } #navadmin a {background: url(http://6.firepic.org/6/images/2015-08/30/z0wpqugnpeh9.png) no-repeat top center; width:60px;} #navlogout a {background: url(http://6.firepic.org/6/images/2015-08/30/zslck1vbys2w.png) no-repeat top center; width: 61px;} #navlogin a {background: url(http://6.firepic.org/6/images/2015-08/30/pemc8ovm06em.png) no-repeat top center; width: 60px;} #navregister a {background: url(http://6.firepic.org/6/images/2015-08/30/h92gvu9ofewt.png) no-repeat top center; width: 68px;} #pun-navlinks a span {display: none;} a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited { font-family: palatino linotype; font-size: 11px; background-color:#a89574; color: #302418; font-weight: normal; text-align:center; display: block; margin: 1px; text-decoration: none; border-left-style: solid; border-left-color: #302418; border-left-width: 5px; width:230px; } a.tvm:hover { font-family: palatino linotype; font-size: 11px; color: #a89574; background-color:#302418; display: block; font-weight: bold; text-align:center; cursor:crosshair; text-decoration: none; border-left-style: solid; border-left-color: #a89574; border-left-width: 5px; width:230px; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -70px; top: -10px; } #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun_wrap #pun #pun-index #pun-status.section .container {display: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun_wrap #pun #pun-title.section #logo-table tbody{display: none; } #pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; } #pun-announcement h2 {display: none; height: 0px; margin-top: -110px;} #pun-announcement.section .container .html-box center table {margin-top: -110px;} .pa-avatar, .pa-title, .pa-author { text-align: center;} #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 400px; top: 10px } .punbb td div.tclcon { padding-left: 15px; } .lastedit {display: none; } li.pa-fld3 { margin-left: -14px; } li.pa-fld3 { margin-left: -14px; }