Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 297
Поделиться221.10.17 08:30:16
/*1. Настройка общего вида линков */
#pun-navlinks a {
display: inline-block;
height: 88px;
margin-left: 0px;
}
/*2. Настройка изображений */
#navindex a {background: url(https://forumstatic.ru/files/0018/62/1b/26067.png) no-repeat bottom center; width: 100px;}
#navuserlist a {background: url(https://forumstatic.ru/files/0018/62/1b/83563.png) no-repeat bottom center; width: 100px;}
#navsearch a {background: url(https://forumstatic.ru/files/0018/62/1b/83539.png) no-repeat bottom center; width: 100px;}
#navprofile a {background: url(https://forumstatic.ru/files/0018/62/1b/65387.png) no-repeat bottom center; width: 100px;}
#navpm a {background: url(https://forumstatic.ru/files/0018/62/1b/99302.png) no-repeat bottom center; width: 100px;}
#navadmin a {background: url(https://forumstatic.ru/files/0018/62/1b/85271.png) no-repeat bottom center; width: 100px;}
#navlogout a {background: url(https://forumstatic.ru/files/0018/62/1b/97544.png) no-repeat bottom center; width: 100px;}
#navlogin a {background: url(https://forumstatic.ru/files/0018/62/1b/96167.png) no-repeat bottom center; width: 100px;}
#navregister a {background: url(https://forumstatic.ru/files/0018/62/1b/79110.png) no-repeat bottom center; width: 100px;}
#navpr_1 a{background:url("https://forumstatic.ru/files/0018/62/1b/59355.png") no-repeat bottom center; width: 100px;
}
/* Скрываем текстовые надписи */
#pun-navlinks a span {display: none;}
@media screen and (min-width: 900px) {
html,body {overflow-x:hidden;}
}
Поделиться321.10.17 08:32:23
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /*Блоки*/ .tclcon h3 { position:relative; top: 0px; margin-left: 5px; font-size: 15px!important; font-weight: !important; font-style: !important; text-align: center; padding-bottom:12px; letter-spacing: 0.5px; padding-top:5px; } .tclcon h3 a { font-size: 14px!important; font-family: Verdana; letter-spacing: 0px; text-transform: uppercase; text-shadow:0px 0 0.0px #845c5c; } .tclcon h3 a:hover { color: #c6ab93!important; } /*конец*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 1px } /* 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%; empty-cells: show; border-collapse: separate; /*убираем пустые промежутки между ячейками*/ th {border: 1px solid grey;} td {border: 1px solid grey;} th, td {border: 1px solid grey;} table {border: 3px solid grey;} /* устанавливаем для таблицы внешнюю границу серого цвета толщиной 3px */ table {border-top: 3px solid grey; } /* задаём для ячейки тела таблицы границу серого цвета толщиной 1px */ td {border-bottom: 1px solid grey;} } /* 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: 99%; } /* A3.2 */ .punbb { font: normal 70.75% Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } /*A 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 { font-size: 1em; font-weight: bold; margin-top: 0px; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; margin-left: 0px; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "Verdana", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: none; } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: none; } /* A3.10 */ .punbb a { text-decoration: none } /* 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: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0px auto auto auto; width : 950px; padding: 220px 0px 0px 0px; border: none; } /* A5.2 */ .punbb { float: left; width: 100%; height: auto; margin-left: 0px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 0px 20% 15px 20%; float: none; background-image:url(https://forumstatic.ru/files/0019/38/90/16063.jpg); text-align: center; background-position:top center; background-repeat:no-repeat; font-family: Tahoma; padding-top: 50px!important; width: 500px; height: 500px; margin-top: -100px; } } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: -40px; } /*A 5.7 */ #pun-post .topic { margin-top: 12em; } /* 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 */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 0px 1em 1px 1em; border-style: none; border-width: 1px 1px 0px 1px; } #pun-main h2 { padding: 1px 1em 1px 1em; border-style: none; border-width: 1px 1px 0 1px; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; margin-left: 20px; } /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 1px solid transparent; ; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 120%; } /* 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: 1px; } /* 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: -4.2em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4.2em; 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 4em 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; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } /* 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 { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; line-height: 1.5; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { 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: none; 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 { padding: 3px 1em 4px 1em; border-bottom: 1px solid transparent;; border-left: none; border-top: none; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { margin-left: 101px; line-height: 1.5; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 100px; height: 80px; padding-top: 1px; repeat: no-repeat; margin-top: 1px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; margin-left: -15px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { border-left: 1px solid transparent;; padding: 0.5em 1em; display: inline; margin-left: 19em; } /* 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: 22em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 120%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* 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: 2em; } /*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; margin-top: 4px; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.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 margin-top: 20px; } /* 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: -50px 25px -1.6em -410px; } /* 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: none; } /* D1.2 */ #pun-title h1 { display : block; height: 60px; margin: -1px 0px 0px -43px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height: 60px; width: 100%; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 400px; vertical-align: top; padding-top: 3px; position: absolute; left: 31%; top: 0; } /* 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.2em; 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 { border: none; margin-top: -44px; margin-right: 70px; } #pun-navlinks .container { border: none; margin: 5px; } /* D3.2 */ #pun-navlinks .container { padding-top: 8px; height: 20px; font-weight:bold; text-align: center; letter-spacing:1px; margin-left: 60px; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.3%; padding: 5px 0px 5px 10px; } /* D3.4 */ #pun-navlinks li a { font-size: 1.3em; font-family: cambria; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-bottom: 0px; border: solid 1px transparent; } /* D4.2 */ #pun-ulinks .container {; text-align: center; border: none; padding-top: 7px; height: 16px; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.1em 0 0.1em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D4.6 */ #pun-ulinks li a { font-size: 1.2em; font-family: tahoma; text-transform: lowercase; } /* 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-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: relative; 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: 1.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 3em } /* 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-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { 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; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; 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; margin-left: 20px; } /* D8.8 */ #pun-break4 { margin: -2px 1em; 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; } /* scrollbar */ ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-color: #a2b5c2; background-color: #445d6f; } ::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #445d6f; background-color: #a2b5c2; } ::-webkit-scrollbar-track{ border-width:0; border-color: #445d6f; background-color: #a2b5c2; } ::-webkit-scrollbar-track:hover{ border-left: solid 1px #a2b5c2; background-color: #5c99c2; } @media screen and (min-width: 950px) { html,body {overflow-x:hidden;} } /* C2.14 */ /* ïîäôîðóì*/ .punbb td div.tclcon { margin-left: 5px; padding-left: 4px; } #pun-index td div.tclcon { color: #151f27; margin-left: 10px; font-family: Verdana !important; width: 399px; font-size: 12px; padding: 0 15px 20px 10px; line-height: 100%; background: url(http://s0.uploads.ru/ah5Py.jpg) top no-repeat, url() bottom no-repeat, url(http://sf.uploads.ru/tWgAH.jpg) repeat-y; } .punbb .main .tcr a { font-family: 'cuprum' !important; font-size: 13px !important; font-weight: normal; } /*убираем сообщения форума*/ #pun-index.punbb th,#pun-viewforum.punbb th{ font-size:0!important; color:transparent!important; height:0!important; padding:0!important; border:0!important; }
/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: #010005 url(https://forumstatic.ru/files/0019/38/90/99613.jpg) repeat-y fixed top center; color: black; background-attachment: fixed; /* Фиксируем фон */ } body { background: url(https://forumstatic.ru/files/0019/38/90/27729.png) no-repeat top center; left: -0px; position: relative; } #pun-title.section { background: no-repeat top center; height: 300px; } #pun-title .title-logo span {display: none;} /*Низ форума*/ #pun_wrap { padding-bottom: 272px; background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0019/38/90/68633.png) no-repeat scroll center bottom; margin-left: 0px; } /*Убираем слово объявление из таблицы*/ #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ border: outset 2px #92bcd6!important; border-radius: 10px; background: rgb(146, 188, 214); /*Можно добавить фон картинкой url(Ccылка на картинку)*/ padding: 9px; font: normal normal 400 11px/normal Verdana; } /*Фон мини-профиля в Топике*/ .punbb .post .post-author { background:url(https://forumstatic.ru/files/0019/38/90/14575.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/ overflow: visible!important; margin:12px 0!important; } .punbb .post .post-author > ul { background:url(https://forumstatic.ru/files/0019/38/90/67075.png) 0 top no-repeat,url(https://forumstatic.ru/files/0019/38/90/89352.png) 0 bottom no-repeat; /*Фон верха - низа*/ margin:-12px 0 -12px 0!important; padding:12px 17px!important; } /*Фон мини-профиля в Топике*/ .punbb .post .post-author { background:url(https://forumstatic.ru/files/0019/38/90/14575.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/ overflow: visible!important; margin:12px 0!important; } .punbb .post .post-author > ul { background:url(https://forumstatic.ru/files/0019/38/90/67075.png) 0 top no-repeat,url(https://forumstatic.ru/files/0019/38/90/89352.png) 0 bottom no-repeat; /*Фон верха - низа*/ margin:-12px 0 -12px 0!important; padding:12px 17px!important; } /* 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: #333; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #333; } /* CS1.3 */ #pun-main h2 { background-image: url(https://forumstatic.ru/files/0019/38/90/77250.png); background-repeat: no-repeat; background-position: center; height: 88px; line-height: 88px; color: #fff; font-family: cambria; text-align: center; letter-spacing: -1px; text-transform: uppercase; font-size: 18px; width: 943px; margin-left: -10px; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #333; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #005EAB } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #333 } /* CS1.7 */ #pun-main .quote-box, #pun-main .code-box { background: url(https://forumstatic.ru/files/0018/62/1b/95132.png) no-repeat top right; background-color: #92bcd6; color: #554a42; border-color: #92bcd6; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } /* CS1.8 */ #pun-navlinks .container { text-align: center; background-color: transparent; color: #534a44; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: transparent; color: #000; background: #92bcd6; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } .punbb textarea { background: url(https://forumstatic.ru/files/0018/62/1b/76479.png) no-repeat top right; background-color: #92bcd6; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { 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: #004F90; } /* 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: #C9D6E0; } /* CS2.5 */ .punbb th { border-color: #dedfdf } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #ccc #fff #fff #ccc; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #ccc } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #fff } .punbb .divider { border-color: #ccc #fff #fff #fff } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #005EAB; } /* 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: #005EAB } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333 } /* 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: #B42000; } /* CS3.3 */ #pun-navlinks a { color: #eee; text-decoration: none } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #fff; text-decoration: underline } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0003/0a/9b/90297.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0003/0a/9b/52846.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0003/0a/9b/36565.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0003/0a/9b/42010.png) no-repeat; } #pun-stats h2 { background: url(https://forumstatic.ru/files/0019/38/90/77250.png) no-repeat top center; width: 943px; margin-left: -10px; height: 127px; line-height: 76px; color: #fff; font-family: cambria; text-align: center; letter-spacing: -1px; text-transform: uppercase; font-size: 18px;} background-color: transparent;}
Поделиться421.10.17 09:15:30
#pun-main .post-author ul .pa-author {
width: 200px;
background-color: #bed8fa;
background-image: url(http://lenagold.ru/fon/tum/ora/oratum28.jpg);
margin-left: -11px;
margin-right: 0px;
font-size: 12px;
text-align: center; }
#pun-main .post-author ul {
color: #302e41;
padding-bottom: 5px;
font-size: 11px;
margin-left: 0px;
border-image: url(http://lenagold.ru/fon/tum/ora/oratum22.jpg) 5 round round;
border-top: solid #bed8fa 5px;
border-bottom: solid #bed8fa 5px;
border-left: solid #bed8fa 5px;
border-right: solid #bed8fa 5px;
background-color: #ffffff;
background-image:url(http://lenagold.ru/fon/tum/gol/goltum68.jpg);
}
.pa-avatar img {
width: 190px;
box-shadow: 0px 0px 0px 0px #ffffff;
margin-left: -2px;
margin-right: 0px;
}
.post-author ul li {text-align: center; margin-left: -5px;}
Поделиться521.10.17 09:44:08
здесь
/************************************************************* 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: 1px } /* 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%; empty-cells: show; border-collapse: separate; /*убираем пустые промежутки между ячейками*/ th {border: 1px solid grey;} td {border: 1px solid grey;} th, td {border: 1px solid grey;} table {border: 3px solid grey;} /* устанавливаем для таблицы внешнюю границу серого цвета толщиной 3px */ table {border-top: 3px solid grey; } /* задаём для ячейки тела таблицы границу серого цвета толщиной 1px */ td {border-bottom: 1px solid grey;} } /* 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: 99%; } /* A3.2 */ .punbb { font: normal 70.75% Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } /*A 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 { font-size: 1em; font-weight: bold; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; margin-left: 25px; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "Verdana", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: none; } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: underline } /* 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: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0px auto auto auto; width : 988px; padding: 0px 0px 0px 0px; border: none; } /* A5.2 */ .punbb { float: left; width: 100%; height: auto; margin-left: 20px; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; float: none; background-image:url(https://forumstatic.ru/files/0003/0a/9b/59987.png); text-align: center; background-position:top center; background-repeat:no-repeat; font-family: Tahoma; padding-top: 48px!important; width: 636px; height: 377px; } } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: -40px; } /*A 5.7 */ #pun-post .topic { margin-top: 12em; } /* 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 */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 5px 1em 1px 1em; border-style: none; border-width: 1px 1px 0px 1px; } #pun-main h2 { padding: 1px 1em 1px 1em; border-style: none; border-width: 1px 1px 0 1px; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; overflow: hidden; margin-left: 20px; } /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 1px solid transparent; ; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 120%; } /* 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: 1px; } /* 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: -4.2em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4.2em; 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 4em 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; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } /* 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 { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; line-height: 1.5; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { 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: none; 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 { padding: 3px 1em 4px 1em; border-bottom: 1px solid transparent;; border-left: none; border-top: none; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { margin-left: 101px; line-height: 1.5; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 100px; height: 80px; padding-top: 1px; repeat: no-repeat; margin-top: 1px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; margin-left: -15px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { border-left: 1px solid transparent;; padding: 0.5em 1em; display: inline; margin-left: 19em; } /* 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: 22em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 120%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* 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: 2em; } /*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; margin-top: 4px; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.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: -80px 25px -1.6em -410px; } /* 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: none; } /* D1.2 */ #pun-title h1 { display : block; height: 60px; margin: -1px 0px 0px -43px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height: 60px; width: 100%; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 400px; vertical-align: top; padding-top: 3px; position: absolute; left: 31%; top: 0; } /* 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.2em; 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 { border: none; margin-top: -44px; margin-right: 70px; } #pun-navlinks .container { border: none; margin: 5px; } /* D3.2 */ #pun-navlinks .container { padding-top: 180px; height: 20px; font-weight:bold; text-align: center; letter-spacing:8px; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.3%; padding: 5px 0px 5px 10px; } /* D3.4 */ #pun-navlinks li a { font-size: 1.3em; font-family: cambria; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-bottom: 0px; border: solid 1px transparent; } /* D4.2 */ #pun-ulinks .container {; text-align: center; border: none; padding-top: 73px; height: 5px; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.1em 0 0.1em; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D4.6 */ #pun-ulinks li a { font-size: 1.2em; font-family: tahoma; text-transform: lowercase; } /* 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: relative; 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: 3.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 3em } /* 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; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; 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; } /*1. Настройка общего вида линков */ #pun-navlinks a { display: inline-block; height: 88px; margin-left: 0px; } /*2. Настройка изображений */ #navindex a {background: url(https://forumstatic.ru/files/0018/62/1b/26067.png) no-repeat bottom center; width: 100px;} #navuserlist a {background: url(https://forumstatic.ru/files/0018/62/1b/83563.png) no-repeat bottom center; width: 100px;} #navsearch a {background: url(https://forumstatic.ru/files/0018/62/1b/83539.png) no-repeat bottom center; width: 100px;} #navprofile a {background: url(https://forumstatic.ru/files/0018/62/1b/65387.png) no-repeat bottom center; width: 100px;} #navpm a {background: url(https://forumstatic.ru/files/0018/62/1b/99302.png) no-repeat bottom center; width: 100px;} #navadmin a {background: url(https://forumstatic.ru/files/0018/62/1b/85271.png) no-repeat bottom center; width: 100px;} #navlogout a {background: url(https://forumstatic.ru/files/0018/62/1b/97544.png) no-repeat bottom center; width: 100px;} #navlogin a {background: url(https://forumstatic.ru/files/0018/62/1b/96167.png) no-repeat bottom center; width: 100px;} #navregister a {background: url(https://forumstatic.ru/files/0018/62/1b/79110.png) no-repeat bottom center; width: 100px;} #navpr_1 a{background:url("https://forumstatic.ru/files/0018/62/1b/59355.png") no-repeat bottom center; width: 100px; } /* Скрываем текстовые надписи */ #pun-navlinks a span {display: none;} @media screen and (min-width: 900px) { html,body {overflow-x:hidden;} } /* scrollbar */ ::-webkit-scrollbar{ width:12px; } ::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-color: #8b479c; background-color: #8f6b99; } ::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #643393; background-color: #8b479c; } ::-webkit-scrollbar-track{ border-width:0; border-color: #643393; background-color: #8b479c; } ::-webkit-scrollbar-track:hover{ border-left: solid 1px #8f6b99; background-color: #d3b6db; }
/* CS1 Background and text colours -------------------------------------------------------------*/ /*Убираем слово объявление из таблицы*/ #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} html { background: #010005 url(https://forumstatic.ru/files/0018/62/1b/28320.jpg) repeat-y fixed top center; color: black; background-attachment: fixed; /* Фиксируем фон */ } body { background: url(https://forumstatic.ru/files/0018/62/1b/25980.png) no-repeat top center; left: -0px; position: relative; } #pun-title.section { background: no-repeat top center; height: 300px; } #pun-title .title-logo span {display: none;} /* CS1.1 */ .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb-admin #pun-admain .adcontainer, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: #transparent; color: #080808; line-height:11px; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #080808; text-align: left; } /* CS1.3 */ #pun-main h2 { background-image: url(https://forumstatic.ru/files/0018/62/1b/87908.png); background-repeat: no-repeat; background-position: center; height: 130px; line-height: 115px; color: #061444; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 18px; width: 1054px; margin-left: -78px; font-family: initial; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #080808; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #534a44; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #534a44; } /* CS1.7 */ #pun-main .quote-box, #pun-main .code-box { background: url(https://forumstatic.ru/files/0018/62/1b/95132.png) no-repeat top right; background-color: #fceff5; color: #554a42; border-color: #d66cf2; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } /* CS1.8 */ #pun-navlinks .container { text-align: center; background-color: transparent; color: #534a44; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: transparent; color: #000; background: #fceff5; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { 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: #C4C4C6 #FFFFFF #FFFFFF #C4C4C6; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #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 #dedfdf } li.pa-online { border-left-color: #9b887e; } .punbb .post-sig dt { border-top-color: transparent;!important; } /* 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: #7b0153; border-bottom: 0px none #000; text-decoration: none; font-style: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #1d3073; } /* 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 { text-decoration: none; color: #1d3073; } /* CS3.3 */ #pun-navlinks a { color: #fff; border-bottom: 0px none #000; text-transform: uppercase; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #fff; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } .post-content td {border-color: #b7b1a9;} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(https://forumstatic.ru/files/0018/62/1b/31867.png) no-repeat; } tr.inew div.icon { background: url(https://forumstatic.ru/files/0018/62/1b/36734.png) no-repeat; } tr.iclosed div.icon { background: url(https://forumstatic.ru/files/0018/62/1b/98263.png) no-repeat; } tr.isticky div.icon { background: url(https://forumstatic.ru/files/0018/62/1b/17890.png) no-repeat; } #pun_wrap { background-image: url("..."); background-repeat: no-repeat; background-position: center bottom; } #pun-stats h2 { background: url(https://forumstatic.ru/files/0018/62/1b/83859.png) no-repeat top center; background-repeat: no-repeat; background-position: center; height: 100px; line-height: 85px; color: #061444; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 18px; width: 1054px; margin-left: -78px; font-family: initial; background-color: transparent;} /*Фон мини-профиля в Топике*/ .punbb .post .post-author { background:url(https://forumstatic.ru/files/0018/62/1b/68897.jpg) 0 0 repeat-y; /*Фон размножаемый по вертикали*/ overflow: visible!important; margin:12px 0!important; } .punbb .post .post-author > ul { background:url(https://forumstatic.ru/files/0018/62/1b/37071.jpg) 0 top no-repeat,url(https://forumstatic.ru/files/0018/62/1b/37280.jpg) 0 bottom no-repeat; /*Фон верха - низа*/ margin:-12px 0 -12px 0!important; padding:12px 17px!important; } /*Низ форума*/ #pun_wrap { padding-bottom: 272px; background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0018/62/1b/24174.png) no-repeat scroll center bottom; } /*Фон под контейнеры в форме Ответа*/ #pun_wrap #post .container[id$="-area"]{ border: outset 2px #895D39!important; border-radius: 10px; background: rgb(255, 227, 207); /*Можно добавить фон картинкой url(Ccылка на картинку)*/ padding: 9px; font: normal normal 400 11px/normal Verdana; } /*Разделители между форумами*/ .category th{ padding-bottom:1.2em } .category tr{ display:table;width:100%; clear:both;position:relative; } .category tbody>tr:before{ content:"";display:block; width:100%;height:3px; /*Высота*/ position:absolute;margin-top:-5px; background:#e4b48e; /*Фоновый цвет */ background:linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); background:-webkit-linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); background:-moz-linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); background:-o-linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); background:-khtml-linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); background:-ms-linear-gradient(to right,transparent 0%,#e4b48e 4%,transparent 80%,transparent 100%); }
Поделиться621.10.17 09:47:09
хтмл низ
<!-- Аватар по умолчанию / Deff, Alex_63 --> <script type="text/javascript"> var DefAvtr = 'https://forumstatic.ru/files/0003/0a/9b/91328.gif'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://s-media-cache-ak0.pinimg.com/564x/df/91/8e/df918e49bebb55c7e506d840cc1b4c61.jpg'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <style type="text/css"> .pa-avatar>div{ position:relative; z-index:20; display:inline-block; margin: auto; padding:0; } .pa-avatar>div img{ position:absolute; top:0;left:0; z-index:-2; } .pa-avatar>div>span{ margin:0; padding:3px 12px; display:block; border:10px rgba(121,103,21,0.3); /*Цвет верхнего бордера*/ border-style:solid none none none; background:rgba(229,222,179,0.8); /*Цвет перекрывающего фона*/ opacity:0; transition: opacity 0.6s; } .pa-avatar:hover>div>span{ opacity:1.0; } .pa-avatar>div>span a{ color:#0817F2!important; /*Цвет ccылок*/ } .pa-avatar>div>span a:hover{ color:#FF0000!important; /*Цвет ccылок при наведении*/ text-decoration:underline!important; } </style> <script type="text/javascript"> $('.pa-avatar').each(function(){ var that =$(this).parents('.post-author').find('.ava-wrp::first'), a = $(this).find('img:first'); if(a.length&&that.length){ b = that.parents('li[class^="pa-fld"]'), h = a.height(),w=a.width(), c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent(); c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>'); } }); </script> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "https://forumstatic.ru/files/0018/62/1b/70509.png[Описание 1]", "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-posts", //Кол-во сообщений: "pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online - Не засовываем в спойлеры // 2 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/70509.png", "pa-from", //Откуда "pa-fld1", //Доп.Поле.1 // 3 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/70509.png", "pa-fld2", //Доп.Поле.2 "pa-fld3", //Доп.Поле.3 "pa-fld4", //Доп.Поле.4 "pa-fld5", //Доп.Поле.5 "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик--> <!-- Cкрипт Подписи--><div id="CNt" style="display:none;"> <span class="Sh-Hi" alt="Селектор"> <span class="c-Hi" style="display:none"> <img src="https://forumstatic.ru/files/0003/0a/9b/92254.png" alt="" /> </span> <span class="c-Sh"> <img src="https://forumstatic.ru/files/0003/0a/9b/92254.png" alt="" /> </span> </span> </div> <script> L=$("#CNt").html() $("dl.post-sig").before(L) $("dl.post-sig").hide() $(".Sh-Hi span").click(function(){ $(this).parent(".Sh-Hi").find("span").toggle() $(this).parent(".Sh-Hi").next("dl.post-sig").toggle() }); </script> <!--Конец//=Cкрытия подписи--> <!-- Cкрипт Валюты --><script type="text/javascript"> $("#pun-viewtopic .post .post-author").each(function(){ if(!$(this).find('.pa-author a').length)return true; var fldName="Баллы" //Точное Имя Поля //Все Коэфициенты могут быть дробными var K_post=1/5; //Кол-о баллов начисляемых за одно сообщение; var K_invites=11; //Кол-о баллов начисляемых за число приглашенных на форум; var K=10; //Коэффициент участия(Кол-о баллов за час пребывания на форуме var K_respect=3; //Кол-о баллов начисляемых за один балл уважения; var K_positive=1; //Кол-о баллов начисляемых за один балл выставленный данным юзером другим юзерам в уважение; if($(this).find(".pa-avatar").length){var L=".pa-avatar"}else var L=".pa-title" $(this).find(L).after('<li class="pa-fld11"><b>'+fldName+'</b>: 0</li>') var ss1=0,ss2=0,ss0=0,i=0,ss=0,s=0; if($(this).find(".pa-respect").length){ss2=$(this).find(".pa-respect").text(); ss2=ss2.replace(/^[\s\S]+?([+-]*\d+)(?:[^\d]*?(-\d*).*)*/gim,'$1,$2').split(','); ss2=K_respect*(+ss2[0]+ +ss2[1]);} if($(this).find(".pa-positive").length){ss1=$(this).find(".pa-positive").text(); ss1=ss1.replace(/^[\s\S]+?([+-]*\d+)(?:[^\d]*?(-\d*).*)*/gim,'$1,$2').split(','); ss1 = K_positive*(+ss1[0]+ +ss1[1]);} if($(this).find(".pa-invites").length){ss=$(this).find(".pa-invites").text(); ss=K_invites*parseInt(ss);} if($(this).find(".pa-posts").length)ss0=$(this).find(".pa-posts").text(); ss0=K_post*parseInt(ss0.replace("Сообщений: ","")); if($(this).find(".pa-time-visit").length){var str=$(this).find(".pa-time-visit").text();str=str.replace("Неизвестно","0 минут"); str=str.replace(" минуты","+");str=str.replace(" минуту","+");str=str.replace(" минут","+"); str=str.replace(" часа","*60+");str=str.replace(" часов","*60+");str=str.replace(" час","*60+"); str=str.replace(" день","*24*60+");str=str.replace(" дней","*24*60+");str=str.replace(" дня","*24*60+"); str=str.replace(" месяцев","*(365/12)*24*60+");str=str.replace(" месяца","*(365/12)*24*60+"); str=str.replace(" месяц","*(365/12)*24*60+");str=str.replace(/ /g,"");str=str.replace("Провеланафоруме:",""); str=str.replace("Провелнафоруме:","");str+="0";var i=eval(str);} var s=$(this).find("li:not(.pa-fld11):contains('"+fldName+":')").remove().text(); if(s=='')s=''+0; s=s.replace(fldName+": ","");s=parseFloat(s);s=Math.round((i/60)*K+ss0+ss1+ss2+s); str=$(this).find(".pa-fld11").html();str=str.replace(/:.*/ig,': '+s);$(this).find(".pa-fld11").html(str); ;}) </script><!-- Конец --> <!-- Картинки онлайн/оффлайн --> <script type="text/javascript"> var we=document.getElementsByTagName("ul") var x=0 for (x=0; x<=(we.length-1); x++) {if (we[x].innerHTML.indexOf("pa-online")!=-1) {we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='https://forumstatic.ru/files/0018/62/1b/59420.png' />"} else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)) {we[x].innerHTML=we[x].innerHTML+"<img src='https://forumstatic.ru/files/0018/62/1b/33921.png' />"} } </script> <!-- Почта --> <script language="JavaScript"> var str = new String(document.getElementById("navpm").innerHTML) var str2 = new String(document.location) if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) ) { alert("Новое личное сообщение") } </script> <!-- Конец почты --> <script type="text/javascript"> var qt = document.getElementById("pun-main").getElementsByTagName("cite"); for(var i=0;i<qt.length;i++){ if (qt[i].innerHTML.indexOf("написал(а):")!=-1){ qt[i].innerHTML=qt[i].innerHTML.slice(0,-11) + "пишет:"; }} </script> <!-- tabl --> <script type="text/javascript"> $(function(){ $("#about-button").css({ opacity: 0.3 }); $("#contact-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.animate({ opacity: 1, borderWidth: 3 }, 600 ); var idToLoad = $clicked.attr("id").split('-'); $("#content").find("div:visible").fadeOut("fast", function(){ $(this).parent().find("#"+idToLoad[0]).fadeIn(); }) } $clicked.siblings(".button").animate({ opacity: 0.5, borderWidth: 1 }, 600 ); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 560; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .wrapAll('<div id="slideInner"></div>') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'right', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .append('<span class="control" id="rightControl">Clicking moves right</span>') .prepend('<span class="control" id="leftControl">Clicking moves left</span>'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script> <!-- Скрипт для работы таблицы --> <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>
Поделиться721.10.17 09:50:15
то что там
верх
<!-- Снего--> <script type="text/javascript"> imageDir = "http://mvcreative.ru/example/6/2/snow/"; sflakesMax =45; sflakesMaxActive = 65; svMaxX = 2; svMaxY = 1; ssnowStick = 1; ssnowCollect = 0; sfollowMouse = 3; sflakeBottom = 0; susePNG = 1; sflakeTypes = 5; sflakeWidth = 15; sflakeHeight = 15; </script> <script type="text/javascript" src="http://mvcreative.ru/example/6/2/snow.js"></script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script> <!-- Пиар-вход v.2 новый--> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'Реклама'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!--контейнер--> <style> div .splLink { width: 190px; height: 70px; background: transparent; color: transparent; text-align: center; font-size: 13px; padding: 0px; } .spll { width: 300px; height: 300px; } .spll div .splCont { height: auto; width: 379px; background: transparent url(http://sf.uploads.ru/tWgAH.jpg); border: 1px dashed #C0C0C0; padding: 5px; margin: 3px 1px 3px 1px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; box-shadow: #fff 0 1px 6px; z-index: 1000; margin-top: -45px; font-size: 12px; text-align: center; opacity: 0.92; } </style> <!--контейнер--> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0018/62/1b/34540.png" border="0" width=100%/></div> <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0018/62/1b/13521.png" border="0" width=100%/></div> <style> .go-up,.go-down { display: none; position: fixed; right: 20px; z-index: 9999; cursor: pointer; opacity: 0.7; margin-bottom: 350px; width: 80px; height: 10px; position-attachment: fixed; } .go-up { bottom:65px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:-20px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .go-down:hover,.go-up:hover { opacity:1; } </style> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <style>img.post-img-Sp {margin:5px 0px;} div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index:1; right: 0px; top: 0px } </style>
низ
<!-- Аватар по умолчанию / Deff, Alex_63 --> <script type="text/javascript"> var DefAvtr = 'http://sf.uploads.ru/MCBju.jpg'; //Ссылка на аватар по умолчанию var GuestAvtr = 'http://sd.uploads.ru/90iJZ.jpg'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <style type="text/css"> .pa-avatar>div{ position:relative; z-index:20; display:inline-block; margin: auto; padding:0; } .pa-avatar>div img{ position:absolute; top:0;left:0; z-index:-2; } .pa-avatar>div>span{ margin:0; padding:3px 12px; display:block; border:10px rgba(121,103,21,0.3); /*Цвет верхнего бордера*/ border-style:solid none none none; background:rgba(229,222,179,0.8); /*Цвет перекрывающего фона*/ opacity:0; transition: opacity 0.6s; } .pa-avatar:hover>div>span{ opacity:1.0; } .pa-avatar>div>span a{ color:#0817F2!important; /*Цвет ccылок*/ } .pa-avatar>div>span a:hover{ color:#FF0000!important; /*Цвет ccылок при наведении*/ text-decoration:underline!important; } </style> <script type="text/javascript"> $('.pa-avatar').each(function(){ var that =$(this).parents('.post-author').find('.ava-wrp::first'), a = $(this).find('img:first'); if(a.length&&that.length){ b = that.parents('li[class^="pa-fld"]'), h = a.height(),w=a.width(), c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent(); c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>'); } }); </script> <!-- урл для рекламы --> <script> if(GroupID==3)$('#PRlogin').on('submit',function(){ $(this).find('input[name="redirect_url"]').val('http://smtest.f-rpg.ru/viewtopic.php?id=2#p4'); }); </script> <!-- урл для рекламы --> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "https://forumstatic.ru/files/0018/62/1b/70509.png[Игрок]", "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online - Не засовываем в спойлеры // 2 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/70509.png[Персонаж]", "pa-posts", //Кол-во сообщений: "pa-from", //Откуда "pa-fld1", //Доп.Поле.1 // 3 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/70509.png[Награды]", "pa-fld2", //Доп.Поле.2 "pa-fld3", //Доп.Поле.3 "pa-fld4", //Доп.Поле.4 "pa-fld5", //Доп.Поле.5 "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик--> <!-- Cкрипт Подписи--><div id="CNt" style="display:none;"> <span class="Sh-Hi" alt="Селектор"> <span class="c-Hi" style="display:none"> <img src="https://forumstatic.ru/files/0003/0a/9b/92254.png" alt="" /> </span> <span class="c-Sh"> <img src="https://forumstatic.ru/files/0003/0a/9b/92254.png" alt="" /> </span> </span> </div> <script> L=$("#CNt").html() $("dl.post-sig").before(L) $("dl.post-sig").hide() $(".Sh-Hi span").click(function(){ $(this).parent(".Sh-Hi").find("span").toggle() $(this).parent(".Sh-Hi").next("dl.post-sig").toggle() }); </script> <!--Конец//=Cкрытия подписи--> <!-- Картинки онлайн/оффлайн --> <script type="text/javascript"> var we=document.getElementsByTagName("ul") var x=0 for (x=0; x<=(we.length-1); x++) {if (we[x].innerHTML.indexOf("pa-online")!=-1) {we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='https://forumstatic.ru/files/0018/62/1b/59420.png' />"} else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)) {we[x].innerHTML=we[x].innerHTML+"<img src='https://forumstatic.ru/files/0018/62/1b/33921.png' />"} } </script> <!-- Контейнер --> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Поделиться821.10.17 09:52:35
текст объявления
<table width="100%" height="300px" cellpadding="0" style="text-align: center"> <tr> <div style="display: block;" id="tab1" class="tab_content"> <td width="60%" style="background: #81b0cc; padding-left: 25px; padding-top: 30px; valign: top; border-radius: 13px;"><div style="overflow: auto; width: 500px; height: 180px;"> <b>Сейлор Мун</b> <i>(яп. 美少女戦士セーラームーン бисё:дзё сэнси сэ:ра: му:н, дословный перевод: «Прекрасная воительница Сейлор Мун»)</i> — название японской франшизы, созданной Наоко Такэути. Обычно ей приписывают популяризацию концепции команды девочек-волшебниц[1][2] — так же, как и вообще «оживление» жанра махо-сёдзё[3]. Данное аниме было признано журналом Animage лучшим аниме 1993 года. В том же году Ами Мидзуно была признана лучшим женским персонажем года[4].<br> Сюжет различных произведений метасерии вращается вокруг реинкарнировавших защитников древнего королевства, когда-то охватывавшего всю Солнечную систему. Главные герои, называемые воинами в матросках (яп. セーラー戦士 сэ:ра: сэнси, сейлор воины), — молодые девушки, которые могут превращаться в героинь, названных в честь Луны (англ. Moon) и планет Солнечной системы (Сейлор Мун, Сейлор Меркурий, Сейлор Марс и т. д.). Использование слова Sailor в их именах объясняется стилем их костюмов, напоминающих популярную в Японии женскую школьную форму — сэйфуку (матроску). Элементы фэнтези в серии глубоко символичны и часто основаны на мифологии.<br> Созданию манги «Сейлор Мун» предшествовала другая, Codename: Sailor V, повествующая о приключениях лишь одного воина в матроске. Такэути придумала идею произведения, когда хотела создать милую серию о девушках, а её редактор попросил одеть героинь в сэйфуку[5]. Когда Sailor V была предложена для адаптации в аниме, концепция была изменена, так что Сейлор Ви стала только одним из членов команды. Итоговая серия манги стала слиянием популярных жанров махо-сёдзё с сэнтаем, фанатом которого была Такэути[6]. «Сейлор Мун» оказалась одной из первых серий, созданной на основе этого сочетания.<br> </div> <br> <center><a href="http://smtest.f-rpg.ru/viewtopic.php?id=4#p13" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru"></a></center></td> <td width="40%"><div class="spll"> <DIV><div class=splLink href="javscript://"><img src="http://s3.uploads.ru/Mes37.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <div style="overflow: auto; width: 380px; height: 260px;"><center><b>Основное</b><br></center> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Сюжет</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Правила</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Расы ролевой</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Список ролей</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Занятые внешности</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Аction#о1. "Sing songs with love!"</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Аction#о2. "Composing music"</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Акции от наших игроков!</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Шаблон досье</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Упрощеный шаблон досье</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Краткая история нашего мира</a><br> <br> <br> <center><b>Дополнительно</b><br></center> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Награды</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Магазин подарков</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Боевые приемы для всех персонажей</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Магические навыки для высших существ</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Магические способности</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Шаблон подписи (!)</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Создание музыкальной группы (!!!)</a><br> <a href="http://smtest.f-rpg.ru/viewtopic.php?id=2">Заполнение профиля в колонке дополнительного поля</a></div> </DIV></div></DIV></td> </tr> </table>
хмл ответ
<!--дополнительные смайлы v.3.1 © Romych--> <style type="text/css"> #wrapper{left:-10px;position:relative;width:500px;} .tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;} .tabs li{float:left;cursor:pointer;} .tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;} .tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;} .tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;} .tabs li.active a:hover{color:#6A5ACD;} #smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;} </style> <script type="text/javascript"> var nabor=[]; nabor['Пёс'] = [ 'http://funkyimg.com/i/2vSCp.png', 'http://funkyimg.com/i/2vSCq.png', 'http://funkyimg.com/i/2vSCr.png', 'http://funkyimg.com/i/2vSCs.png', 'http://funkyimg.com/i/2vSCu.png', 'http://funkyimg.com/i/2vSCv.png', 'http://funkyimg.com/i/2vSCw.png', 'http://funkyimg.com/i/2vSCx.png', 'http://funkyimg.com/i/2vSCy.png', 'http://funkyimg.com/i/2vSCD.png', 'http://funkyimg.com/i/2vSCE.png', 'http://funkyimg.com/i/2vSCF.png', 'http://funkyimg.com/i/2vSCG.png', 'http://funkyimg.com/i/2vSCH.png', 'http://funkyimg.com/i/2vSCV.png', 'http://funkyimg.com/i/2vSCW.png', 'http://funkyimg.com/i/2vSCX.png', 'http://funkyimg.com/i/2vSCY.png', 'http://funkyimg.com/i/2vSCZ.png', 'http://funkyimg.com/i/2vSDm.png', 'http://funkyimg.com/i/2vSDn.png', 'http://funkyimg.com/i/2vSDo.png', 'http://funkyimg.com/i/2vSDp.png', 'http://funkyimg.com/i/2vVqx.png', 'http://funkyimg.com/i/2vVqy.png', 'http://funkyimg.com/i/2vVqz.png', 'http://funkyimg.com/i/2vVqA.png', 'http://funkyimg.com/i/2vVqB.png', 'http://funkyimg.com/i/2vVqC.png', 'http://funkyimg.com/i/2vVqD.png', 'http://funkyimg.com/i/2vVqE.png', 'http://funkyimg.com/i/2vVqF.png', 'http://funkyimg.com/i/2vVqG.png', 'http://funkyimg.com/i/2vVqQ.png', 'http://funkyimg.com/i/2vVqR.png', 'http://funkyimg.com/i/2vVqS.png', 'http://funkyimg.com/i/2vVqT.png', 'http://funkyimg.com/i/2vVqU.png', 'http://funkyimg.com/i/2vVqV.png', 'http://funkyimg.com/i/2vVqW.png', 'http://funkyimg.com/i/2vVqX.png', 'http://funkyimg.com/i/2vVqY.png', 'http://funkyimg.com/i/2vVqZ.png', 'http://funkyimg.com/i/2vVr3.png', 'http://funkyimg.com/i/2vVr4.png', 'http://funkyimg.com/i/2vVr5.png', 'http://funkyimg.com/i/2vVr6.png', 'http://funkyimg.com/i/2vVr7.png']; nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png', 'http://i.imgur.com/mcWR5K3.png', 'http://i.imgur.com/kQDOI2O.png', 'http://i.imgur.com/I2yC49f.png', 'http://i.imgur.com/qk4Wagp.png', 'http://i.imgur.com/mEe8oKA.png', 'http://i.imgur.com/5tyDr4a.png', 'http://i.imgur.com/APXtwMZ.png', 'http://i.imgur.com/I3LGzO3.png', 'http://i.imgur.com/mtul7B5.png', 'http://i.imgur.com/26yG9OL.png', 'http://i.imgur.com/xX8X8Gw.png', 'http://i.imgur.com/A8f4EJh.png', 'http://i.imgur.com/VyzdqsL.png', 'http://i.imgur.com/tUeSTIZ.png', 'http://i.imgur.com/BiyhxPy.png', 'http://i.imgur.com/oP35Thb.png', 'http://i.imgur.com/eLbTgxH.png', 'http://i.imgur.com/5LjQICq.png', 'http://i.imgur.com/6ZyLmUq.png', 'http://i.imgur.com/g5YDYls.png', 'http://i.imgur.com/44XohXz.png', 'http://i.imgur.com/YkKuIrH.png', 'http://i.imgur.com/XH1E3nJ.png', 'http://i.imgur.com/LQOOl7M.png', 'http://i.imgur.com/Fa6urM5.png', 'http://i.imgur.com/MfE1lPj.png', 'http://i.imgur.com/OMOzYAf.png', 'http://i.imgur.com/rRDnSmF.png', 'http://i.imgur.com/n4dTSM8.png', 'http://i.imgur.com/wy3ylYT.png', 'http://i.imgur.com/V8CdY05.png', 'http://i.imgur.com/MS02nMv.png', 'http://i.imgur.com/8HJwcXa.png', 'http://i.imgur.com/b7t6cIv.png', 'http://i.imgur.com/SawNVXe.png', 'http://i.imgur.com/4dUudSd.png', 'http://i.imgur.com/hsg2DyH.png', 'http://i.imgur.com/lFpXXLI.png', 'http://i.imgur.com/pZjh7iG.png', 'http://i.imgur.com/MqQAa2Z.png', 'http://i.imgur.com/2IQzS6G.png' ]; nabor['Vk'] = [ 'http://funkyimg.com/i/2vV91.png', 'http://funkyimg.com/i/2vV92.png', 'http://funkyimg.com/i/2vV93.png', 'http://funkyimg.com/i/2vV94.png', 'http://funkyimg.com/i/2vV96.png', 'http://funkyimg.com/i/2vV97.png', 'http://funkyimg.com/i/2vV99.png', 'http://funkyimg.com/i/2vV98.png', 'http://funkyimg.com/i/2vV9a.png', 'http://funkyimg.com/i/2vV95.png', 'http://funkyimg.com/i/2vV9u.png', 'http://funkyimg.com/i/2vV9w.png', 'http://funkyimg.com/i/2vV9v.png', 'http://funkyimg.com/i/2vV9x.png', 'http://funkyimg.com/i/2vV9y.png', 'http://funkyimg.com/i/2vV9z.png', 'http://funkyimg.com/i/2vV9S.png', 'http://funkyimg.com/i/2vV9T.png', 'http://funkyimg.com/i/2vV9U.png', 'http://funkyimg.com/i/2vV9V.png', 'http://funkyimg.com/i/2vV9W.png', 'http://funkyimg.com/i/2vVaj.png', 'http://funkyimg.com/i/2vVak.png', 'http://funkyimg.com/i/2vVam.png', 'http://funkyimg.com/i/2vVan.png', 'http://funkyimg.com/i/2vVao.png', 'http://funkyimg.com/i/2vVap.png', 'http://funkyimg.com/i/2vVaq.png', 'http://funkyimg.com/i/2vVar.png', 'http://funkyimg.com/i/2vVas.png', 'http://funkyimg.com/i/2vVav.png', 'http://funkyimg.com/i/2vVaL.png', 'http://funkyimg.com/i/2vVaK.png', 'http://funkyimg.com/i/2vVaY.png', 'http://funkyimg.com/i/2vVb6.png', 'http://funkyimg.com/i/2vVb7.png', 'http://funkyimg.com/i/2vVb8.png', 'http://funkyimg.com/i/2vVb5.png', 'http://funkyimg.com/i/2vVb4.png', 'http://funkyimg.com/i/2vVb3.png', 'http://funkyimg.com/i/2vVb2.png', 'http://funkyimg.com/i/2vVb1.png', 'http://funkyimg.com/i/2vVaZ.png', 'http://funkyimg.com/i/2vVbk.png', 'http://funkyimg.com/i/2vVbn.png', 'http://funkyimg.com/i/2vVbm.png', 'http://funkyimg.com/i/2vVbH.png', 'http://funkyimg.com/i/2vVbJ.png', 'http://funkyimg.com/i/2vVbR.png', 'http://funkyimg.com/i/2vVbS.png', 'http://funkyimg.com/i/2vVbQ.png', 'http://funkyimg.com/i/2vVbK.png', 'http://funkyimg.com/i/2vVbL.png', 'http://funkyimg.com/i/2vVbM.png', 'http://funkyimg.com/i/2vVbN.png', 'http://funkyimg.com/i/2vVbP.png', 'http://funkyimg.com/i/2vVc1.png', 'http://funkyimg.com/i/2vVc2.png', 'http://funkyimg.com/i/2vVc3.png', 'http://funkyimg.com/i/2vVc4.png', 'http://funkyimg.com/i/2vVc7.png', 'http://funkyimg.com/i/2vVc8.png', 'http://funkyimg.com/i/2vVc5.png', 'http://funkyimg.com/i/2vVca.png', 'http://funkyimg.com/i/2vVc9.png', 'http://funkyimg.com/i/2vVcs.png', 'http://funkyimg.com/i/2vVct.png', 'http://funkyimg.com/i/2vVcu.png', 'http://funkyimg.com/i/2vVcv.png', 'http://funkyimg.com/i/2vVcB.png', 'http://funkyimg.com/i/2vVcA.png', 'http://funkyimg.com/i/2vVcy.png', 'http://funkyimg.com/i/2vVcx.png', 'http://funkyimg.com/i/2vVcM.png', 'http://funkyimg.com/i/2vVcz.png', 'http://funkyimg.com/i/2vVdg.png', 'http://funkyimg.com/i/2vVdh.png', 'http://funkyimg.com/i/2vVdn.png', 'http://funkyimg.com/i/2vVdo.png', 'http://funkyimg.com/i/2vVdq.png', 'http://funkyimg.com/i/2vVdp.png', 'http://funkyimg.com/i/2vVdr.png', 'http://funkyimg.com/i/2vVds.png', 'http://funkyimg.com/i/2vVdt.png', 'http://funkyimg.com/i/2vVdu.png', 'http://funkyimg.com/i/2vVdC.png', 'http://funkyimg.com/i/2vVdD.png', 'http://funkyimg.com/i/2vVdE.png', 'http://funkyimg.com/i/2vVdF.png', 'http://funkyimg.com/i/2vVdG.png', 'http://funkyimg.com/i/2vVdK.png', 'http://funkyimg.com/i/2vVdL.png', 'http://funkyimg.com/i/2vVdM.png', 'http://funkyimg.com/i/2vVdN.png', 'http://funkyimg.com/i/2vVdP.png', 'http://funkyimg.com/i/2vVdQ.png', 'http://funkyimg.com/i/2vVdR.png', 'http://funkyimg.com/i/2vVdS.png', 'http://funkyimg.com/i/2vVdT.png', 'http://funkyimg.com/i/2vVef.png', 'http://funkyimg.com/i/2vVeg.png', 'http://funkyimg.com/i/2vVeh.png', 'http://funkyimg.com/i/2vVei.png', 'http://funkyimg.com/i/2vVej.png', 'http://funkyimg.com/i/2vVek.png', 'http://funkyimg.com/i/2vVeo.png', 'http://funkyimg.com/i/2vVev.png', 'http://funkyimg.com/i/2vVew.png', 'http://funkyimg.com/i/2vVez.png', 'http://funkyimg.com/i/2vVeA.png', 'http://funkyimg.com/i/2vVeB.png', 'http://funkyimg.com/i/2vVeC.png', 'http://funkyimg.com/i/2vVeD.png', 'http://funkyimg.com/i/2vVeE.png', 'http://funkyimg.com/i/2vVeF.png', 'http://funkyimg.com/i/2vVeG.png', 'http://funkyimg.com/i/2vVf1.png', 'http://funkyimg.com/i/2vVeZ.png', 'http://funkyimg.com/i/2vVf3.png', 'http://funkyimg.com/i/2vVf4.png', 'http://funkyimg.com/i/2vVf5.png', 'http://funkyimg.com/i/2vVf2.png', 'http://funkyimg.com/i/2vVf7.png', 'http://funkyimg.com/i/2vVf6.png', 'http://funkyimg.com/i/2vVf9.png', 'http://funkyimg.com/i/2vVf8.png', 'http://funkyimg.com/i/2vVfn.png', 'http://funkyimg.com/i/2vVfo.png', 'http://funkyimg.com/i/2vVfp.png', 'http://funkyimg.com/i/2vVfq.png', 'http://funkyimg.com/i/2vVfr.png', 'http://funkyimg.com/i/2vVft.png', 'http://funkyimg.com/i/2vVfu.png', 'http://funkyimg.com/i/2vVfv.png', 'http://funkyimg.com/i/2vVfw.png', 'http://funkyimg.com/i/2vVfx.png', 'http://funkyimg.com/i/2vVfy.png', 'http://funkyimg.com/i/2vVfz.png', 'http://funkyimg.com/i/2vVhT.png', 'http://funkyimg.com/i/2vVhU.png', 'http://funkyimg.com/i/2vVhW.png', 'http://funkyimg.com/i/2vVhX.png', 'http://funkyimg.com/i/2vVhY.png', 'http://funkyimg.com/i/2vVi1.png', 'http://funkyimg.com/i/2vVi2.png', 'http://funkyimg.com/i/2vVhZ.png', 'http://funkyimg.com/i/2vVi3.png', 'http://funkyimg.com/i/2vVi5.png', 'http://funkyimg.com/i/2vVi6.png', 'http://funkyimg.com/i/2vVi7.png', 'http://funkyimg.com/i/2vVi9.png', 'http://funkyimg.com/i/2vVi8.png', 'http://funkyimg.com/i/2vVia.png', 'http://funkyimg.com/i/2vVic.png', 'http://funkyimg.com/i/2vVid.png', 'http://funkyimg.com/i/2vVie.png', 'http://funkyimg.com/i/2vVif.png', 'http://funkyimg.com/i/2vVig.png', 'http://funkyimg.com/i/2vViM.png', 'http://funkyimg.com/i/2vViN.png', 'http://funkyimg.com/i/2vViP.png', 'http://funkyimg.com/i/2vViQ.png', 'http://funkyimg.com/i/2vViR.png', 'http://funkyimg.com/i/2vViS.png', 'http://funkyimg.com/i/2vViT.png', 'http://funkyimg.com/i/2vViU.png', 'http://funkyimg.com/i/2vViX.png', 'http://funkyimg.com/i/2vViY.png', 'http://funkyimg.com/i/2vViZ.png', 'http://funkyimg.com/i/2vVj1.png', 'http://funkyimg.com/i/2vVj2.png', 'http://funkyimg.com/i/2vVj3.png', 'http://funkyimg.com/i/2vVj4.png', 'http://funkyimg.com/i/2vVj5.png', 'http://funkyimg.com/i/2vVj7.png', 'http://funkyimg.com/i/2vVj6.png', 'http://funkyimg.com/i/2vVj9.png', 'http://funkyimg.com/i/2vVji.png', 'http://funkyimg.com/i/2vVjj.png', 'http://funkyimg.com/i/2vVjk.png', 'http://funkyimg.com/i/2vVjm.png', 'http://funkyimg.com/i/2vVjn.png', 'http://funkyimg.com/i/2vVjo.png', 'http://funkyimg.com/i/2vVjp.png', 'http://funkyimg.com/i/2vVjq.png', 'http://funkyimg.com/i/2vVjK.png', 'http://funkyimg.com/i/2vVjL.png', 'http://funkyimg.com/i/2vVjM.png', 'http://funkyimg.com/i/2vVjN.png', 'http://funkyimg.com/i/2vVjP.png', 'http://funkyimg.com/i/2vVjQ.png', 'http://funkyimg.com/i/2vVjR.png', 'http://funkyimg.com/i/2vVjS.png', 'http://funkyimg.com/i/2vVjT.png', 'http://funkyimg.com/i/2vVjU.png', 'http://funkyimg.com/i/2vVkj.png', 'http://funkyimg.com/i/2vVkr.png', 'http://funkyimg.com/i/2vVkq.png', 'http://funkyimg.com/i/2vVko.png', 'http://funkyimg.com/i/2vVki.png', 'http://funkyimg.com/i/2vVkk.png', 'http://funkyimg.com/i/2vVkm.png', 'http://funkyimg.com/i/2vVkn.png', 'http://funkyimg.com/i/2vVkp.png', 'http://funkyimg.com/i/2vVkH.png', 'http://funkyimg.com/i/2vVkJ.png', 'http://funkyimg.com/i/2vVkK.png', 'http://funkyimg.com/i/2vVkM.png', 'http://funkyimg.com/i/2vVkN.png', 'http://funkyimg.com/i/2vVkP.png', 'http://funkyimg.com/i/2vVkQ.png', 'http://funkyimg.com/i/2vVkR.png', 'http://funkyimg.com/i/2vVkS.png', 'http://funkyimg.com/i/2vVkU.png', 'http://funkyimg.com/i/2vVkV.png', 'http://funkyimg.com/i/2vVkY.png', 'http://funkyimg.com/i/2vVkZ.png', 'http://funkyimg.com/i/2vVm1.png', 'http://funkyimg.com/i/2vVm5.png', 'http://funkyimg.com/i/2vVm2.png', 'http://funkyimg.com/i/2vVm3.png', 'http://funkyimg.com/i/2vVm4.png', 'http://funkyimg.com/i/2vVm6.png', 'http://funkyimg.com/i/2vVkX.png', 'http://funkyimg.com/i/2vVmc.png', 'http://funkyimg.com/i/2vVmd.png', 'http://funkyimg.com/i/2vVmi.png', 'http://funkyimg.com/i/2vVmj.png', 'http://funkyimg.com/i/2vVmn.png', 'http://funkyimg.com/i/2vVmk.png', 'http://funkyimg.com/i/2vVmm.png', 'http://funkyimg.com/i/2vVmo.png', 'http://funkyimg.com/i/2vVmp.png', 'http://funkyimg.com/i/2vVmr.png', 'http://funkyimg.com/i/2vVmq.png', 'http://funkyimg.com/i/2vVni.png', 'http://funkyimg.com/i/2vVnj.png', 'http://funkyimg.com/i/2vVnk.png', 'http://funkyimg.com/i/2vVnm.png', 'http://funkyimg.com/i/2vVnY.png', 'http://funkyimg.com/i/2vVo7.png', 'http://funkyimg.com/i/2vVo1.png', 'http://funkyimg.com/i/2vVnZ.png', 'http://funkyimg.com/i/2vVo2.png', 'http://funkyimg.com/i/2vVo3.png', 'http://funkyimg.com/i/2vVo4.png', 'http://funkyimg.com/i/2vVo5.png', 'http://funkyimg.com/i/2vVo6.png', 'http://funkyimg.com/i/2vVo8.png', 'http://funkyimg.com/i/2vVow.png', 'http://funkyimg.com/i/2vVox.png', 'http://funkyimg.com/i/2vVov.png', 'http://funkyimg.com/i/2vVoz.png', 'http://funkyimg.com/i/2vVoA.png', 'http://funkyimg.com/i/2vVoy.png', 'http://funkyimg.com/i/2vVoB.png', 'http://funkyimg.com/i/2vVoC.png', 'http://funkyimg.com/i/2vVp1.png', 'http://funkyimg.com/i/2vVp2.png', 'http://funkyimg.com/i/2vVp3.png', 'http://funkyimg.com/i/2vVp4.png', 'http://funkyimg.com/i/2vVp5.png', 'http://funkyimg.com/i/2vVp9.png', 'http://funkyimg.com/i/2vVpa.png', 'http://funkyimg.com/i/2vVpb.png', 'http://funkyimg.com/i/2vVpc.png', 'http://funkyimg.com/i/2vVpd.png', 'http://funkyimg.com/i/2vVpe.png', 'http://funkyimg.com/i/2vVph.png', 'http://funkyimg.com/i/2vVpi.png', 'http://funkyimg.com/i/2vVpj.png', 'http://funkyimg.com/i/2vVpk.png', 'http://funkyimg.com/i/2vVpm.png', 'http://funkyimg.com/i/2vVpn.png', 'http://funkyimg.com/i/2vVpo.png', 'http://funkyimg.com/i/2vVpp.png', 'http://funkyimg.com/i/2vVpq.png', 'http://funkyimg.com/i/2vVpr.png', 'http://funkyimg.com/i/2vVpu.png', 'http://funkyimg.com/i/2vVpv.png', 'http://funkyimg.com/i/2vVpw.png', 'http://funkyimg.com/i/2vVpx.png', 'http://funkyimg.com/i/2vVpy.png', 'http://funkyimg.com/i/2vVpz.png', 'http://funkyimg.com/i/2vVpA.png', 'http://funkyimg.com/i/2vVpB.png', 'http://funkyimg.com/i/2vVpC.png', 'http://funkyimg.com/i/2vVpD.png', 'http://funkyimg.com/i/2vVpG.png' ]; $(function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a>Стандарт</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); }); </script>
Поделиться921.10.17 13:24:41
мой фон
.punbb .post .post-author { background:url(https://forumstatic.ru/files/0018/62/1b/68897.jpg) 0 0 repeat-y; /*Фон размножаемый по вертикали*/ overflow: visible!important; margin:12px 0!important; } .punbb .post .post-author > ul { background:url(https://forumstatic.ru/files/0018/62/1b/37071.jpg) 0 top no-repeat,url(https://forumstatic.ru/files/0018/62/1b/37280.jpg) 0 bottom no-repeat; /*Фон верха - низа*/ margin:-12px 0 -12px 0!important; padding:12px 17px!important; }
Поделиться1004.08.18 19:36:12
<center><img src="https://image.ibb.co/bRRzZ8/image.png" style="width: 50px;box-shadow: #7a3b00 4px 4px 4px;border: #864200 double;" title="Нужен кто-то очень нужен"> <img src="https://image.ibb.co/bRRzZ8/image.png" style="width: 50px;box-shadow: #7a3b00 4px 4px 4px;border: #864200 double;" title="Нужен кто-то очень нужен"> <img src="https://image.ibb.co/bRRzZ8/image.png" style="width: 50px;box-shadow: #7a3b00 4px 4px 4px;border: #864200 double;" title="Нужен кто-то очень нужен"> <img src="https://image.ibb.co/bRRzZ8/image.png" style="width: 50px;box-shadow: #7a3b00 4px 4px 4px;border: #864200 double;" title="Нужен кто-то очень нужен"></center>
Поделиться1121.09.18 01:51:41
[html]<style>
html, body {
width: 100%;
height: 500px;
margin: 0;
padding: 0;
font-family: "Helvetica", sans-serif;
}
img {
max-width: 100%;
}
.slider-container{
height: 500px;
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.menu {
position: absolute;
left: 0;
z-index: 900;
width: 100%;
bottom: 0;
}
.menu label {
cursor: pointer;
display: inline-block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 50px;
margin: 0 .2em 1em;
&:hover {
background: red;
}
}
.slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
z-index: 10;
padding: 8em 1em 0;
background-size: cover;
background-position: 50% 50%;
transition: left 0s .75s;
}
[id^="slide"]:checked + .slide {
left: 0;
z-index: 100;
transition: left .65s ease-out;
}
.slide-1 {
background-image: url("http://getwallpapers.com/wallpaper/full/d/7/0/33025.jpg");
}
.slide-2 {
background-image: url("http://www.1zoom.net/big2/240/266314-dikemoon.jpg");
}
.slide-3 {
background-image: url("https://wallpaperstock.net/sailor-moon-14-wallpapers_40470_1920x1200.jpg");
}
</style>
<script>
</script>
<div class="slider-container">
<div class="menu">
<label for="slide-dot-1"></label>
<label for="slide-dot-2"></label>
<label for="slide-dot-3"></label>
</div>
<input id="slide-dot-1" type="radio" name="slides" checked>
<div class="slide slide-1"></div>
<input id="slide-dot-2" type="radio" name="slides">
<div class="slide slide-2"></div>
<input id="slide-dot-3" type="radio" name="slides">
<div class="slide slide-3"></div>
</div>
[/html]
Поделиться1221.09.18 02:15:16
[html]<style>
ul{
display:block;
width:500px;
height:500px;
list-style:none;
background: url(https://i.pinimg.com/564x/26/be/60/26be … e46644.jpg);
transform:translateZ(0);
}
li{
position:relative;
display:block;
float:left;
background:rgba(60,60,60,1);
width:50px;
height:50px;
border-radius:100%;
overflow:hidden;
}
li:before{
position:absolute;
content:'';
width:50px;
height:50px;
top:22px;
left:22px;
border:5px solid white;
width:inherit;
height:inherit;
border-radius:40%;
box-sizing:border-box;
}
[data-state='1'], [data-state='2'], [data-state='3'], [data-state='4'], li{
animation:turn .5s forwards;
}
[data-state='2']{
animation-name:turn1;
}
[data-state='3']{
animation-name:turn2;
}
[data-state='4']{
animation-name:turn3;
}
li{
animation-name:turn3;
}
@keyframes turn{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(90deg);
}
}
@keyframes turn1{
0%{
transform:rotate(90deg);
}
100%{
transform:rotate(180deg);
}
}
@keyframes turn2{
0%{
transform:rotate(180deg);
}
100%{
transform:rotate(270deg);
}
}
@keyframes turn3{
0%{
transform:rotate(270deg);
}
100%{
transform:rotate(360deg);
}
}
/* Boring */
body{
font-family:"Helvetica Neue", sans-serif;
}
h1, p{
text-align:center;
}
h1{
font-size:2em;
}
.center{
margin:0 auto;
width:600px;
}
.right{
float:right;
}
footer{
font-size:.8em;
}
</style>
<script>
var game = {
points : 0,
delay : 510,
init : function(node, point, tweet, w, h){
this.map = new Array(w*h);
this.node = node;
this.point = point;
this.tweet = tweet;
this.w = w;
this.h = h;
this.node.addEventListener('click', function(e){
var element = e.srcElement || e.target;
game.points = 0;
game.turn(element.dataPos, true);
}, true);
this._initNode();
},
turn : function(pos, start){
var item = this.map[pos];
if (start === true){
game.chain(pos, item)
}else{
setTimeout(function(){
game.chain(pos, item);
}, game.delay); // This have to be in sync with the turn animation .5s
}
},
chain : function(pos, item){
if (item.animationRunning) return; // Only do thing when it's not currently animating.
// Fixing bugs where strange things can happen
var state = item.state,
nextItem,
nextPos,
allowed;
state = ( item.state + 1 ) % 4;
if (state === 0 || state === 1){
this.startNext(pos+game.w, [2, 3])
}
if (state === 0 || state === 3){
this.startNext(pos+1, [1,2])
}
if (state === 1 || state === 2){
this.startNext(pos-1, [0,3])
}
if (state === 2 || state === 3){
this.startNext(pos-game.w, [0,1])
}
item.state = state;
item.animationRunning = true;
item.li.setAttribute('data-state', state);
// Just want to make this working.
// here i should use the animationend event!
setTimeout(function(){item.animationRunning = false;}, 500)
game.addPoints();
},
startNext : function(nextPos, allowed){
var nextItem = game.map[nextPos];
if (nextItem !== undefined && allowed.indexOf(nextItem.state) !== -1){
game.turn(nextPos);
}
},
addPoints : function(){
game.points++;
game.tweet.setAttribute('href', "https://twitter.com/intent/tweet?&text="+encodeURIComponent("I scored '"+game.points+"' in this Little Game https://cdpn.io/JjBhk"))
game.point.innerHTML = game.points;
},
_initNode : function(){
var frag = document.createDocumentFragment(),
b = 0, map = this.map;
for (var i=0;i<map.length;i++){
var state = Math.floor(Math.random()*4),
li = document.createElement('li');
li.setAttribute('data-state', state);
li.dataPos = i;
map[i] = {state : state, li : li};
frag.appendChild(li);
}
this.node.innerHTML = "";
this.node.appendChild(frag);
}
}
var board = document.getElementById('board'),
point = document.getElementById('point'),
tweet = document.getElementById('tweet');
game.init(board, point, tweet, 10, 10);
var fast = document.getElementById('fast');
fast.addEventListener('click', function(e){
game.delay = 0;
e.preventDefault();
});
var normal = document.getElementById('normal');
normal.addEventListener('click', function(e){
game.delay = 510;
e.preventDefault();
});
</script>
<h1>Little Game</h1>
<p>Click on a circle to rotate it; connect the pipes and watch everything move.</p>
<div class="center">
<ul id="board"></ul>
<div><span>Points: </span><span id="point"></span></div>
<a id="fast" href="#">Fast mode</a>
<a id="normal" href="#">Normal mode</a>
<div class="right">
<a href="https://twitter.com/share" id="tweet">Tweet Score</a>
</div>
<footer>
<p>Everything is rendered in HTML + CSS, no Canvas used. </p>
</footer>
</div>
[/html]
Поделиться1312.10.18 17:33:20
<style type="text/css">
.topicpost .post-author,.topicpost .pl-email,.topicpost .pl-website{ display: none !important; }
.topicpost .post-body,.topicpost .post-links,.topicpost .post-links ul,.topicpost .post h3>span{
margin-left: 0 !important;
}
</style>
<script>
(function(){
var post_hid_arr = [60];//ID постов со скрытием минипрофиля
var pst_st='<style>';
for(var j=0;j<post_hid_arr.length;j++){var s='#p'+post_hid_arr[j]+' ';
pst_st+=(s+'.post-author,'+s+'.pl-email,'+s+'.pl-website{display:none!important;}');
pst_st+=(s+'.post-body,'+s+'.post-links,'+s+'.post-links ul,'+s+'>h3>span{margin-left:0!important;}');}
pst_st+='</style>';document.write(pst_st);
})()
</script>
Поделиться1403.03.19 00:55:43
[html]<style>
body{
padding-top:0px !important;
}
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family … 00,500,800);
figure.snip1321 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 100px;
max-width: 100px;
width: 100%;
color: #000000;
text-align: center;
-webkit-perspective: 50em;
perspective: 50em;
}
figure.snip1321 * {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
figure.snip1321 img {
max-width: 100%;
vertical-align: top;
}
figure.snip1321 figcaption {
top: 50%;
left: 20px;
right: 20px;
position: absolute;
opacity: 0;
z-index: 1;
}
figure.snip1321 h2,
figure.snip1321 h4 {
margin: 0;
}
figure.snip1321 h2 {
font-weight: 600;
}
figure.snip1321 h4 {
font-weight: 400;
text-transform: uppercase;
}
figure.snip1321 i {
font-size: 32px;
}
figure.snip1321:after {
background-color: #ffffff;
position: absolute;
content: "";
display: block;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
figure.snip1321 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
figure.snip1321:hover:after,
figure.snip1321.hover:after {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 0.9;
}
/* Demo purposes only */
body {
background-color: #212121;
}
</style>
<script>
/* Demo purposes only */
$(".hover").mouseleave(
function () {
$(this).removeClass("hover");
}
);
</script>
<figure class="snip1321"><img src="http://s5.uploads.ru/hW1td.png" alt="sq-sample26"/>
<figcaption><i class="ion-upload"></i>
<h4>Inverness </h4>
<h2>McKenzie</h2>
</figcaption><a href="#"></a>
</figure>
<figure class="snip1321 hover"><img src="http://funkyimg.com/i/2MBrW.png" alt="sq-sample27"/>
<figcaption><i class="ion-stats-bars"></i>
<h4>Ruby </h4>
<h2>Von Rails </h2>
</figcaption><a href="#"></a>
</figure>
<figure class="snip1321"><img src="http://sh.uploads.ru/pKPIY.png" alt="sq-sample28"/>
<figcaption><i class="ion-share"></i>
<h4>Quiche </h4>
<h2>Hollandaise</h2>
</figcaption><a href="#"></a>
</figure>
[/html]
Поделиться1514.03.19 07:29:06
[html]<style>
body{
padding-top:0px !important;
}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);
.snip1543 {
background-color: #fff;
color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
margin: 10px;
max-width: 315px;
min-width: 230px;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.snip1543 img {
backface-visibility: hidden;
max-width: 100%;
vertical-align: top;
}
.snip1543:before,
.snip1543:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #b81212;
opacity: 0.5;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.snip1543:before {
-webkit-transform: skew(30deg) translateX(-80%);
transform: skew(30deg) translateX(-80%);
}
.snip1543:after {
-webkit-transform: skew(-30deg) translateX(-70%);
transform: skew(-30deg) translateX(-70%);
}
.snip1543 figcaption {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
bottom: 0;
padding: 25px 40% 25px 20px;
}
.snip1543 figcaption:before,
.snip1543 figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #b81212;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
content: '';
opacity: 0.5;
z-index: -1;
}
.snip1543 figcaption:before {
-webkit-transform: skew(30deg) translateX(-100%);
transform: skew(30deg) translateX(-100%);
}
.snip1543 figcaption:after {
-webkit-transform: skew(-30deg) translateX(-90%);
transform: skew(-30deg) translateX(-90%);
}
.snip1543 h3,
.snip1543 p {
margin: 0;
opacity: 0;
letter-spacing: 1px;
}
.snip1543 h3 {
font-family: 'Teko', sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
.snip1543 p {
font-size: 0.9em;
}
.snip1543 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0.9;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.snip1543:hover:before,
.snip1543.hover:before {
-webkit-transform: skew(30deg) translateX(-20%);
transform: skew(30deg) translateX(-20%);
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.snip1543:hover:after,
.snip1543.hover:after {
-webkit-transform: skew(-30deg) translateX(-10%);
transform: skew(-30deg) translateX(-10%);
}
.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
-webkit-transform: skew(30deg) translateX(-40%);
transform: skew(30deg) translateX(-40%);
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
-webkit-transform: skew(-30deg) translateX(-30%);
transform: skew(-30deg) translateX(-30%);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
</style>
<script>
/* Demo purposes only */
$(".hover").mouseleave(
function() {
$(this).removeClass("hover");
}
);
</script>
<figure class="snip1543">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample108.jpg" alt="sample108" />
<figcaption>
<h3>Эндимион</h3>
<p>принц</p>
</figcaption>
<a href="#"></a>
</figure>
<figure class="snip1543"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample100.jpg" alt="sample100" />
<figcaption>
<h3>Артемис</h3>
<p>тот еще кот</p>
</figcaption>
<a href="#"></a>
</figure>
<figure class="snip1543"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample101.jpg" alt="sample101" />
<figcaption>
<h3>Меркурий</h3>
<p>темная</p>
</figcaption>
<a href="#"></a>
</figure>
[/html]
Поделиться1616.03.19 02:10:23
[html]<style>
body{
padding-top:0px !important;
}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);
.snip1543 {
background-color: #fff;
color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
margin: 10px;
max-width: 315px;
min-width: 230px;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.snip1543 img {
backface-visibility: hidden;
max-width: 100%;
vertical-align: top;
}
.snip1543:before,
.snip1543:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #28284e;
opacity: 0.5;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.snip1543:before {
-webkit-transform: skew(30deg) translateX(-80%);
transform: skew(30deg) translateX(-80%);
}
.snip1543:after {
-webkit-transform: skew(-30deg) translateX(-70%);
transform: skew(-30deg) translateX(-70%);
}
.snip1543 figcaption {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
bottom: 0;
padding: 25px 40% 25px 20px;
}
.snip1543 figcaption:before,
.snip1543 figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #28284e;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
content: '';
opacity: 0.5;
z-index: -1;
}
.snip1543 figcaption:before {
-webkit-transform: skew(30deg) translateX(-100%);
transform: skew(30deg) translateX(-100%);
}
.snip1543 figcaption:after {
-webkit-transform: skew(-30deg) translateX(-90%);
transform: skew(-30deg) translateX(-90%);
}
.snip1543 h3,
.snip1543 p {
margin: 0;
opacity: 0;
letter-spacing: 1px;
}
.snip1543 h3 {
font-family: 'Teko', sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
.snip1543 p {
font-size: 0.9em;
}
.snip1543 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0.9;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.snip1543:hover:before,
.snip1543.hover:before {
-webkit-transform: skew(30deg) translateX(-20%);
transform: skew(30deg) translateX(-20%);
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.snip1543:hover:after,
.snip1543.hover:after {
-webkit-transform: skew(-30deg) translateX(-10%);
transform: skew(-30deg) translateX(-10%);
}
.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
-webkit-transform: skew(30deg) translateX(-40%);
transform: skew(30deg) translateX(-40%);
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
-webkit-transform: skew(-30deg) translateX(-30%);
transform: skew(-30deg) translateX(-30%);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
</style>
<script>
/* Demo purposes only */
$(".hover").mouseleave(
function() {
$(this).removeClass("hover");
}
);
</script>
<figure class="snip1543">
<img src="https://i.pinimg.com/564x/b2/89/5f/b2895f96123b331f5ef29e98fd54ce10.jpg" alt="sample108" />
<figcaption>
<h3>Новости</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</figcaption>
<a href="#"></a>
</figure>
[/html]
Поделиться1716.03.19 07:34:50
[html]<style>
body{
padding-top:0px !important;
}
#menu {
margin: 0;
width: auto;
background-color: #565656;
font-size: 16px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: left;
padding: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
}
#menu ul {
margin: 0;
padding: 8px 0;
list-style: none;
height: auto;
}
#menu li {
display: inline;
padding: 8px;
}
#menu a {
color: #FFF;
padding: 10px;
text-decoration: none;
}
#menu a:hover {
background-color: #1B191B;
color: #FFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
}
#menu li .active {
background-color: #1B191B;
color: #FFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
}
</style>
<script>
</script>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
[/html]
Поделиться1816.03.19 07:59:21
<!-- Смена шапки по времени суток -->
<script language="JavaScript">
<!--
theTime = new Date();
theHour = theTime.getHours();
if(theHour>6&&theHour<18){
document.write('<style>body{background: url("https://forumstatic.ru/files/0017/50/e4/89980.jpg") no-repeat scroll center top, rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0017/7f/09/35313.jpg") repeat-y scroll center top -64px;color: #120f2e !important;}</style><div id="fireflyes"></div>');
}
else{
document.write('<style>body{background: url("https://forumstatic.ru/files/0017/50/e4/33487.jpg") no-repeat scroll center top, rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0017/7f/09/35313.jpg") repeat-y scroll center top -64px;color: #120f2e !important;}</style><div id="shine"></div><div id="shine1"></div><div id="shine2"></div><div id="shine3"></div><div id="shine4"></div><div id="fireflyes" style="display:none;"></div>');
}
-->
</script>
<!-- Конец -->
Поделиться1916.03.19 08:52:24
<!-- юзер-панель -->
<div id="u-ava"></div>
<script type="text/javascript">
if (UserAvatar == ""){UserAvatar = "http://s8.uploads.ru/OWEbn.png"}
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="u-ava") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватар'><img style='max-width:75px;max-height:97px;' src="+UserAvatar+"></a>"+name
}
if(arr[i].id=="u-ava" && GroupID == "3") {
arr[i].innerHTML="<a href='/register.php'><img style='padding-top:8px; max-width:75px;max-height:97px' src='http://s8.uploads.ru/OWEbn.png' title='Moon Prism Power Make Up!'></a>"+name
}
i++}
</script>
<div id="u-text"></div>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="u-text") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/profile.php?id="+UserID+"'>Мой профиль</a> <a href='/messages.php'>Личные сообщения</a>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id == "u-text" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<li id=\'navpiar\'><a onclick=\'PiarIn()\'><span style=\'cursor:pointer\'>Пиар-вход</span></a></li>"
}i++}
</script>
</div>
Поделиться2017.03.19 08:52:07
[html]<style>
body{
padding-top:0px !important;
}
@import url(https://fonts.googleapis.com/css?family=Oswald);
body {
background-color:#f9f9f9;
font-size:16px
color:#444;
}
.post-body h2{
color:#f54325;
font-family:'Oswald';
font-weight:400;
text-align:center;
}
.post-body {
max-width:680px;
margin:20px auto;
border:10px solid #f0f0f0;
padding:15px 20px;
background-color:#fff;
color:#444;
font-family:'Arial';
font-size:13px;
}
.admenus * {
margin:0;
padding:0;
}
ul.admenus {
list-style:none;
line-height:1;
overflow:visible!important;
}
ul.admenus:after {
margin:0;
padding:0;
content:' ';
display:block;
height:0px;
clear:both;
}
ul.admenus li {
float:left;
display:inline;
position:relative;
font-size:14px;
font-weight:400;
text-transform:uppercase;
}
ul.admenus li a {
display:block;
line-height:50px;
padding:0 20px;
text-decoration:none;
color:#2c2c2c;
font-family:'Oswald';
font-size:13px;
font-weight:400;
transition:all 0.3s ease-in-out;
}
ul.admenus li a:hover,ul.admenus li a.hoverover {
background:#f54325;
color:#fff;
}
ul.admenus ul {
position:absolute;
display:none;
top:100%;
border:1px solid #ccc;
}
ul.admenus li:hover > ul {
display:block;
}
ul.admenus ul li {
z-index:72;
float:none;
min-width:160px;
background:#f5f5f5;
text-shadow:none;
}
ul.admenus ul li a {
text-transform:none;
font-weight:normal;
color:#aaa;
font-family:'Arial';
}
ul.admenus ul li a:hover,ul.adajaxmenu ul li a.hover {
background:#f54325;
}
ul.admenus ul ul {
display:none;
left:100%;
top:0;
}
ul.adajaxmenu li div.submenu {
position:absolute;
width:600px;
z-index:90;
left:0;
top:100%;
overflow:hidden;
min-height:150px;
background:#f0f0f0;
-moz-transform:translate(0,30px);
-webkit-transform:translate(0,30px);
-o-transform:translate(0,30px);
transform:translate(0,30px);
transform-origin:50% 0;
visibility:hidden;
opacity:0;
color:#929292;
box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);
transition:all 0.3s ease-in-out;
}
ul.adajaxmenu li:hover div.submenu {
visibility:visible;
opacity:1;
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
ul.adajaxmenu ul ,ul.adajaxmenu ul li {
display:block!important;
border:0 none!important;
margin:0!important;
padding:0!important;
}
ul.adajaxmenu ul li {
background:none!important;
float:none!important;
}
ul.adajaxmenu ul.verticlemenu {
position:absolute;
width:33%;
left:0;
top:0;
bottom:0;
background:#202020;
}
ul.adajaxmenu ul.postslist {
position:relative;
display:block;
width:65%;
float:right;
margin:0 0 15px 0!important;
background:none;
}
ul.adajaxmenu ul.postslist li {
display:block;
overflow:hidden;
position:relative;
min-height:60px;
padding:15px 8px 15px 110px!important
}
ul.adajaxmenu ul.postslist li .imgCont {
position:absolute;
left:0;
top:15px;
width:100px;
height:70px;
overflow:hidden;
font-size:0;
line-height:0;
border:1px solid #929292;
}
ul.adajaxmenu ul.postslist li .imgCont img {
position:relative;
top:-20px;
padding:0;
width:100px;
height:100px;
display:block;
}
ul.adajaxmenu ul.postslist li a {
display:block;
line-height:1.4;
padding:0!important;
color:#666;
font-family:'Arial';
font-size:12px;
transition:all 0.3s ease-in-out;
}
ul.adajaxmenu ul.postslist li a:hover {
color:#f54325;
background:transparent;
}
ul.adajaxmenu .loader {
background: url('https://4.bp.blogspot.com/-sRHd2OR7omQ/VFBOax0jdNI/AAAAAAAABgg/ei6bgO1agM0/s1600/adloading.gif') no-repeat scroll 0 0 transparent;
width:22px;
height:22px;
position:absolute;
top:50%;
margin-top:-11px;
right:5px;
}
ul.adajaxmenu .menuArrow {
border-bottom:4px solid transparent;
border-top:4px solid transparent;
border-left:4px solid #fff;
display:block;
height:0;
margin-top:-4px;
position:absolute;
right:11px;
top:50%;
width:0;
}
#adajaxmenu {
background:#fff;
height:50px;
width:100%;
position:relative;
border:1px solid #e6e6e6;
max-width:980px;
margin:0 auto;
padding:0 20px;
}
li.search-form{
float:right!important;
line-height:50px;
margin:0 20px 0 0;
}
li.search-form .searchbar{
border:none;
padding:10px 5px;
background:#f9f9f9;
color:#fff;
width:130px;
}
li.search-form .searchbar:focus{
border:none;
outline:none;
background:#fafafa;
color:#666;
}
li.search-form .searchsubmit{
background:#f54325;
border:none;
color:#fff;
cursor:pointer;
padding:10px 5px;
transition:all 0.3s ease-in-out;
}
li.search-form .searchsubmit:hover{
opacity:0.9;
}
.search-alert{
color:#f9f9f9;
padding:2px 15px 2px 40px;
display:none;
margin:5px;
background:#333 url(https://4.bp.blogspot.com/-Pzf65SZdXYo/ … dicate.png) no-repeat;
background-position:10px;
border-radius:5px;
text-transform:lowercase;
}
</style>
<script>
jQuery(document).ready(function($) {
$('#adajaxmenu').ajaxBloggerMenu({
numPosts : 4, // Number of Posts to show
defaultImg : 'http://url-to-image.com/default-image.jpeg' // Default thumbnail Image
});
});
$(function(){
$('.searchblog').submit(function(e){
if($('.search-form .searchbar').val().length==0){
$('.search-form .search-alert').fadeIn().css('display','inline-block');
e.preventDefault();
}
});
});
</script>
<body>
<ul id="adajaxmenu" class="admenus">
<li><a href='/'><i class='fa fa-home fa-lg'></i></a></li>
<li>
<a href="#">Rooting</a>
<ul>
<li><a href="http://www.smartphoneroot.in/search/label/Sony">SONY</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Samsung">SAMSUNG</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Acer">ACER</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/HTC">HTC</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Gionee">GIONEE</a></li>
</ul>
</li>
<li>
<a href="#">ANDROID</a>
<ul>
<li><a href="http://www.smartphoneroot.in/search/label/Micromax">MICROMAX</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Karbonn">KARBONN</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Huawei">HUAWEI</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/LG">LG</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/HP">HP</a></li>
</ul>
</li>
<li>
<a href="#">NEW TUTORIALS</a>
<ul>
<li><a href="http://www.smartphoneroot.in/search/label/Lenovo">LENOVO</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Google">GOOGLE</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Motorola">MOTOROLA</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Xolo">XOLO</a></li>
<li><a href="http://www.smartphoneroot.in/search/label/Prestigio">PRESTIGIO</a></li>
</ul>
</li>
<li>
<li><a href="http://www.askwithloud.com/p/sitemap.html">Sitemap</a></li>
<li><a href="http://www.askwithloud.com/p/contact.html">Contact</a></li>
<li class='search-form'>
<form action='/search' class='searchblog' method='get'>
<input class='searchbar' name='q' placeholder='Search Here' size='30' type='text'/>
<input class='searchsubmit' type='submit' value='Search'/>
</form>
<p class='search-alert'>Search form is empty!
</li>
</ul>
<div class='clear'/>
</ul>
<div class='clear'/>
<div class='post-body'>
<h2 class='post-title'>Simple Ajax Menu By Askwithloud</h2>
<p>How to add a dynamic drop down mega menu navigation bar into your blogger blog - As you already know that, the navigation menu (Drop down menu) is coming with every blogger templates. However, some premium templates are coming with a dynamic mega menu navigation bar. And the best part of this navigation bar is that it's looking more attractive, comparing to the other menu bar. So don't worry friend, I'm here with a new ajax mega menu bar and today I'm going to show you how you can easily set up this mega navigation menu bar into your blogger blog without any problems.</p>
<br>
<center><a href="http://www.askwithloud.com/2015/08/ajax-mega-drop-down-menu-for-blogger.html"> <b>Go To The Main Article Page :) </b> </a></center>
</div>
</body>
[/html]
Поделиться2117.03.19 10:25:55
[html]<style>
body{
padding-top:0px !important;
}
/* Menu Dropdown */
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.menu,
.submenu {
margin: 0;
padding: 0;
list-style: none;
}
.menu {
margin: 50px auto;
width: 800px;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
.menu > li {
background: #34495e;
float: left;
position: relative;
transform: skewX(25deg);
}
.menu a {
display: block;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-family: Arial, Helvetica;
font-size: 14px;
}
.menu li:hover {
background: #e74c3c;
}
.menu > li > a {
transform: skewX(-25deg);
padding: 1em 2em;
}
/* Dropdown */
.submenu {
position: absolute;
width: 200px;
left: 50%; margin-left: -100px;
transform: skewX(-25deg);
transform-origin: left top;
}
.submenu li {
background-color: #34495e;
position: relative;
overflow: hidden;
}
.submenu > li > a {
padding: 1em 2em;
}
.submenu > li::after {
content: '';
position: absolute;
top: -125%;
height: 100%;
width: 100%;
box-shadow: 0 0 50px rgba(0, 0, 0, .9);
}
.submenu > li:nth-child(odd){
transform: skewX(-25deg) translateX(0);
}
.submenu > li:nth-child(odd) > a {
transform: skewX(25deg);
}
.submenu > li:nth-child(odd)::after {
right: -50%;
transform: skewX(-25deg) rotate(3deg);
}
.submenu > li:nth-child(even){
transform: skewX(25deg) translateX(0);
}
.submenu > li:nth-child(even) > a {
transform: skewX(-25deg);
}
.submenu > li:nth-child(even)::after {
left: -50%;
transform: skewX(25deg) rotate(3deg);
}
/* Show dropdown */
.submenu,
.submenu li {
opacity: 0;
visibility: hidden;
}
.submenu li {
transition: .2s ease transform;
}
.menu > li:hover .submenu,
.menu > li:hover .submenu li {
opacity: 1;
visibility: visible;
}
.menu > li:hover .submenu li:nth-child(even){
transform: skewX(25deg) translateX(15px);
}
.menu > li:hover .submenu li:nth-child(odd){
transform: skewX(-25deg) translateX(-15px);
}
</style>
<script>
</script>
<ul class="menu cf">
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Menu item</a></li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Menu item</a>
<ul class="submenu">
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Submenu item</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Submenu item</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Submenu item</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Submenu item</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Menu item</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Menu item</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1719501309664700552">Menu item</a></li>
</ul>
[/html]
Поделиться2217.03.19 10:30:25
<table style=cellpadding="0" cellspacing="0" border="0" align="center" valign="top">
<tr>
<td style="width: 25%;" align="center" valign="left" rowspan="2">
<!-- юзер-панель -->
<div id="u-ava"></div>
<script type="text/javascript">
if (UserAvatar == ""){UserAvatar = "http://s8.uploads.ru/OWEbn.png"}
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="u-ava") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватар'><img style='max-width:75px;max-height:97px;' src="+UserAvatar+"></a>"+name
}
if(arr[i].id=="u-ava" && GroupID == "3") {
arr[i].innerHTML="<a href='/register.php'><img style='padding-top:8px; max-width:75px;max-height:97px' src='http://s8.uploads.ru/OWEbn.png' title='Moon Prism Power Make Up!'></a>"+name
}
i++}
</script>
</div>
</td>
<br/>
<td style="width: 40%;" align="center" valign="top"><div style="width: 100%; overflow-y: auto;">
<br/>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<p><span>01.12.</span> <b>НОВОСТИ!</b></p>
<br/>
И просто много всякого полезного текста.
</td>
<td style="width: 25%;" align="center" valign="top" rowspan="2">
<br/>
<a href="ссылка на тему" class="tvm" target="">Правила </a>
<a href="ссылка на тему" class="tvm" target="">Сюжет </a>
<a href="ссылка на тему" class="tvm" target="">Основное </a>
<a href="ссылка на тему" class="tvm" target="">FAQ</a>
<a href="ссылка на тему" class="tvm" target="">Шаблон анкеты </a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
<a href="ссылка на тему" class="tvm" target="">Расы</a>
<a href="ссылка на тему" class="tvm" target="">Список ролей</a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
</td>
</tr>
</table>
Поделиться2317.03.19 12:05:30
[html]<style>
body{
padding-top:0px !important;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: verdana;
}
nav{
width: 450px;
height: 110px;
margin: 50px auto;
text-align: center;
padding: 10px;
overflow: hidden;
border-bottom: 2px solid #fff;
}
nav a{
text-decoration: none;
display: block;
width: 140px;
float: left;
color: #fff;
padding: 15px;
transform: rotate(-45deg);
margin-top: 50px;
padding-left: 45px;
box-shadow: 0 0 5px #000;
position: relative;
font-size: 15px;
text-shadow: 1px 1px 1px #000;
}
#red{
background-color: #dc143c;
}
#purple{
background-color: #8b008b;
margin-left: -72px;
}
#pink{
background-color: #ff1493;
margin-left: -72px;
}
#blue{
background-color: #1e90ff;
margin-left: -72px;
}
#green{
background-color: #228b22;
margin-left: -72px;
}
#red:hover,#purple:hover,#pink:hover,#blue:hover,#green:hover,
#red:focus,#purple:focus,#pink:focus,#blue:focus,#green:focus{
background-color: #fafafa;
color: #000;
text-shadow: none;
}
</style>
<script>
</script>
<div class="main">
<nav>
<a href="#" id="red">Home</a>
<a href="#" id="purple">Gallery</a>
<a href="#" id="pink">Download</a>
<a href="#" id="blue">About</a>
<a href="#" id="green">Contact</a>
</nav>
</div>
[/html]
Поделиться2425.03.19 23:05:25
<!-- копирайт начало -->
<div id="logobottom">
<!-- строка баннеров -->
<table style=cellpadding="0" cellspacing="0" border="0" align="center" valign="top">
<tr>
<td style="width: 25%;" align="center" valign="left" rowspan="2">
<div id="banners">
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25480&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/25480' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+
"<img src='//img.rpgtop.su/88x31x11x4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25488' width='1' height='1' border='0'><a href='https://rpgtop.su/25488' target='_blank'><img src='//img.rpgtop.su/88x31x11x7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
</div>
</td>
<td style="width: 25%;" align="center" valign="top" rowspan="2">
<!-- Партнеры -->
<div id="partners">
<a href="http://forum-top.ru/vote/6232" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<a href="http://kiri.rolka.su/"><img src="https://i.imgur.com/uDOxCRB.png" title="NARUTO: UNTOLD STORIES"></a>
<a href="http://artishock.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a>
<a href="http://aerie.anihub.ru/"><img src="https://forumstatic.ru/files/0017/ab/69/54706.png" title="Мир неба"></a>
<a href="http://ainhoa.anihub.ru" target=_blank><img src="https://forumstatic.ru/files/0018/28/7e/44733.png" alt="Fables of Ainhoa"></a>
<a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=20375' target='_blank'>
<script type="text/javascript">
Mz = "wh=" + screen.width + 'x' + screen.height;
My = "<img src='https://palantir.in/count.php?id=20375&cid=concept6.png";
My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer);
My += '&pg=' + encodeURIComponent(window.location.href);
My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";
document.write(My);</script>
<noscript><img src="https://palantir.in/count.php?id=20375&cid=concept6.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px"
height="31px"></noscript>
</a>
<a target="_blank" href="http://twilightsugame.rusff.me/"><img src="https://i.yapx.ru/CV1vS.gif"></a>
<a href="http://dragonageone.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/4f/84/33298.png" title="Dragon Age: We are one"border="0"width="88" height="31"></a>
<a href="http://narutonext.ru/" target="_blank"><img src="http://s7.uploads.ru/t/mWD2h.gif" title="Naruto. Everything is changing" border="0" width="88" height="31" /></a>
<a href="http://dgmkwr.ru/" target="_blank"><img src="http://s3.uploads.ru/LoTls.jpg
" title=" D. Gray-man. The hidden side of war" /></a>
<a href="http://narutochronicles.rolbb.ru" target="_blank"><img src="https://forumstatic.ru/files/0019/f9/bb/55333.png" title="Naruto chronicles"></a>
</div>
</td>
<td>
<figure class="snip1543">
<img src="https://forumstatic.ru/files/0018/62/1b/81208.png" alt="sample108" />
<figcaption>
<h3>Новости</h3>
<p>Добро пожаловать на форумную ролевую игру "Sailor Moon. Eclipse". Скорее занимайте любимую роль, примите одну из сторон - сильная и расцветающая тьма или верующий, но ослабевший свет, и вливайтесь в нашу дружную семью! Начало игры - 7 июля 1995 года. Вдохновения вам, волшебные, и да пребудет с вами сила :з </p>
</figcaption>
<a href="#"></a>
</figure>
</td>
</tr>
</table>
<!-- копирайт конец -->
Поделиться2525.03.19 23:40:45
<table style=cellpadding="0" cellspacing="0" border="0" align="center" valign="top">
<tr>
<td style="width: 25%;" align="center" valign="top" rowspan="2">
<font face="Trebuchet MS" size="3"><b><i>Для гостей:</i></b></font>
<br/>
<a href="ссылка на тему" class="tvm" target="">Правила </a>
<a href="ссылка на тему" class="tvm" target="">Сюжет </a>
<a href="ссылка на тему" class="tvm" target="">Основное </a>
<a href="ссылка на тему" class="tvm" target="">FAQ</a>
<a href="ссылка на тему" class="tvm" target="">Шаблон анкеты </a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
<a href="ссылка на тему" class="tvm" target="">Расы</a>
<a href="ссылка на тему" class="tvm" target="">Список ролей</a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
</td>
<br/>
<td style="width: 40%;" align="center" valign="top"><div style="width: 100%; height: 100px; overflow-y: auto;">
<font face="Trebuchet MS" size="3"><b><i>Новости форума:</i></b></font>
<br/>
Приветствие. Какая-нибудь важная информация для гостей и игроков. Указание всяческих-всяческих событий, возможно, некоторые вынесенные темы.
<br/>
И просто много всякого полезного текста.
</td>
<td style="width: 25%;" align="center" valign="top" rowspan="2">
<font face="Trebuchet MS" size="3"><b><i>Для игроков:</i></b></font>
<br/>
<a href="ссылка на тему" class="tvm" target="">Правила </a>
<a href="ссылка на тему" class="tvm" target="">Сюжет </a>
<a href="ссылка на тему" class="tvm" target="">Основное </a>
<a href="ссылка на тему" class="tvm" target="">FAQ</a>
<a href="ссылка на тему" class="tvm" target="">Шаблон анкеты </a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
<a href="ссылка на тему" class="tvm" target="">Расы</a>
<a href="ссылка на тему" class="tvm" target="">Список ролей</a>
<a href="ссылка на тему" class="tvm" target="">Акции </a>
</td>
</tr>
<tr>
<td style="width: 40%;" align="center" valign="top">
<br/>
<font face="Trebuchet MS" size="3"><b><i>Выдающиеся игроки:</i></b></font>
<br/>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
</td>
</tr>
<tr>
<td style="width: 25%;" align="center" valign="top">
<br/>
<font face="Trebuchet MS" size="3"><b><i>Администраторы:</i></b></font>
<br/>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a></td>
<td style="width: 40%;" align="center" valign="top">
<br/>
<font face="Trebuchet MS" size="3"><b><i>Топы:</i></b></font>
<br/><a href="ссылка на топ" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x2.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href='ссылка на топ' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://img.rpgtop.su/88x31x11x2.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a title="Каталог фэнтези сайтов Палантир" href='ссылка на топ' target='_blank'><img src="http://palantir.in/count.php?id=15728&cid=concept_4.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a>
</td>
<td style="width: 25%;" align="center" valign="top">
<br/>
<font face="Trebuchet MS" size="3"><b><i>Модераторы:</i></b></font>
<br/>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/KS9bH.png" title="Имя"></a>
</td>
</tr>
</table>
Поделиться2726.03.19 01:13:50
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: transparent url("https://image.ibb.co/mUPvGy/table_top1.png") no-repeat scroll top center;
width: 943px;
height: 80px;
line-height: 76px;
color: #073e57;
font-family: cambria;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
background-color: transparent;
}
Поделиться2826.03.19 02:07:11
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 1// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 1 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "https://forumstatic.ru/files/0018/62/1b/86372.png[Игрок]", "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-posts", //Кол-во сообщений: "pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online - Не засовываем в спойлеры // 2 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/50155.png[Персонаж]", "pa-fld2", // 3 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/50155.png[Инвентарь]", "pa-fld3", // 4 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/50155.png[Награды]", "pa-fld1", //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик--> <!— Кнопки онлайн и оффлайн —> <script type="text/javascript"> var L0='<img class="imgON_Off" src="'; var L1='" style="width:87px;margin-top:-6px;margin-left:40px;display:block;" />'; var ImgON="http://s8.uploads.ru/sbM3v.png"; // Картинка Online; var ImgOff="http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png"; // Картинка OffLine; $("div.post-author ul li.pa-avatar").each(function () { if ($(this).parents('.post-author').find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1) }else $(this).append(L0+ImgOff+L1); }); </script> <!--Конец//=Кнопки онлайн и оффлайн--> <!-- Перемещение ссылок удалить редактировать и тд --> <style type="text/css"> div.post-links { border: none !important; margin-bottom: -12px !important; margin-right: 23px; } .post-links ul { border: none !important; } </style> <script type="text/javascript"> $('.post').each(function(){ $(this).find('div.post-links').prependTo(this); }); </script> <!--Конец//=Перемещение ссылок удалить редактировать и тд--> <!-- пользовательские ссылки у ника ч.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:#; border:double 1px #;} .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://illiweb.com/fa/prosilver/arrow_down.gif) no-repeat;width:7px;height:7px;position:absolute;top:10px;right:17px;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> <!--Запятая после ника--> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!--Счетчик символов в сообщении--> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!--стиль для баннеров--> <script type="text/javascript"> function visibilityON() { document.getElementById("mylist").style.visibility="visible" } function visibilityOFF() { document.getElementById("mylist").style.visibility="hidden" } </script> <!-- копирайт начало --> <div id="logobottom"> <table style=cellpadding="0" cellspacing="0" border="0" align="center" valign="top"> <tr> <td style="width: 30%;" align="center" valign="left" rowspan="2"> <!-- Партнеры --> <div id="partners"> <a href="http://forum-top.ru/vote/6232" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <a href="http://kiri.rolka.su/"><img src="https://i.imgur.com/uDOxCRB.png" title="NARUTO: UNTOLD STORIES"></a> <a href="http://artishock.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a> <a href="http://aerie.anihub.ru/"><img src="https://forumstatic.ru/files/0017/ab/69/54706.png" title="Мир неба"></a> <a href="http://ainhoa.anihub.ru" target=_blank><img src="https://forumstatic.ru/files/0018/28/7e/44733.png" alt="Fables of Ainhoa"></a> <a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=20375' target='_blank'> <script type="text/javascript"> Mz = "wh=" + screen.width + 'x' + screen.height; My = "<img src='https://palantir.in/count.php?id=20375&cid=concept6.png"; My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer); My += '&pg=' + encodeURIComponent(window.location.href); My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>"; document.write(My);</script> <noscript><img src="https://palantir.in/count.php?id=20375&cid=concept6.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a target="_blank" href="http://twilightsugame.rusff.me/"><img src="https://i.yapx.ru/CV1vS.gif"></a> <a href="http://dragonageone.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/4f/84/33298.png" title="Dragon Age: We are one"border="0"width="88" height="31"></a> <a href="http://narutonext.ru/" target="_blank"><img src="http://s7.uploads.ru/t/mWD2h.gif" title="Naruto. Everything is changing" border="0" width="88" height="31" /></a> <a href="http://dgmkwr.ru/" target="_blank"><img src="http://s3.uploads.ru/LoTls.jpg " title=" D. Gray-man. The hidden side of war" /></a> <a href="http://narutochronicles.rolbb.ru" target="_blank"><img src="https://forumstatic.ru/files/0019/f9/bb/55333.png" title="Naruto chronicles"></a> </div> </td> <br/> <td style="width: 65%;" align="center" valign="top"><div style="width: 100%; overflow-y: auto;"> <br> <div id="postebox"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <br> </td> <td> <div id="postava"> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> </div> </td> <td> <div id="best"> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> </div> </td> </tr> </table> </div> <!-- копирайт конец -->
Поделиться2926.03.19 02:11:33
moon низ хтмл
<script type="text/javascript"><!-- Dise_2 - Ч.2 в HTML низ --> //ID=172#p15902; FORUM.dise_Array = [1,3]; // 0 - Просмотр cообщений в форумах с Дайсами гостем возможен;(запись закрыта скриптом) // 1 - Cкрытие возможности просмотра тем для гостя в Дайс-форумах; FORUM.GuestHideDise_Forum = 0; /*Set функция:*/ FORUM.set_Dise2 (); </script><!-- END//Ч.2 в HTML низ Dise_2 ---> <!--темы и сообщения--> <script type="text/javascript"> $('#pun-index .category td.tcl .tclcon').each(function() { var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right" >'+$(this).parents('tr:first').find('td.tc2').text()+'</span></div><div style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>'; $(str).appendTo(this) }); </script> <!--скрипт всплывающей подсказки --> <script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script> <script> $(document).ready(function(){ $('a [title]').quicktip({ speed:700 }); $('img [title]').quicktip({ speed:700 }); $('div [title]').quicktip({ speed:700 }); $('span [title]').quicktip({ speed:700 }); }); </script> <!-- Новые сообщения --> <script type="text/javascript"> $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); </script> <!-- Конец --> <script type="text/javascript"> // Убираем "Порекомендовать эту страницу" rusffLive.enable = false; </script> <!--скрыть поле профиля--> <script type="text/javascript"> var A=[1] $(".post .post-author li").each(function (){ for(var i in A){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </script> <!-- Вставить картинку в пост --> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!--Регулирование размера шрифта--> <script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></script> <!-- Выравнивание по ширине --> <style type="text/css"> #button-justify { background:url(https://i.imgur.com/Qn8Opej.png) center no-repeat!important;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#post #button-center").after('<td id=button-justify align=center valign=center title="Выравнивание по ширине"><img onclick="bbcode(\' \',\' \')" src="/i/blank.gif"/></td>');}); </script> <!-- КОНЕЦ --> <!-- Восстановление последнего поста при утере --> <script> /* by Человек-Шаман */ $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!-— Кликабельность ника в постах гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!-— Конец --> <!-- Разделение ников пользователей в теме запятой --> <script>$('#topic-users-in a').prev('a').after(',');</script> <!--обтекание изображения 2.4.4--> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\}} </script> <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> <div><strong>Направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left; margin: 15px; text-align: (.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>") }} </script> <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> <div><strong>Направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left;'>', '')" /> <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('', '')" /> </div></div> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "https://forumstatic.ru/files/0018/62/1b/86372.png[Игрок]", "pa-fld1", //Доп.Поле.1 //"pa-online", //Пользователь online - Не засовываем в спойлеры // 2 кнопка- ссылка на Картинку "https://forumstatic.ru/files/0018/62/1b/50155.png[Награды]", "pa-from", //Откуда "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-posts", //Кол-во сообщений: "pa-respect", //Уважение: "pa-positive", //Позитив "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: "pa-fld2", //Доп.Поле.1 //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик--> <!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже --> <style type="text/css"> /*Подвижка иконки*/ img.a-info{ margin-top: -20px !important; margin-left: 23px !important; } /*Подвижка всплывающей подсказки иконки*/ .tipsy.a-info{ margin-top: -2px!important; margin-left:-6px!important; font: normal normal 400 11px/16.5px Verdana; } /*сдвиг таблицы*/ .my-tabs{ margin-top: 0px; /*сдвиг таблицы вверх от положения иконки*/ margin-left:255px; /*сдвиг таблицы вправо от положения иконки*/ } /*Цвет фона и бордюров таблицы*/ .my-tabs>.tab-a,.my-tabs>span{ background: #e6e5e3!important; border-color: #a7a39c!important; } </style> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/71/cf/75773.css" /> <script img-data="https://forumstatic.ru/files/0019/71/cf/15502.png" src="https://forumstatic.ru/files/0019/83/dc/72319.js" forum="0"></script> <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// --> <!--Регулирование размера шрифта--> <script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></script> <!-- Аватар по умолчанию / Deff, Alex_63 --> <script type="text/javascript"> var DefAvtr = 'https://forumstatic.ru/files/0019/71/cf/99307.png'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://forumstatic.ru/files/0019/71/cf/99307.png'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); });$('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <!--Медальки в профиль(топик)--> <style> /****************************************************************/ /*CSS МЕДАЛЬКИ В ПРОФИЛЬ(ТОПИК) */ /****************************************************************/ .tipsy.title-awards .tipsy-inner { letter-spacing:1px!important; font-size:12px!important; font-family: 'Times New Roman'; max-width:300px;} .awards { cursor: pointer; margin: 1px; max-height: 36px; max-width: 36px; opacity: 0.9; padding-left: 0.5px; transition: all 0.5s ease 0s;} .awards:hover { background: #375d7a none repeat scroll 0 0 !important; border-radius: 50px; margin: 1px; opacity: 1; transform: rotate(25deg);} </style><div id=Myawrd style="display:none;"> <!--================================================= //НОМЕР НАГРАДЫ // ЗА ЧТО // CCЫЛКА НА КАРТИНКУ //=================================================--> <p>1,Добро пожаловать,https://i.ibb.co/XSXNRZX/1.png</p> <p>2,На страже добра,https://i.ibb.co/vwN9Wmk/23.png</p> <p>3,Верноподанный Мертвой Луны,https://i.ibb.co/LZnH1G3/22.png</p> <p>4,За 50+ в репутации :З,https://i.ibb.co/c3w6RGV/12.png</p> <p>5,Участнику конкурса по поиску Зеркала,https://i.ibb.co/k0ZsZJm/5.png</p> <p>6,За преданность,https://i.ibb.co/92cKBXJ/19.png</p> <p>7,За скорость в написании постов,https://i.ibb.co/WBTwG54/24.png</p> <p>8,За 1000 сообщений,https://i.ibb.co/Npr9FyK/9.png</p> <p>9,лунный ловец Снов,https://i.ibb.co/Q9kJYwg/13.png</p> <p>10,Королева Мертвой Луны,https://i.ibb.co/84PWP5H/3.png</p> <p>11,За первый завершенный игровой эпизод,https://i.ibb.co/CzcL2wR/11.png</p> <p>12,За разгадывание загадок газеты,https://i.ibb.co/7zmd9kB/20.png</p> <p>13,Онлайн на форуме больше админа,https://i.ibb.co/wN37TMr/14.png</p> <p>14,За выполнение заданий тыквы,https://i.ibb.co/s642BFG/17.png</p> <p>15,Ящик Пандоры - за множество идей,https://i.ibb.co/DQyCN8G/26.png</p> <p>16,За горячий эпизод,https://i.ibb.co/0Bg1kL4/15.png</p> <p>17,Все что сделано - с любовью,https://i.ibb.co/XSZ3fVy/28.png</p> <p>18,Огненный Амулет от ведьмы в конкурсе,https://i.ibb.co/WGWbnZv/29.png</p> <p>19,Некуда спешить - эпизод длинною в жизнь,https://i.ibb.co/gFV8Kxk/30.png</p> <p>20,За помощь,https://i.ibb.co/LzCBLcz/31.png</p> <p>21,Лучшая пара,https://i.ibb.co/HTWgYqW/32.png</p> <p>22,Лучший пост,https://i.ibb.co/fDc3LMx/33.png</p> <p>23,Зимние конкурсы,https://i.ibb.co/WxDfnmG/8.png</p> <p>24,Подарок от Деда Мороза,https://i.ibb.co/Hhfr9Rb/16.png</p> <p>25,Сюрприз от Деда Мороза,https://i.ibb.co/wsCNqkB/34.png</p> <p>26,Бойкий язычок - повелитель флуда,https://i.ibb.co/DY1qs5H/34.png</p> <p>27,Мастер перевоплощений,https://i.ibb.co/QPYRnqb/21.png</p> <p>28,Нашему форуму годик!,https://i.ibb.co/nDZ6nbv/happ.png</p> <p>29,Вам признались в любви в День Валентина!,https://i.ibb.co/HgF9H0R/36.png</p> <p>30,Убийца флуда,https://i.ibb.co/7kTdpb0/18.png</p> <p>31,Лучший игрок,https://i.ibb.co/HHcWmfp/10.png</p> <p>32,Лучшая валентинка,https://i.ibb.co/SV04y36/42.png</p> </div> <script type="text/javascript"> var NumPole=2; //Номер доп поля c наградками; var listMedal=[]; $("#Myawrd p").each(function(j){ listMedal[j]=[];listMedal[j]=$(this).html().replace(/\s*(\d+),\s*(.*?),\s*(http.*)/ig,'$1,,$2,,$3').split(',,');}); var NamFld = '.pa-fld'+NumPole; var awSTrt = '<img width="50" class=awards src="'; $("div.post-author "+ NamFld).each(function () { if($(this).html()!=null){ var L = $(this).html().replace(/^.+:(?:[\s]|<br>)/ig,'') var L0=$(this).html().replace(/^(.+:)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0) var Thisaw = L.split(','); for (j=0; j< Thisaw.length; j++){ Dp='';var x=Thisaw[j];x=x.replace(/(\d+)#.+$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,''); for (i=0; i< listMedal.length; i++){ //alert(Thisaw[j]+","+listMedal[i][0]) if(x==listMedal[i][0]){L='<span title="'+listMedal[i][1]+' '+Dp+'" class="tooltip4">'+awSTrt+listMedal[i][2]+'"/></span>'; //alert(L) $(this).append(L);break;} } };} }); $("span.tooltip4").tipsy({gravity: 's title-awards'}); </script><!--End//Медальки в профиль(топик)--> <!-- Перемещение ссылок удалить редактировать и тд --> <style type="text/css"> div.post-links { border: none !important; margin-bottom: -12px !important; margin-right: 23px; } .post-links ul { border: none !important; } </style> <script type="text/javascript"> $('.post').each(function(){ $(this).find('div.post-links').prependTo(this); }); </script> <!--Конец//=Перемещение ссылок удалить редактировать и тд--> <!-- пользовательские ссылки у ника ч.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:#; border:double 1px #;} .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://illiweb.com/fa/prosilver/arrow_down.gif) no-repeat;width:7px;height:7px;position:absolute;top:10px;right:17px;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> <!--Запятая после ника--> <script type="text/javascript"> function to(username) {insert('' + username + '' + ', ');} </script> <!--Счетчик символов в сообщении--> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!--стиль для баннеров--> <script type="text/javascript"> function visibilityON() { document.getElementById("mylist").style.visibility="visible" } function visibilityOFF() { document.getElementById("mylist").style.visibility="hidden" } </script> <!-- копирайт начало --> <div id="logobottom"> <table style=cellpadding="0" cellspacing="0" border="0" align="center" valign="top"> <tr> <td style="width: 30%;" align="center" valign="left" rowspan="2"> <!-- Партнеры --> <div id="partners"> <a href="http://forum-top.ru/vote/6232" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <a href="http://kiri.rolka.su/"><img src="https://i.imgur.com/uDOxCRB.png" title="NARUTO: UNTOLD STORIES"></a> <a href="http://artishock.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a> <a href="http://aerie.anihub.ru/"><img src="https://forumstatic.ru/files/0017/ab/69/54706.png" title="Мир неба"></a> <a href="http://ainhoa.anihub.ru" target=_blank><img src="https://forumstatic.ru/files/0018/28/7e/44733.png" alt="Fables of Ainhoa"></a> <a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=20375' target='_blank'> <script type="text/javascript"> Mz = "wh=" + screen.width + 'x' + screen.height; My = "<img src='https://palantir.in/count.php?id=20375&cid=concept6.png"; My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer); My += '&pg=' + encodeURIComponent(window.location.href); My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>"; document.write(My);</script> <noscript><img src="https://palantir.in/count.php?id=20375&cid=concept6.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a target="_blank" href="http://twilightsugame.rusff.me/"><img src="https://i.yapx.ru/CV1vS.gif"></a> <a href="http://dragonageone.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/4f/84/33298.png" title="Dragon Age: We are one"border="0"width="88" height="31"></a> <a href="http://narutonext.ru/" target="_blank"><img src="http://s7.uploads.ru/t/mWD2h.gif" title="Naruto. Everything is changing" border="0" width="88" height="31" /></a> <a href="http://dgmkwr.ru/" target="_blank"><img src="http://s3.uploads.ru/LoTls.jpg " title=" D. Gray-man. The hidden side of war" /></a> <a href="http://narutochronicles.rolbb.ru" target="_blank"><img src="https://forumstatic.ru/files/0019/f9/bb/55333.png" title="Naruto chronicles"></a> </div> </td> <br/> <td style="width: 65%;" align="center" valign="top"><div style="width: 100%; overflow-y: auto;"> <br> <div id="postebox"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <br> </td> <td> <div id="postava"> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> </div> </td> <td> <div id="best"> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> <a href="ссылка на профиль"><img src="http://s9.uploads.ru/XNBSj.png" title="Имя"></a> </div> </td> </tr> </table> </div> <!-- копирайт конец -->
Поделиться3008.04.19 09:25:13
[html]<style>
body{
padding-top:0px !important;
}
@import url(https://fonts.googleapis.com/css?family … 00,500,700);
body {
font-family:'Roboto', Helvetica, Arial, sans-serif;
font-weight:300;
background:#333;
}
h3 {
font-size: 1.3em;
margin:0;
}
p{
font-size:0.9em;
}
/* Hover Card
.......................................................................*/
div.catCard {
border: solid 5px #888aef;
background: #e1e1fd;
width: 500px;
height: 500px;
display: block;
position: relative;
overflow: hidden;
}
div.lowerCatCard {
position: absolute;
background: #e9e9e9;
padding: 5px 5px;
height: 200px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
div.lowerCatCard:hover {
opacity: 0.95;
bottom: 0;
height: 490px;
}
div.catCard div.lowerCatCard {
left: 0;
bottom: -3%;
width: 100%;
}
div.catCard:hover div.lowerCatCard {
bottom: 0;
}
li.catCardList {
width:500px;
display: inline-block;
margin-right: 19px;
margin-top: 25px;
}
li.catCardList-last {
margin-right: 0;
width:190px;
display: inline-block;
}
ul.catCardList {
margin: 0;
}
#catCardButton {
position: absolute;
width: 470px;
bottom: 20px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
div.lowerCatCard:hover #catCardButton {
bottom: 5px;
}
.startingPrice span {
font-size: 16px;
color: #c90c12;
font-weight: 300;
}
div.startingPrice {
margin-bottom: 5px;
color: #000;
font-weight: 300;
}
.catCard img {
border: 1px solid #dddddd;
max-width: 100%;
height: 350px;
}
.catCard img:hover {
border: 1px solid #bababa;
}
/* Button
.......................................................................*/
.button {
cursor: pointer;
font-size: 14px !important;
color: #ffffff;
padding: 7px 10px !important;
text-decoration: none !important;
text-transform: uppercase !important;
letter-spacing: 0 !important;
background: #b4b5ed;
border: none;
border-bottom: solid 1px #fff;
text-align: center;
margin-top: 10px;
}
.button:hover {
background-color: #888aef;
border: none;
border-bottom: solid 1px #000;
box-shadow: 0 2px 3px #fff;
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
}
.button:active {
background: #000;
}
.button a {
color: #ffffff;
padding: 7px 30px !important;
text-decoration: none;
}
.button a:hover {
color: #ffffff;
}
.button:hover {
color: #fff;
}
</style>
<script>
</script>
<ul class="catCardList">
<li class="catCardList">
<div class="catCard"><a href="#"><img src="https://goldwallpapers.com/uploads/posts/cute-anime-girls-wallpaper/cute_anime_girls_wallpaper_016.jpg" alt=""></a>
<div class="lowerCatCard">
<h3>Sailor Moon</h3>
<div class="startingPrice"><span>Занята</span></div>
<p>- скромна, добропорядочна и послушна. Никогда не предаст и не выдаст чужих секретов. Ее крайне трудно вывести из себя, она неконфликтна и может поддержать беседу почти на любую тему. Увлекается театром и занимается традиционными танцами. Подрабатывает в театре помощницей звукооператора. Поет же исключительно для себя, хотя и не исключает возможности в дальнейшем профессионально заняться пением.
- обожает нарциссы и трепетно относится к детям, но это – большая тайна.
- ее воспитывает отец, простой продавец в магазине электроники. Матери Капелла не знала. Держит дома пять кошек и две собаки, также является зоозащитником и имеет почетное членство в союзе волонтеров.
- способна подчинять голосом, воздействовать на сознание с помощью песни или слова. Противиться песне простые смертные фактически не способны.
- не любит шум и суету, любит часто выбираться в парк и за город. У нее не так много друзей, да и новые знакомства не всегда по душе девушке. Впрочем, она, кажется, способна найти общий язык с каждым.</p>
<h4>Эпизоды:</h4>
<ul>
<li>ссылка</li>
<li>ссылка</li>
</ul>
<div id="catCardButton" class="button"><a href="#">Занять!</a></div>
</div>
</div>
</li>
<li class="catCardList">
<div class="catCard"><a href="#"><img src="https://i.ibb.co/Zxp58NC/mina41.png0" alt=""></a>
<div class="lowerCatCard">
<h3>Product Name</h3>
<div class="startingPrice">Prices Starting At <span>$299.99</span></div>
<p>Bacon ipsum dolor sit amet hamburger doner kielbasa beef ribs, frankfurter prosciutto tri-tip pig turducken tenderloin filet mignon. Frankfurter chuck fatback venison pastrami sirloin. Rump tongue boudin meatloaf venison ham prosciutto.</p>
<h4>Best Used For:</h4>
<ul>
<li>Eating Bacon</li>
<li>Cooking Bacon</li>
</ul>
<div id="catCardButton" class="button"><a href="$">View Product</a></div>
</div>
</div>
</li>
<li class="catCardList">
<div class="catCard"><a href="#"><img src="https://i.ibb.co/H7qBLL3/rei41.png" alt=""></a>
<div class="lowerCatCard">
<h3>Product Name</h3>
<div class="startingPrice">Prices Starting At <span>$44.99</span></div>
<p>Bacon ipsum dolor sit amet hamburger doner kielbasa beef ribs, frankfurter prosciutto tri-tip pig turducken tenderloin filet mignon. Frankfurter chuck fatback venison pastrami sirloin. Rump tongue boudin meatloaf venison ham prosciutto.</p>
<h4>Best Used For:</h4>
<ul>
<li>Eating Bacon</li>
<li>Cooking Bacon</li>
</ul>
<div id="catCardButton" class="button"><a href="#">View Product</a></div>
</div>
</div>
</li>
<li class="catCardList">
<div class="catCard"><a href="#"><img src="https://i.ibb.co/0c1rbHh/ami41.png" alt=""></a>
<div class="lowerCatCard">
<h3>Product Name</h3>
<div class="startingPrice">Prices Starting At <span>$44.99</span></div>
<p>Bacon ipsum dolor sit amet hamburger doner kielbasa beef ribs, frankfurter prosciutto tri-tip pig turducken tenderloin filet mignon. Frankfurter chuck fatback venison pastrami sirloin. Rump tongue boudin meatloaf venison ham prosciutto.</p>
<h4>Best Used For:</h4>
<ul>
<li>Eating Bacon</li>
<li>Cooking Bacon</li>
</ul>
<div id="catCardButton" class="button"><a href="#">View Product</a></div>
</div>
</div>
</li>
<li class="catCardList">
<div class="catCard"><a href="#"><img src=https://i.ibb.co/x67DCkS/mako41.png" alt=""></a>
<div class="lowerCatCard">
<h3>Product Name</h3>
<div class="startingPrice">Prices Starting At <span>$169.99</span></div>
<p>Bacon ipsum dolor sit amet hamburger doner kielbasa beef ribs, frankfurter prosciutto tri-tip pig turducken tenderloin filet mignon. Frankfurter chuck fatback venison pastrami sirloin. Rump tongue boudin meatloaf venison ham prosciutto.</p>
<h4>Best Used For:</h4>
<ul>
<li>Eating Bacon</li>
<li>Cooking Bacon</li>
</ul>
<div id="catCardButton" class="button"><a href="#">View Product</a></div>
</div>
</div>
</li>
<li class="catCardList">
<div class="catCard"><a href="#"><img src="https://i.ibb.co/0q0FhYy/chibi.gif" alt=""></a>
<div class="lowerCatCard">
<h3>Product Name</h3>
<div class="startingPrice">Prices Starting At <span>$174.99</span></div>
<p>Bacon ipsum dolor sit amet hamburger doner kielbasa beef ribs, frankfurter prosciutto tri-tip pig turducken tenderloin filet mignon. Frankfurter chuck fatback venison pastrami sirloin. Rump tongue boudin meatloaf venison ham prosciutto.</p>
<h4>Best Used For:</h4>
<ul>
<li>Eating Bacon</li>
<li>Cooking Bacon</li>
</ul>
<div id="catCardButton" class="button"><a href="#">View Product</a></div>
</div>
</div>
</li>
</ul>
[/html]