таблица:
Код:
<table width="100%" <tbody align="center"> <tr> <td> <img src="http://s51.radikal.ru/i132/1006/42/eff8e9f2825f.png" > <br><font color='lime'><a href="http://inuyashasama.forumbb.ru/profile.php?id=5">Kagome</a></font> <br><font color='red'><a href="http://inuyashasama.forumbb.ru/profile.php?id=189">Инуяша</a></font> <br><font color='black'><a href="http://inuyashasama.forumbb.ru/profile.php?id=11">Naraku</a></font> <br><font color='ff7518'><a href="http://inuyashasama.forumbb.ru/profile.php?id=142">Ikuza no Okami</a></font> <br><font color='ff7518'><a href="http://inuyashasama.forumbb.ru/profile.php?id=138">Izanami</a></font> </td> <td rowspan="3"><img src="http://s003.radikal.ru/i202/1006/28/4421a02cdb8c.jpg"></td> <td></td> </tr> <tr> <td> <img src="http://s004.radikal.ru/i208/1006/a2/26107c19f2aa.png" > <font color='yellow'> <br><a href="http://inuyashasama.forumbb.ru/profile.php?id=12">Sesshoumaru-sama</a> <br><a href="http://inuyashasama.forumbb.ru/profile.php?id=69">Кохаку</a> <br><a href="http://inuyashasama.forumbb.ru/profile.php?id=31">Яхиро</a> <br><a href="http://inuyashasama.forumbb.ru/profile.php?id=130">Амая</a> </font> </td> <td rowspan="2"> <img src="http://s61.radikal.ru/i173/1006/03/52d97727fccd.png" > <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=5" >Роли </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=4" >Шаблон анкеты </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=12" >Хронология </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=6" >Общие правила </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=7" >Правила оформления </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=742" >Правила для администраторов и модераторов </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=629" >Правила хронологии </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=633" >Хронологически отчёт </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=550" >Правила для неканонов </a> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=716" >Новости форума </a> <br><br><br><br> <marquee width="88" height="155" behavior="alternate" direction="up" scrollamount="2" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2"> <a target="_blank" href="http://www.liveinternet.ru/community/_inyasha_-_world_/profile"><img src="http://s51.radikal.ru/i134/1006/f6/137a205ed815.gif" ></a> <a target="_blank" href="http://worldfreefentazi.rolka.su/"><img src="http://s58.radikal.ru/i159/1003/b0/87a8b647a026.gif" ></a> <a target="_blank" href="http://itodama.net"><img src=http://itodama.net/images/banners/baner12.gif border=0></a> <a href=" http://nagareboshi.rolebb.ru/"><img src=" http://s59.radikal.ru/i165/1006/ee/b065e8356e52.gif " alt=" Academy “Nagare - Boshi”" border="0"></a> <a href="http://anime-club.info/top100/in?id=6904" target="_blank"><IMG src="http://anime-club.info/top100/img/logo.gif?" border="0" alt="http://anime-club.info/top100/"></a> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=6904' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=6904&cid=9_1.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=6904&cid=9_1.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a> <!-- Top YandeG ID: 97118 --> <a href="http://yandeg.ru/" target="_blank" title="Рейтинг лучших сайтов YandeG" onClick="img=new Image();img.src='http://count.yandeg.ru/sitecnt.php?id=97118';" style="text-decoration:none; font-size: 8px;"> <img src="http://count.yandeg.ru/cnt.php?id=97118&img=6" width="88" height="31" border="0" alt="Рейтинг Сайтов YandeG" /> </a><div style="position:absolute;left:-2836px;top:10px"><br /><table cellspacing="0" cellpadding="0"><tr> <td style="padding:0px; font-size: 8px; font-color: #EEEEEE;"><span accesskey="b4d527165a0b20a29c5496e5bc319d6d"><a href="http://fish-book.ru/">энциклопедия рыб</a></span></td> <td style="padding:0px; font-size: 8px; font-color: #EEEEEE;"><a href="http://yandeg.ru/top/dosug.html">Рейтинг сайтов Развлечения</a> </td> </tr> </table></div> <!-- /Top YandeG --> </div> </marquee> </td> </tr> <tr> <td> <img src="http://s45.radikal.ru/i110/1006/41/4372d2b7f023.png" > <br><font size="2"><font color='013220'><font face="Georgia"><b>Июль. Четверг, утро; прошло три игровых месяца.</b><i><br>В современном мире прохладно, в Сэнгоку тихо и спокойно после дождя. Земля дышит сыростью и влагой.</i></font></font></font> </td> </tr> <tr> <td><font color='red'>Ник: Реклама, <br>Пароль: 0000</font> <div><!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='http://counter.yadro.ru/hit?t50.5;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") //--></script><!--/LiveInternet--></div> </td> <td> <h1><font size="2"><font face="Georgia"><i>Уважаемые гости! Отныне наш форум стал закрытым, так как он содержит большое количество приватной информации, а так же творчество участников. Сама ролевая тоже скрыта, она доступна лишь лицам, которых утвердила на роль администрация форума. Помимо ролевой активен наш "фан-клуб", который открыт для всех зарегистрированых пользователей. </font></i></font></h1> </td> </tr> </tbody> </table> <table width="100%" border="3" background="http://s006.radikal.ru/i214/1006/2b/7055ead1c85e.jpg" > <tbody> <tr> <td colspan=3> <font color=white size="3"> <img src="http://s49.radikal.ru/i126/1007/a0/c890f0b7875c.jpg" > </font> </td> <td colspan=2> <center><font color=white size="3"><b> Внимание! На форуме проводится конкурс на лучший рассказ. Подробности здесь: </b> <br><a href="http://inuyashasama.forumbb.ru/viewtopic.php?id=726#p52568" >Пикник в Эпохе Сэнгоку </a> </center></font> </td> <td colspan=2> <center><font color=white size="3"> <b> Объявление: В связи с отсутствием главадмина, по всем техническим вопросам обращаться к </b><br><a href="http://inuyashasama.forumbb.ru/profile.php?id=189" >Инуяше </a> </center></font> </td> </tr> </tbody>
стиль:
Код:
/* CS1 Background and text colours -------------------------------------------------------------*/ body {background: url(http://s50.radikal.ru/i128/1006/1a/a628a277773d.jpg) repeat right; background-attachment: fixed; } /* 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: #556832; color: #FFFFFF; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #4f7942; color: #FFFFFF; } #pun th { color:white; background-color : transparent; background-image : url(http://s50.radikal.ru/i128/1006/1a/a628a277773d.jpg); } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #556832; color: #FFFFFF; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title table {background-image : url(http://s58.radikal.ru/i161/1006/c8/9924b3602917.jpg); width: 100%; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #4f7942; color: #FFFFFF } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #D1D1D1; color: #FFFFFF } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #455822; color: #FFFFFF } /* CS1.8 */ #pun-navlinks .container { background-color: #556832; color: #FFFFFF; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #556832; color: #FFFFFF } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #333300 #333300 #333300 #333300 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #455822 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #556832; } /* 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: #333300; } /* CS2.5 */ .punbb th { border-color: #D1D1D1 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #354812 #758852 #758852 #354812; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #354812 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #758852 } .punbb .divider { border-color: #354812 #758852 #758852 #758852 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #556832; } .punbb .post-sig dt { border-top-color: #333300 !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: #000000; font-weight: bold; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #FFFFFF } /* 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; font-style: italic; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FFFFFF; font-weight: bold; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FF0000; font-weight: normal; font-style: italic; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #556832 #354812 #253802 #354812} tr.iredirect div.icon {border-color: #4f7942 #4f7942 #4f7942 #4f7942} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #556832 #354812 #253802 #354812} tr.iredirect div.icon {border-color: #556832 #556832 #556832 #556832} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #556832 #354812 #253802 #354812} tr.iredirect div.icon {border-color: #556832 #556832 #556832 #556832} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #556832 #354812 #253802 #354812} tr.iredirect div.icon {border-color: #d0f0c0 #d0f0c0 #d0f0c0 #d0f0c0} div.inew {border-color: #ace1af #8CC18F #7CB17F #8CC18F} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #556832 #354812 #253802 #354812} tr.iredirect div.icon {border-color: #d0f0c0 #d0f0c0 #d0f0c0 #d0f0c0} div.inew {border-color: #ace1af #8CC18F #7CB17F #8CC18F} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #997a8d #795A6D #694A5D #795A6D} tr.iredirect div.icon {border-color: #d8bfdF #d8bfdF #d8bfdF #d8bfdF} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #D1D1D1 #B1B1B1 #A1A1A1 #B1B1B1} tr.iredirect div.icon {border-color: #000000 #000000 #000000 #000000} div.inew {border-color: #F3F3F3 #D3D3D3 #C3C3C3 #D3D3D3} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #774411 #572400 #471400 #572400} tr.iredirect div.icon {border-color: #AA7744 #AA7744 #AA7744 #AA7744} div.inew {border-color: #996633 #794613 #693603 #794613} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #774411 #572400 #471400 #572400} tr.iredirect div.icon {border-color: #AA7744 #AA7744 #AA7744 #AA7744} div.inew {border-color: #996633 #794613 #693603 #794613} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS4 Post status icons*/ div.icon { background: url(http://s50.radikal.ru/i127/0812/d8/e11395cd2da3.jpg) no-repeat; } tr.inew div.icon { background: url(http://s53.radikal.ru/i141/0812/4e/22d64db739d6.jpg) no-repeat; } tr.iclosed div.icon { background: url(http://s48.radikal.ru/i120/0812/92/1562b92ae68d.jpg) no-repeat; } tr.iredirect div.icon { background: url(http://i047.radikal.ru/0812/b1/618d67dd4d45.jpg) no-repeat; } tr.isticky div.icon { background: url(http://i047.radikal.ru/0812/b1/618d67dd4d45.jpg) no-repeat; }