Качающаяся шапка форума

автор Леший Декабрь 27th 2012, 18:30

Наткнулся на один интересный вариант оформления шапки Образец Подскажите , на ВВ3 можно так сделать

автор Dark_angel1 Декабрь 27th 2012, 18:37

У меня, наверное, что-то не отображаетсяО_о Что там происходит с шапкой?=3

автор Леший Декабрь 27th 2012, 18:38

Наведи на четыре картинки на шапке

автор Домовой Декабрь 27th 2012, 18:52

Да это html страница

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Onlyhates Team - Зло пожаловать!</title> <link rel="stylesheet" href="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/files/main.css" type="text/css" media="screen" charset="utf-8"> <script src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/files/jquery-1.4.2.min.js"></script> <script src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/files/application.js"></script> <script src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/files/jquery.background.js"></script> <link rel="stylesheet" href="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/fonts/stylesheet.css" type="text/css" charset="utf-8"> <link rel="stylesheet" href="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/files/tooltips.css" type="text/css" charset="utf-8"> <link rel="shortcut icon" href="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/favicon.ico" type="image/x-icon" /> <style rel="stylesheet" type="text/css"> #mantle { background-image:url('http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/iebar.jpg');} body { background-image:url('http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/iegradfull.jpg');} </style> </head> <body> <div id="wanderwall"> <div class="wrapper"> <div id="frame1" class="frame first"> <a style="display: block;" id="link1" href="http://www.onlyhates.com/forum" alt="OnlyHates Team's forum"> <span>Forum<br><img src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/1forum.png" /></span> </a> </div> <div id="frame2" class="frame two"> <a style="display: block;" id="link2" href="#About" alt="Who are these guys?"> <span>About<br><img src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/abt.jpg" /></span> </a> </div> <div id="frame3" class="frame three"> <a style="display: block;" id="link3" href="#History" alt="Main story about OnlyHates"> <span>History<br><img src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/stry_alt.png" /></span> </a> </div> <div id="frame4" class="frame fourth"> <a style="display: block;" id="link4" href="#Members" alt="onlyhates team's players"> <span>Members<br><img src="http://dl.dropbox.com/u/14874415/onyhates/MainPage/MainMenu/imgs/mmbrs.png" /></span> </a> </div> </div> </div> <div id="infoframe"></div> <div id="mantle"> <center> <a id="homelink" >Home</a> </center> </div>  <div class="pageholder"> <div class="pageslider"> <div class="page"> <div id="mantletext"> <h3>Team</h3> <h2>OnlyHates</h2> <h4>Site for us and our friends</h4> </div> <div id="mantleright"> <h4> <a href="http://l2r.ru" target="blank">Raid?</a> </h4> <h4> <a href="http://l2central.info/wiki/" target="blank" >Lineage 2 info?</a> </h4> <h4> <a href="http://www.forum2x2.ru" target="blank" >Создать форум?</a> </h4> </div> </div> <div class="page"> <div id="mantletext"> <h3>Forum</h3> <h2>Onlyhates</h2> <h4>forum about our life</h4> </div> </div> <div class="page"> <div id="mantletext"> <h3>About</h3> <h2>Onlyhates</h2> <h4>who are we?</h4> </div> </div> <div class="page"> <div id="mantletext"> <h3>History</h3> <h2>Onlyhates</h2> <h4>where are we come from?</h4> </div> </div> <div class="page"> <div id="mantletext"> <h3>Members</h3> <h2>Onlyhates</h2> <h4>Who's playing in</h4> </div> </div> <div class="page"> <div id="mantletext"> <h3>About</h3> <br> <h5> <div id="tbl"> &nbsp &nbsp &nbsp Мы <font color="darkred">OnlyHates</font>! Мы люди, кидающие своих друзей на дино сет, поливающие говно на всех кто с нами не согласен, оскверняем чужие добрые имена, и воруем кланы. <br>&nbsp &nbsp &nbsp наперекор судьбе великого несуществующего короля Арофудсыуа - символа победы над полотенцем, мы идем вперед к победе! и Только благодаря его силе и мощи аквалангист плыл по бетону, стрелящего из авторучки, сделанной самым великим мастером всех времен позавчера, так и мы несем кровь и разрушения. <br>&nbsp &nbsp &nbsp Если ты тоже ненавидишь своих друзей - ты один из нас! </div> </h5> </div> </div> <div class="page"> <div id="mantletext"> <h3>Story</h3> <br> <h5> <div id="tbl1"> &nbsp &nbsp &nbsp началась эта история в далекие года 20 века. Именно тогда родители каждого из нас сотворили нас на свет - уже тогда мы знали что нас ждет великая судьба - великие бои с великими победами. <br>&nbsp &nbsp &nbsp Так же мы знали, что все эти победы нам легко не достанутся, т.к. кроме нас существует огромное колличество деревьев, которые постоянно вырубаются, но так же постоянно ведется борьба между лесорубами и активистами-лесофилами. Именно они породили в этом мире жестокость: если бы не они, то лесорубы никогда не узнали бы как красиво красная густая кровь растекается по блестяще отточеному лезвию топора, и никогда никому не смогли бы рассказать об этой красоте. <br>&nbsp &nbsp &nbsp познав высшее удовлетворение от сей красоты лесорубы больше не захотели тратить свое драгоценное время, и, особенно, свои драгоценные блестящие топоры на какое-то неживое говно. Лесорубы выкосили всех активистов-лесофилов за считанные дни, и они взялись выкашивать всё живое в лесу. Но такого божественного удовлетворения они уже не испытывали. Тогда они собрались группой и решили устроить рейд на ближайшую деревню. Деревни им хватило еще на один день. В течение недели они выкосили все близлежащие деревни и принялись за города. Но не тут то было! в городах патрулирует вооруженная стража, которая может легко дать звездюлей несчастным лесорубам. <br>&nbsp &nbsp &nbsp погоревав пару недель лесорубы решили стать орками/гномами/эльфами, чтобы было насрать на жалкие зубочистки и поролоновые палки в форме мечей, и стали. Выкосили все города, всех союзников, всех врагов всей планеты! <br>&nbsp &nbsp &nbsp В честь этой великой победы над всем живым и мертвым они назвали себя <font color="darkred">OnlyHates</font> - ненавистниками всего живого. <br>&nbsp &nbsp &nbsp И пришли они на новую планету, планету Земля, и молите бога, чтобы на этой планете у них ничего не вышло... </div> </h5> </div> </div> <div class="page"> <div id="mantletext"> <h3>Members</h3> <br> <h5> <table border="0"> <tr><td><font color="darkred">xSYNDYKx</font></td><td> - Илья</td><td> - <font color="green">Storm Screamer / Cardinal</font></td></tr> <tr><td><font color="darkred">Nokit</font></td><td> - Никита</td><td> - <font color="green">Storm Screamer</font></td></tr> <tr><td><font color="darkred">Anfica</font></td><td> - Александр</td><td> - <font color="green">Storm Screamer</font></td></tr> <tr><td><font color="darkred">SLOT</font></td><td> - Кирилл</td><td> - <font color="green">Storm Screamer</font></td></tr> <tr><td><font color="darkred">KPECT</font></td><td> - Александр</td><td> - <font color="green">Archmage / Soultaker / Sword Muse</font></td></tr> <tr><td><font color="darkred">Germeona</font></td><td> - Игорь</td><td> - <font color="green">Storm Screamer / Cardinal</font></td></tr> <tr><td><font color="darkred">DIAVOL</font></td><td> - Максим</td><td> - <font color="green">Eva's Saint / Soultaker</font></td></tr> <tr><td><font color="darkred">PhoenlX</font></td><td> - Максим</td><td> - <font color="green">Eva's Saint / Soultaker</font></td></tr> <tr><td><font color="darkred">Mendeed</font></td><td> - Евгений</td><td> - <font color="green">Spectral Dancer</font></td></tr> <tr><td><font color="darkred">A1ester</font></td><td> - Максим</td><td> - <font color="green">Dominator</font></td></tr> <tr><td><font color="darkred">Sanctus</font></td><td> - Роман</td><td> - <font color="green">Cardinal</font></td></tr> <tr><td><font color="darkred">Rommel</font></td><td> - Дмитрий</td><td> - <font color="green">Spectral Dancer</font></td></tr> <tr><td><font color="darkred">Bushwek</font></td><td> - Сергей</td><td> - <font color="green">Eva's Saint</font></td></tr> <tr><td><font color="darkred">Vakhanalia</font></td><td> - Юрий</td><td> - <font color="green">Archmage / Mystic Muse</font></td></tr> <tr><td><font color="darkred">Lord3akata</font></td><td> - Дмитрий</td><td> - <font color="green">Dominator</font></td></tr> <tr><td><font color="darkred">Sesh</font></td><td> - Павел</td><td> - <font color="green">Mystic Muse</font></td></tr> <tr><td><font color="darkred">BORZ</font></td><td> - Владимир</td><td> - <font color="green">Sword Muse</font></td></tr> <tr><td><font color="darkred">Evanesense</font></td><td> - Михаил</td><td> - <font color="green">Shillent Saint / Storm Screamer</font></td></tr> <tr><td><font color="darkred">Donna</font></td><td> - Константин</td><td> - <font color="green">Storm Screamer / Fortune Seeker</font></td></tr> <tr><td><font color="darkred">lToPTuKl</font></td><td> - Макс</td><td> - <font color="green">Spectral Dancer</font></td></tr> <tr><td><font color="darkred">Cruzo</font></td><td> - Евгений</td><td> - <font color="green">Cardinal / Eva's Saint</font></td></tr> <tr><td><font color="darkred">Supreme</font></td><td> - Николай</td><td> - <font color="green">Eva's Saint</font></td></tr> <tr><td><font color="darkred">Uther</font></td><td> - Павел</td><td> - <font color="green">Cardinal</font></td></tr> <tr><td><font color="darkred">EBPEU</font></td><td> - Николай</td><td> - <font color="green">Cardinal</font></td></tr> <tr><td><font color="darkred">MUJI9IK</font></td><td> - Сергей</td><td> - <font color="green">Doom Cryer</font></td></tr> <tr><td><font color="darkred">BrainEater</font></td><td> - Дмитрий</td><td> - <font color="green">Soultaker / Eva's Saint / Ghost Hunter</font></td></tr> <tr><td><font color="darkred">Prada3D</font></td><td> - Михаил</td><td> - <font color="green">Dominator / Soul Breaker</font></td></tr> <tr><td><font color="darkred">Alisiya</font></td><td> - Вячеслав</td><td> - <font color="green">Mystic Muse / Eva's Saint / Storm Screamer</font></td></tr> <tr><td><font color="darkred">JuzaniK</font></td><td> - Игорь</td><td> - <font color="green">Dominator / Spectral Dancer / Doom Cryer</font></td></tr> <tr><td><font color="darkred">Aug</font></td><td> - Владимир</td><td> - <font color="green">Dominator</font></td></tr> <tr><td><font color="darkred">Procvetanie</font></td><td> - Федор</td><td> - <font color="green">Eva's Saint</font></td></tr> <tr><td><font color="darkred">TheCraw</font></td><td> - Дмитрий</td><td> - <font color="green">Mystic Muse</font></td></tr> <tr><td><font color="darkred">Willow</font></td><td> - Анна</td><td> - <font color="green">Mystic Muse</font></td></tr> <tr><td><font color="darkred">MarsVolta</font></td><td> - Юлия</td><td> - <font color="green">Eva's Saint</font></td></tr> <tr><td><font color="darkred">Shay</font></td><td> - Стася</td><td> - <font color="green">Eva's Saint</font></td></tr> <tr><td><font color="darkred">Aeon</font></td><td> - Элеонора</td><td> - <font color="green">Spetral Dancer / Shillen Saint</font></td></tr> <tr><td><font color="darkred">KCl0HbKA</font></td><td> - Ксения</td><td> - <font color="green">Mystic Muse</font></td></tr> <tr><td><font color="darkred">SIBA</font></td><td> - Мария</td><td> - <font color="green">Eva's Saint / Cardinal / Mystic Muse</font></td></tr> <tr><td><font color="darkred">mar1etta</font></td><td> - Мария</td><td> - <font color="green">Soul Breaker / Shillen Saint</font></td></tr> <tr><td><font color="darkred">NightinGale</font></td><td> - Артем</td><td> - <font color="green">Doombringer / Shillen Templar</font></td></tr> <tr><td><font color="darkred">Obe1</font></td><td> - Виталий</td><td> - <font color="green">Ghost Hunter</font></td></tr> <tr><td><font color="darkred">Ledaro</font></td><td> - Александр</td><td> - <font color="green">Cardinal</font></td></tr> <tr><td><font color="darkred">Narax1ss</font></td><td> - Дмитрий</td><td> - <font color="green">Ghost Hunter</font></td></tr> </table> </h5> </div> </div> </div> </div>  </div> </div> <script> $(document).ready(function(){ //если DOM готов var cw = $(window).width(); if(cw < 1240){ var cwtab = cw - 200; $("#tbl").css("width", cwtab + 'px'); $("#tbl1").css("width", cwtab + 'px'); return false;} }); </script> </body> </html>

переделывай содержимое под себя