[html]
<div id="port-block1" class="free">
<a class="tip" id="cover" title="Design for the clan-forum World of Tanks in the style of the official game forum">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/WoT/WoT_1.jpg" class="postimg">
</a>
<div id="cover-block">
Date: 10.12.2014<br>
Creators: <a href="http://forumd-eng.ru/profile.php?id=2" target="_blank">Gerda</a><br>
Engine: MyBB<br>Cost: 6$<br>
Free design<br>
Description: design for the clan-forum World of Tanks in the style of the official game forum<br>
<a href="https://yadi.sk/d/aCx7bBUL3QHS2s" target="_blank">DOWNLOAD</a>
</div>
</div>
<div id="port-block2" class="free">
<a class="tip" title="View forum Page"><img src="http://gerda.moy.su/MyBB_files/FD/WoT/WoT_2.jpg" class="postimg"></a>
<a class="tip" title="View topic Page"><img src="http://gerda.moy.su/MyBB_files/FD/WoT/WoT_3.jpg" class="postimg"></a>
</div>[/html]
GRAPHICS
Simple design using official artworks for the game World of Tanks.LAYOUT
The style of the forum tables has been redone to the interface of official forums of the game World Of Tanks (the imitation of the IPB engine). The main page has a place for the sidebar.SCRIPTS
Created a sidebar with the latest messages on the forum (as in the official WoT forums).
HTML-низ
Code:<!-- замена слов --> <script type="text/javascript"> function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});} Change('#pun-navlinks li#navadmin a','Администрирование','Админка'); </script> <!-- Последние посты --> <script src="/export.php?type=js&max=15" type="text/javascript"></script> <script type="text/javascript"> var html=''; var ts = ''; var mo = ''; var hh = ''; var mm = ''; var i = 0; for(i=0;i<content.length;i++) { ts = new Date(); ts.setTime(1000*content[i][0]); mo = ts.getMonth()+1; if (mo<10) mo='0'+mo; hh = ts.getHours(); mm = ts.getMinutes()+''; if (mm<10) mm='0'+mm; ts = ts.getDate()+'.'+mo+' '+hh+':'+mm; html2="</tr></tbody></table></div>" html1="<div id=\"last-posts\"><h2>Последние сообщения</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><tbody class=\"hasicon\">" html+='<tr class=\"link-tr\"><td colspan=\"2\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a></tr></td><tr><td><font color=\"#855B47\">'+content[i][1]+'</font> - '+ts+'</td></tr>'; } var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].id=="pun-break3"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML=""+html1+""+html+""+html2+""+name+"" } i++ } </script>Дополнительные пункты меню
Code:0=<a href="#"><span>Портал</span></a>style.css
Code:/********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ @import url(style_cs.css); .punbb * {margin: 0} .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;} .punbb .main table {table-layout: fixed; width: 100%;} .punbb img {border:none} .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 1.8em; vertical-align: middle} body {font-size: 100.01%;} .punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif;} .punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif} .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em; font-weight: normal;} .punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;} .punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace} .punbb address, .punbb em {font-style: normal} .punbb .post-content em {font-style: italic} .punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;} .punbb a {text-decoration: underline} .punbb optgroup {font-weight: bold;} #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; } .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, #pun-title h1, #pun-title td.title-logo-tdl { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ .punbb {float: left; width: 100%; height: auto;} #pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none;} .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;} #pun-post .topic {margin-top: 1em;} .punbb .post-content {padding: 0; margin: 0; width: 100%; overflow: hidden;} .punbb .post-content p {margin: 0; padding: 0 0 1em 0; line-height: 150%;} .punbb .post-content img {vertical-align: text-bottom} .punbb .post-content img.postimg {vertical-align: middle;} .punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;} .punbb .post-content .scrollbox {width: 100%; overflow: auto;} .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;} .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;} .punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;} .punbb .info-box * {padding: 0 0 0.7em 0;} .punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;} .punbb .formal .container {padding: 1.7em 2.3em 1.1em 2.3em;} .punbb .formsubmit {padding: 0 0 0 1.7em; margin: 1em 0 0 0;} .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0} .punbb fieldset {border: none; padding: 0 18px 0 18px; margin: 0 0 1em 0} .punbb fieldset legend {padding: 0; margin: 0 0 0 11px; font-size: 1.1em} .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px;} .punbb fieldset fieldset {border-style: none; margin: 0; padding: 0 0 8px 0} .punbb .fs-box {padding: 1em 0 0.8em 0;} .punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0} .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;} .punbb .inline .infofield {clear:both} .punbb .datafield br {display: none} .punbb .required label, .punbb .datafield span.input {font-weight: bold} .punbb .datafield span.input a {font-weight: normal;} .punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0; height: 100%;} .punbb textarea, .punbb .longinput input {width: 64%;margin: 0;} .punbb .hashelp {position: relative;} .punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%;} .punbb #profile .helplinks {top: 1.5em;} .punbb .helplinks span {display: block; padding-bottom: 0.2em;} #pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0;} /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ .punbb .main .tcl {overflow: hidden; text-align: left; width: 50%;} .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 10%;} .punbb .main .tcr {overflow: hidden; text-align: left; width: 30%;} #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%} #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {text-align: left; width: 20%;} #pun-debug table .tcl {width: 15%; white-space:normal;} #pun-debug .tcr {width: 90%; white-space: normal;} .punbb td span.youposted {font-weight: bold; margin-left: -1em;position: absolute;} .punbb td .modlist {display: block; padding-top: 0.3em} .punbb .main .tcl {border-left-style: none; border-left-width: 0} .punbb .modmenu .container {padding: 0.5em 1em; text-align: right;} .punbb .modmenu strong, .punbb .modmenu a {height: 1.8em; line-height: 1.8em;} .punbb .modmenu .container strong {float: left;} .punbb .modmenu input {margin-left: 1em;} .punbb .info .container {padding: 0.8em 1em} .punbb .info .container .backlink {padding-top: 0.8em;} #profile .container {padding-left: 18.6em;} #profilenav {float: left; width: 14em; margin-left: -16.3em; display: inline;} #profilenav li {padding-bottom: 0.8em; font-weight: bold;} #viewprofile ul, #profilenav ul {border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0;} #viewprofile h2, #profilenav h2 {background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px;} #viewprofile h2 span, #profilenav h2 span {padding: 0 5px; position: relative;} #viewprofile li, #setmods dl {padding: 0 0 0 16em; margin-bottom: 0.2em;} #viewprofile li span {float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold;} #setmods dt {float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline;} #viewprofile li strong, #viewprofile li div, #setmods dd {display: block; padding: 0.5em 1em; font-weight: normal;} .punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em} #pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0;} #pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;} #pun-userlist .usertable table {border-style: solid; border-width: 1px;} /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ #pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;} #pun-pagelinks .container {background: transparent; border: none; padding: 0} #pun-pagelinks .container li {display: inline} #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%;} #pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;} #pun-pagelinks li a span {display:block; margin: 0 1em} #pun-status, #pun-status .container {border: none; margin-bottom: 0;} #pun-status .container {padding: 10px;} #pun-status span {white-space: nowrap; margin-right: 0.5em;} #pun-crumbs1 {font-weight: bold; overflow: hidden; margin-top: 0;} #pun-crumbs1 p.container {border-top: none; padding: 10px; font-size: 1.1em;} #pun-break1 {margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1;} #pun-stats .container {padding: 0.8em 1em} #pun-stats li.item1, #pun-stats li.item2 {float: left; clear: both; line-height: 150%;} #pun-stats li.item3, #pun-stats li.item4 {text-align: right; line-height: 150%;} li#onlinelist {margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%;} li#onlinelist div {border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0;} #pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;} #pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;} #pun-about {margin-top: 0;} #pun-about .container {border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em;} #pun-about p span {display:block; padding-left: 50%;} #pun-crumbs2 {font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none;} #pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em;} #pun-break4 {margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1;} div.punbb-admin #pun-about .container {border-top-style: solid; border-top-width: 1px;} #pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em;} #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;} #pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em} #pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em} #pun-help .formal li {padding: 0; line-height: 130%} #pun-help .formal li * {vertical-align: text-top} #pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace} #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;} /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ #pun-navlinks li#navextra1 {padding-left: 90px;} #pun-ulinks li.item2 {border: none;} #pun-ulinks li.item2 a {border: none;} html, body {margin: 0; padding: 0;} #pun {margin: 0 auto; position: relative; width: 1000px;} #pun-title {height: 340px; margin: 0;} #pun-title tr {border: none;} #pun-title #title-logo-table {width: 100%; background-color: transparent;} #pun-title td.title-logo-tdr { border: medium none; display: block; position: relative; text-align: center; top: 272px;} #pun-navlinks { border: medium none; height: 42px; margin: 0; position: absolute; top: 211px; width: 1000px;} #pun-navlinks .container {background-color: transparent; border: medium none; font-size: 13px; line-height: 42px; margin: 0; } #pun-navlinks li#navregister {padding-left: 90px;} #pun-navlinks li#navprofile {padding-left: 75px;} #pun-navlinks li {padding-right: 12px;} #pun-navlinks li a {padding-left: 12px;} #pun-navlinks li#navindex, #pun-navlinks li#navextra1, #pun-navlinks li#navuserlist, #pun-navlinks li#navawards, #pun-navlinks li#navsearch {padding-right: 19px;} #pun-navlinks li#navindex a, #pun-navlinks li#navextra1 a, #pun-navlinks li#navuserlist a, #pun-navlinks li#navawards a, #pun-navlinks li#navsearch a {padding-left: 19px;} #pun-navlinks li, #pun-navlinks li a {display: inline-block; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } #pun-navlinks li#navextra1, #pun-navlinks li#navextra1 a, #pun-navlinks li#navprofile, #pun-navlinks li#navprofile a, #pun-navlinks li#navregister, #pun-navlinks li#navregister a {border-left-style: none; border-left-width: 0;} #pun-ulinks li a {padding: 0 0.3em 0 0.6em} #pun-ulinks {margin-top: -50px;} #pun-ulinks .container {border: none; padding: 0.7em 1em; text-align: center;} #pun-announcement .container {padding: 10px; } .punbb thead {display: none;} .punbb .section, .punbb .main {margin: 0 15px 15px;} .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {padding: 0.5em 1em;} .punbb .main h1, .punbb .main h2, #pun-debug h2 {background-color: #34342C; border-color: #34342C; border-radius: 2px 2px 0 0; border-style: solid; border-width: 1px 1px 0; color: #FFFFFF; font-size: 16px; font-weight: 300; padding: 10px 10px 11px;} #pun-stats h2, #pun-announcement h2 {border-style: none none solid; border-width: 0 0 1px; color: #F9D088; font-size: 16px; font-weight: 300; padding: 0 10px;} #pun-stats h2 span, #pun-announcement h2 span {border-bottom-style: solid; border-bottom-width: 1px; display: block;} .punbb .main .container {background-color: #A09C8B; color: #5A5A5A; padding: 9px 0 3px;} .punbb .category {margin-bottom: 25px;} .punbb .main td {padding: 0.8em 1em;} .punbb tr {border-bottom: 1px solid #DFDDD7; display: table; vertical-align: top; width: 100%;} #pun-index .tc2, #pun-index .tc3, #pun-viewforum .tc2, #pun-viewforum .tc3 {display: block; text-align: right; width: auto; padding: 10px 15px 0 5px;} #pun-index .tc3, #pun-viewforum .tc3 {padding-top: 0;} #pun-index .tc3, #pun-viewforum .tc3 {padding-bottom: 5px} #pun-index .tc2:after {content: ' Тем'} #pun-index .tc3:after {content: ' Ответов'} #pun-viewforum .tc2:after {content: ' Ответов'} #pun-viewforum .tc3:after {content: ' Просмотров'} #pun-index .tcl h3 {font-size: 15px;} .multipage {margin-top: 3em !important;} /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ .punbb td div.tclcon {margin-left: 8px;} .punbb div.icon {display: block; float: left; height: 70px; margin-left: -5px; margin-right: 5px; width: 70px;} .linkst .postlink {position: absolute; top: -65px; right: 1em; width: 16em; text-align: right; font-weight: bold;} .linkst .pagelink {left: 1em; position: absolute; top: -65px; width: 24em;} .punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; color: #909191;} .punbb .linksb {color: #909191; text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em;} .linksb .pagelink {float: left; width: 24em; text-align: left;} .linksb .postlink {float: right; width: 16em; font-weight: bold} .subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em;} div#pun-live-rusff {background-color: #A09C8B !important; width: auto !important;} .punbb .post-sig dt {display: block; border-top: 1px solid #D5D5D5; width: auto; margin: 5px 0;} .punbb .post h3 span {padding: 0.5em 1em; display: block; margin-left: 180px;} .punbb .post h3 strong {float: right; width: 5em; text-align: right; font-weight: normal;} .punbb .post .post-author {float: left; width: 180px; margin-top: -1.5em; overflow: hidden;} .punbb .post .post-author ul, .punbb .post .post-author p {padding: 0 1em 1em 1em; line-height: 140%;} .pa-author {font-size: 1.1em; font-weight: bold;} li.pa-title {padding-bottom: 0.4em; font-weight: bold;} li.pa-online {line-height: 0.8em; margin-top: 0.7em;} .punbb .post-body {margin-left: 180px;} .punbb .post-box {padding: 1em;} .punbb fieldset .post-box {margin-bottom: 0.8em} .punbb .post-links {margin-left: 180px;} .punbb .post-links ul {padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -180px; background: transparent; text-align: right;} .punbb .post-links li {display: inline; padding-left: 1em;} .pl-email, .pl-website {float: left;} .punbb .clearer {clear: both; height: 0; font-size: 0;} .post .container {border-bottom: 2px solid #DCD9CD;} #post-form .container {background-color: #f6f6f6;} #pun-navlinks a {color: #cacbcc; text-decoration: none;} #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #cacbcc; text-decoration: underline;} .punbb a, .punbb a:link, .punbb a:visited {color: #cacbcc; text-decoration: none;} .punbb a:hover, .punbb a:focus, .punbb a:active {color: #cacbcc; text-decoration: underline;} .punbb .main a, .punbb .main a:link, .punbb .main a:visited {color: #A03737;} .punbb .main a:hover, .punbb .main a:focus, .punbb .main a:active {color: #ea2700; text-decoration: underline;} .punbb .linksb a, .punbb .linkst a {color: #CACBCC !important;} .punbb .linksb a:hover, .punbb .linkst a:hover {color: #CACBCC !important;} /********** СТИЛЬ "World of Tanks" © ForumD.ru **********/ /********** Заказ дизайна: http://forumd.ru/ **********/ /********** Обратная связь: gerdm@ya.ru **********/ #pun-ulinks li, #pun-ulinks li a {display: inline-block; border-left-style: solid; border-left-width: 1px; white-space: nowrap;} #pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0} #pun-stats h2 span, #pun-navlinks li, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: #090909} #pun-stats h2, #pun-navlinks li a, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: #323232} .punbb .divider {border-color: #000000 #282828 #282828 #282828} .punbb .container {color: #909191;} .punbb table, .punbb .topic .container, .punbb .topic {background-color: #F6F6F6;} .punbb .quote-box, .punbb .code-box {background-color: #f9f9f9; color: #333; border-color: #ccc #fff #fff #ccc;} #pun-index #pun-main {width: 685px; margin-top:-20px;} #last-posts {margin-left: 715px; position: absolute; top: 424px; width: 270px; border-bottom: 3px solid #A09C8B;} #last-posts .container {border-top: 8px solid #A09C8B;} #last-posts .link-tr {border: none; margin-top: 5px;} #last-posts h2 { background-color: #34342C; border-color: #34342C; border-radius: 2px 2px 0 0; border-style: solid; border-width: 1px 1px 0; color: #FFFFFF; font-size: 16px; font-weight: 300; padding: 8px 10px;} #last-posts tr {padding: 0 10px; width: 250px} #last-posts a {color: #A03737;} #last-posts a:hover {color: #EA2700; text-decoration: underline;} #pun-pages #pun-main {margin: 0;} #pun-pages img {border: 1px solid #000;} #pun-pages h1 {display: none;} #pun-pages .container {background-color: transparent;} #pun-pages a {color: #cacbcc;} #pun-pages a:hover {color: #cacbcc; text-decoration: underline;}style_cs.css
Code:/* ------ВСЕ ФОНОВЫЕ КАРТИНКИ------ */ html, body {background: url("http://s1.uploads.ru/yh53p.jpg") no-repeat fixed center bottom #000000} #pun {background: url("http://s7.uploads.ru/NKLwV.jpg") repeat-y scroll center top transparent;} #pun-title {background: url("http://s0.uploads.ru/xrc8s.jpg") no-repeat scroll center top transparent;} div.icon {background: url("http://sa.uploads.ru/U8Elo.jpg") no-repeat scroll -5px -80px transparent;} tr.inew div.icon {background: url("http://sa.uploads.ru/U8Elo.jpg") no-repeat scroll -5px -5px transparent;} tr.isticky div.icon {background: url("http://sa.uploads.ru/U8Elo.jpg") no-repeat scroll -5px -152px transparent;} tr.iclosed div.icon {background: url("http://sa.uploads.ru/U8Elo.jpg") no-repeat scroll -5px -226px transparent;} /* ------КОНЕЦ ФОНОВЫХ КАРТИНОК------ */