- woh

woh

Tasarımın üzerindeki yazı:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><title>Пути Истории - новая браузерная коллективная стратегия в реальном времени. Цивилизация 5 континентов в твоих руках.</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="Пути Истории - новая браузерная коллективная стратегия в реальном времени. Это тысячи игроков на пяти континентах, сотни наук и зданий и bполноценные военные действия."> <link href="/css/site.pack.css?v=3" rel="stylesheet" type="text/css">  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="/js/fancybox.js"></script> <script type="text/javascript">$(document).ready(function(){$("a.screen").fancybox({'overlayOpacity':0.7,'overlayColor':'#000'});});</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18538638-1']); _gaq.push(['_setDomainName', '.wofh.ru']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script></head><body> <div class='cont'><div class='main'> <div class='cont_m'><ul id='menu'> <li><a href='main'><div class='select0'>Новости</div></a></li> <li><a href='about'><div class='select0'>Об игре</div></a></li> <li><a href='reg'><div class='select0'>Регистрация</div></a></li> <li><a href='http://forum.wofh.ru/forum.php'><div>Форум</div></a></li>  <li><a href='fame'><div class='select1'>Зал славы</div></a></li> </ul></div> <div class='cont_s'> <div class='s_reg'><form action='reg' method='post'><br>Пути Истории — новая браузерная коллективная стратегия в реальном времени. Это тысячи игроков на пяти континентах, сотни наук и зданий и полноценные военные действия.<input type='submit' class='button_reg' value=''></form></div> <div class='s_log'><form action='login' method='post'> <table class='log_table'> <tr><td>Имя:</td><td><input class='log_input' tabindex='1' name='login' type='text' value=''></td></tr> <tr><td>Пароль:</td><td><input class='log_input' tabindex='2' name='password' type='password' value=''></td></tr> <tr><td>Мир:</td><td><select class='log_select' tabindex='3' name='world'><option value='w3.wofh.ru'>3 - Течение жизни</option><option value='w4.wofh.ru'>4 - Земля непознанная</option><option value='w5.wofh.ru'>5 - Твердыня</option><option value='w6.wofh.ru'>6 - Судьба</option><option value='w7.wofh.ru'>7 - Путешествие</option><option value='w8.wofh.ru'>8 - Табия</option><option value='w9.wofh.ru'>9 - Пристанище</option><option value='w10.wofh.ru' selected>10 - Большой Тестовый Мир</option></select></td></tr> <tr><td>Запомнить?</td><td><input name='remember' tabindex='4' class='log_checkbox' type='checkbox'></td></tr> <tr><td></td><td><a class='pass' href='password'>Забылся пароль?</a></td></tr> </table> <input type='submit' class='button_log' value=''> </form></div> <div class='s_scr'> <div class='s_scr_lnk'><a rel='group' class='screen' title='Город [1/5]' href='/pics/site/screen1.jpg'><img src='http://wofh.ru/pics/site/imagesbit.gif' alt='Пути Истории'></a></div> <div style='display:none'><a rel='group' class='screen' title='Карта [2/5]' href='/pics/site/screen2.jpg'></a><a rel='group' class='screen' title='Науки [3/5]' href='/pics/site/screen3.jpg'></a><a rel='group' class='screen' title='Воин с длинным луком [4/5]' href='/pics/site/screen4.jpg'></a><a rel='group' class='screen' title='Карта [5/5]' href='/pics/site/screen5.jpg'></a></div> <div class='s_scr_dec'></div> </div> </div> <div class='cont_c'><div class='cont_fc'><div class='h_logo'><a href='/'><img src='http://wofh.ru/pics/site/imagesbit.gif' alt='Пути истории'></a></div><div class='content'> <div class='blleft'><div class='blright'><div class='bltop'></div><div id='block'> <script type="text/javascript">function showm(a){a=document.getElementById(a).style;a.display=a.display=="none"?"block":"none"};</script> <div class='page_title'>Зал славы</div> <div class='document'> <div class='doc_pw'> <div style="background:#761606 url('http://wofh.ru/pics/site/images/honor/cou-hea.png'); width:512px; height:43px"> <div style="color:#fff; padding:6px 0px 0px; text-align:center; width:512px; font-size:1.1em"> Меченые Злом </div> </div> <center> <div style="vertical-align: middle; background:url('http://wofh.ru/pics/site/images/honor/cou-bo.png'); width:512px; padding:0px 0px 0px; text-align: justify; background-repeat: repeat-y;"> <center> <div style="position:relative; background:url('http://wofh.ru/pics/site/images/honor/cou-bon.png'); width:410px; padding: 0px 23px 10px;"> Мы великие победители!<br>Наша страна скорбит о всех погибших в кровопролитных сражениях, обо всех разрушенных городах. Неважно, чьи это были люди или города.<br>Нам пришлось идти к победе по грудам костей.<br>Зло<span id="aboutfromcount" style="display:none"> окружало нас со всех сторон.<br>Меченые злом. Мы не хотели такой победы. Но мы заслужили её.<br><br>Огромная благодарность всем кто нам помогал, союзникам и просто рядовым игрокам. Без вас, настоящие друзья, не удалось бы выйти на космические просторы.<br>Пусть в летописях не останутся имена коварных врагов. Но никто из нас не забудет про ЗЛО, которое так трудно искоренять.<br>Корабль улетает. На новой планете мы построим страну на взаимном уважении и нерушимости данного слова. Мир всем.</span><a href="#" onclick='showm("aboutfromcount");return false;' >...<img style="background:#FFF" src="http://wofh.ru/pics/site/imageshonor/link.gif"></a> <br> <br>

Tasarımın altındaki yazı:

</div> <div style="background:url('http://wofh.ru/pics/site/images/honor/ab-top.png'); width:457px; height:21px"> </div> <div style="background:url('http://wofh.ru/pics/site/images/honor/ab-mid.png'); width:397px; padding: 0px 30px 0px; font-family:Tahoma; font-size: 0.8em;"> Страна "Меченые Злом" объединяет лучших промышленников, самых известных научников, грозных воинов, магнатов торговли. Мы выступаем за порядок и справедливость в нашем регионе. Кровопролитные<span id="aboutcount" style="display:none"> бои на первом и втором сервере дают нам опыт. Союзники дают нам ресурсы. Провайдеры дают нам бесперебойный онлайн. Мы всегда открыты для конструктивной беседы. Мы не любим глупых и жадных. Мы хотим и будем одними из самых сильных.<br><br>Дипломатия: Официально объявлен пакт о ненападении со страной "Дворы Хаоса" с 20:00 19.06.2010 в обмен на контроль всех месторождений серы на нашем континенте.<br><br>Крылья: ФЕДЕРАЦИЯ МЗ - http://w3.wofh.ru/?countryinfo&id=12<br><br>Tir Nordach МЗ - http://w3.wofh.ru/?countryinfo&id=428</span><a href="#" onclick='showm("aboutcount");return false;'>...<img style="background:#FFF" src="http://wofh.ru/pics/site/imageshonor/link.gif"></a> </div> <div style="background:url('http://wofh.ru/pics/site/images/honor/ab-bot.png'); width:457px; height:21px;"></div> <table cellpadding=0 cellspacing=0 border=0 style="background:#e3dcca; text-align:center" width=457px> <tr style="background:url('http://wofh.ru/pics/site/images/honor/list-hea.png'); width:457px; height:22px; color: #fff; text-align:center"> <td colspan=2>№</td><td>Игрок</td><td>Города</td><td>Население</td><td>Среднее на город</td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0 style="background:#e3dcca;" width=457px> <tr style="background:url('http://wofh.ru/pics/site/images/honor/list-hea.png'); width:457px; height:2px;"> <td> </td></tr></table> </center> </div> </center> </div></div> </div><div class='blbot'></div></div></div> </div></div></div><div class='clearboth'></div></div> <div class='bottom'><a href='reset'><img src='http://wofh.ru/pics/site/imagesbit.gif' width='10' height='10'></a><a href='rules'>Правила</a>  <a href='legal'>Соглашение</a>  <a href='mailto:support@wofh.ru'>Написать нам</a><br>Glyph worlds © 2008–2011.</div></div></body></html>

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body{font:normal 12px Verdana;text-align:center;background:#000;color:#010101} body,div,img{border:0;margin:0;padding:0} a{color:#fcbc11} a:hover{color:#e9be63} a.pass{font-size:.8em;color:#4a2d20} a.pass:hover{color:#333} .cont{width:1000px;background:url(http://wofh.ru/pics/site/images/bg.jpg) repeat-y;margin:auto} .main{background:url(http://wofh.ru/pics/site/images/m_menu.png) no-repeat} .cont_m{float:left;display:inline;margin-right:-3px;width:150px;padding-top:68px;text-align:left} .cont_s{float:right;display:inline;margin-left:-3px;width:312px} .cont_c{margin:0 312px 0 150px} #menu{border:0;list-style:none;background:url(http://wofh.ru/pics/site/images/m_cp.gif) repeat-y 50% 0;margin:0;padding:0} #menu li{position:relative;height:33px;margin-bottom:12px} #menu li a{color:#e9be63;text-decoration:none} #menu li a:hover{color:#c6bba9;text-decoration:none} #menu li div{width:144px;height:25px;cursor:pointer;text-align:center;font-size:1.15em;background:url(http://wofh.ru/pics/site/images/m_el.png) no-repeat;padding:8px 0 0} #menu li div.select1,#menu li a:hover div{background-position:0 -33px;color:#c6bba9} .h_logo{height:309px;background:url(http://wofh.ru/pics/site/images/h_logo.jpg);position:relative} .h_logo img{position:absolute;width:260px;height:140px;z-index:10;top:100px;left:139px} .content{position:relative;padding-top:50px;text-align:left} .page_title{position:absolute;z-index:10;top:0;left:0;width:528px;height:63px;padding-top:15px;background:url(http://wofh.ru/pics/site/images/c_t.png) no-repeat;text-align:center;color:#a2ddb7;font-size:1.65em;letter-spacing:.2em} .bltop{background:url(http://wofh.ru/pics/site/images/c_blv.jpg) no-repeat 0 0;height:12px} .blbot{background:url(http://wofh.ru/pics/site/images/c_blv.jpg) no-repeat 0 -12px;height:14px} .blleft{width:538px;background:#160e0b url(http://wofh.ru/pics/site/images/c_blgl.jpg) repeat-y 0 0} .blright{background:url(http://wofh.ru/pics/site/images/c_blgr.jpg) repeat-y 100% 0} #block{margin:0 8px 8px 6px;padding:16px 6px 0} .document{position:relative;margin-top:4px;background:url(http://wofh.ru/pics/site/images/c_blbg.jpg) repeat} .document a{color:#7e4c37} .document a:hover{color:#a46348} .document span.flink{cursor:pointer;color:#7e4c37;border-bottom:dashed 1px} .document span.flink:hover{cursor:pointer;color:#a46348;border-bottom:dashed 1px} .document_b{position:relative;margin-top:4px;background:url(http://wofh.ru/pics/site/images/c_blbg_b.png) repeat} .document_b a{color:#7e4c37} .document_b a:hover{color:#a46348} .document_b span.flink{cursor:pointer;color:#7e4c37;border-bottom:dashed 1px} .document_b span.flink:hover{cursor:pointer;color:#a46348;border-bottom:dashed 1px} .rules{padding:20px 30px!important} .rules div{padding-top:15px;font-weight:bold} .doc_t{font-size:1.55em;background:url(http://wofh.ru/pics/site/images/c_bl.png) repeat-x 0 100%;padding:2px 145px 6px 15px} .doc_t img{margin-right:10px;vertical-align:middle} .doc_tb{font-size:1.55em;background:url(http://wofh.ru/pics/site/images/c_bl_b.png) repeat-x 0 100%;padding:2px 145px 6px 15px} .doc_tb img{margin-right:10px;vertical-align:middle} .doc_d{position:absolute;z-index:10;top:0;left:373px;width:140px;padding-top:12px;text-align:center} .doc_p{padding:10px 20px 15px} .doc_pw{padding:0px 0px 15px} .alert{background:url(http://wofh.ru/pics/site/images/c_blbg_a.png) repeat!important} .alert .doc_t{background:url(http://wofh.ru/pics/site/images/c_bl_a.png) repeat-x 0 100%!important} .s_reg{position:relative;height:156px;background:url(http://wofh.ru/pics/site/images/s_reg.jpg);color:#f0b72f;font-size:1.1em;padding:30px 14px 0 8px} .s_log{position:relative;height:140px;background:url(http://wofh.ru/pics/site/images/s_log.jpg);padding:15px 10px 0 0} .s_flog{background:url(http://wofh.ru/pics/site/images/s_flog_bg.png) repeat-y 0 0;margin:-15px 0 -8px;padding:10px 40px 15px 25px} .s_flog a{color:#111} .s_flog a:hover{color:#333} .s_flog table{width:90%;margin:auto} .s_flog table td.c{text-align:right} .s_flog_t{height:15px;background:url(http://wofh.ru/pics/site/images/s_flog_t.gif) no-repeat 0 0} .s_flog_b{height:17px;background:url(http://wofh.ru/pics/site/images/s_flog_b.gif) no-repeat 0 0} .s_scr{height:302px;position:relative} .s_scr_lnk{position:absolute;z-index:15;top:30px;left:24px} .s_scr_lnk img{width:250px;height:200px} .s_scr_dec{position:absolute;z-index:10;top:0;left:0;width:312px;height:302px;background:url(http://wofh.ru/pics/site/images/screen.png) no-repeat 0 0} .reg_warn{margin-bottom:20px;background:#c40000;font-weight:bold;color:#fff;text-align:center;padding:2px 0} .log_warn{position:absolute;left:20px;top:0;width:270px;background:#c40000;font-weight:bold;color:#fff;padding:1px 0} .log_table td{font-weight:bold;text-align:left;margin:0;padding:0 5px 0 0;font-size:.9em} .bottom{height:47px;padding-top:50px;background:url(http://wofh.ru/pics/site/images/gr.png) repeat-x;font-size:.9em;color:#fff} .button_reg{position:absolute;cursor:pointer;border:0;left:60px;top:141px;width:175px;height:34px;background:url(http://wofh.ru/pics/site/images/btns.png) no-repeat 0 0;margin:0;padding:0} .button_reg:hover{background-position:0 -34px} .button_areg{cursor:pointer;border:0;width:172px;height:36px;background:url(http://wofh.ru/pics/site/images/a_reg.png) no-repeat 0 0;margin:0;padding:0} .button_areg:hover{background-position:0 -36px} .button_alog{cursor:pointer;border:0;width:172px;height:36px;background:url(http://wofh.ru/pics/site/images/a_log.png) no-repeat 0 0;margin:0;padding:0} .button_alog:hover{background-position:0 -36px} .button_log{position:absolute;cursor:pointer;border:0;left:60px;top:115px;width:179px;height:37px;background:url(http://wofh.ru/pics/site/images/btns.png) no-repeat 0 -68px;margin:0;padding:0} .button_log:hover{background-position:0 -105px} .log_input{height:15px;width:120px;border:solid 1px #000;background:#ded6c2;font-weight:normal;margin:0;padding:0} .log_select{width:122px;border:solid 1px #000;background:#ded6c2;font-weight:normal;font-size:.9em;margin:0;padding:0} .log_checkbox{margin:0;padding:0} .hr_mini{height:60px;background:url(http://wofh.ru/pics/site/images/hnya.gif) no-repeat 50% 40%} .clearboth{clear:both} div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:30} div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100} div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(http://wofh.ru/pics/site/images/fancy_progress.png) no-repeat} div#fancy_outer{position:absolute;top:0;left:0;z-index:90;background:transparent;display:none;margin:0;padding:20px 20px 40px} div#fancy_inner{position:relative;width:100%;height:100%;background:#160e0b} div#fancy_content{z-index:100;position:absolute;margin:0} div#fancy_div{background:#160e0b;color:#321;height:100%;width:100%;z-index:100} img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:100;width:100%;height:100%;margin:0;padding:0} div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(http://wofh.ru/pics/site/images/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none} #fancy_frame{position:relative;width:100%;height:100%;display:none} #fancy_ajax{width:100%;height:100%;overflow:auto} a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;visibility:visible;background-color:transparent;background-image:url(data:image/gif;base64,AAAA);outline:none;overflow:hidden} a#fancy_left{left:0} a#fancy_right{right:0} span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block} span#fancy_left_ico{left:-9999px;background:transparent url(http://wofh.ru/pics/site/images/fancy_left.png) no-repeat} span#fancy_right_ico{right:-9999px;background:transparent url(http://wofh.ru/pics/site/images/fancy_right.png) no-repeat} a#fancy_left span{left:20px} a#fancy_right span{right:20px} #fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:#160e0b} div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;margin:0;padding:0} div.fancy_bg{position:absolute;display:block;z-index:70;border:0;margin:0;padding:0} div#fancy_bg_n{top:-20px;left:0;width:100%;height:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_n.png) repeat-x} div#fancy_bg_ne{top:-20px;right:-20px;width:20px;height:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_ne.png) no-repeat} div#fancy_bg_e{right:-20px;height:100%;width:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_e.png) repeat-y} div#fancy_bg_se{bottom:-20px;right:-20px;width:20px;height:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_se.png) no-repeat} div#fancy_bg_s{bottom:-20px;left:0;width:100%;height:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_s.png) repeat-x} div#fancy_bg_sw{bottom:-20px;left:-20px;width:20px;height:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_sw.png) no-repeat} div#fancy_bg_w{left:-20px;height:100%;width:20px;background:url(http://wofh.ru/pics/site/images/fancy_shadow_w.png) repeat-y} div#fancy_bg_nw{top:-20px;left:-20px;width:20px;height:20px;background:url(http://wofh.ruhttp://wofh.ru/pics/site/images/fancy_shadow_nw.png) no-repeat} div#fancy_bg_cc{position:absolute;z-index:70;top:0;left:0;width:100%;height:100%;background:#160e0b} div#fancy_title{position:absolute;z-index:100;display:none} div#fancy_title div{color:#efb111;font:bold 12px Arial;padding-bottom:3px;white-space:nowrap} div#fancy_title table{margin:0 auto} div#fancy_title table td{vertical-align:middle;padding:0} td#fancy_title_left{height:32px;width:15px;background:transparent url(http://wofh.ruhttp://wofh.ru/pics/site/images/fancy_title_left.png) repeat-x} td#fancy_title_main{height:32px;background:transparent url(http://wofh.ruhttp://wofh.ru/pics/site/images/fancy_title_main.png) repeat-x} td#fancy_title_right{height:32px;width:15px;background:transparent url(http://wofh.ruhttp://wofh.ru/pics/site/images/fancy_title_right.png) repeat-x} .s_flog table td.s,.s_flog table td.n,.reg_table td{text-align:left} .log_table,.reg_table{margin:auto} .log_input:focus,.log_select:focus{border:solid 1px #8c501b;background:#e5c78d} .res{margin:0 5px .3em 3px;width:15px;height:12px;background:url('http://wofh.ru/pics/itf/res.png') no-repeat;border:solid 1px #000;vertical-align:middle} .rn{margin:0 5px .3em 3px;width:15px;height:12px;background:url('http://wofh.ru/pics/_.gif') no-repeat;border:solid 0px #000;vertical-align:middle} .rp{background-position:0 0} .r00{background-position:-357px 0} .r0{background-position:-15px 0} .r1{background-position:-29px 0} .r2{background-position:-43px 0} .r3{background-position:-57px 0} .r4{background-position:-72px 0} .r5{background-position:-86px 0} .r6{background-position:-100px 0} .r7{background-position:-114px 0} .r8{background-position:-128px 0} .r9{background-position:-142px 0} .r10{background-position:-156px 0} .r11{background-position:-170px 0} .r12{background-position:-184px 0} .r13{background-position:-198px 0} .r14{background-position:-212px 0} .r15{background-position:-226px 0} .r16{background-position:-241px 0} .r17{background-position:-255px 0} .r18{background-position:-269px 0} .r19{background-position:-283px 0} .r20{background-position:-297px 0} .r21{background-position:-311px 0} .r22{background-position:-325px 0} .getres1{background:#e3cea1;} .getres2, .getres0{background:#ffffcc;} .headinfo{ background:url('http://wofh.ru/pics/site/images/honor/list-bot.png'); width:457px; height: 8px; color: #fff; font-size:0.8em; border: #fff 1px solid; } .persn{margin:0;width:13px;height:11px;background:url('http://wofh.ru/pics/itf/persones.gif') no-repeat;border:none;vertical-align:middle} .p0{background-position:0 0} .p1{background-position:-13px 0} .p2{background-position:-26px 0} .p3{background-position:-39px 0} .p4{background-position:-52px 0}