Metin2 Css Tasarım

Boş Başlık Resimi İçin Tıkla.

Kodlar:
Tasarım üstü:
<div class="wrapper" id="bg_mid"> <div class="wrapper" id="bg_top"> <div class="wrapper" id="bg_lower"> <div class="container"> <div class="row" id="top"> <a href="/index.php" _fcksavedurl="/index.php" title="LimosMT2" id="logo"></a> </div> <div class="row"> <div class="col_left"> <div class="box_menu"> <ul> <li><a href="#anasayfa" _fcksavedurl="#anasayfa" title="Home">Anasayfa</a></li> <li><a href="#kayıt" _fcksavedurl="#kayıt" >Kayıt ol</a></li> <li><a href="#indir" _fcksavedurl="#indir" >Oyunu indir</a></li> <li><a href="http://www.canliforum.10tl.net" _fcksavedurl="http://www.canliforum.10tl.net" title="Forum">Forum</a></li> <li><a href="http://www.facebook.com/" _fcksavedurl="http://www.facebook.com/">Facebook</a></li> <li><a href="#rank" _fcksavedurl="#rank" >Top 50</a></li> </ul> </div> </div> <div class="col_mid"> <div class="box_big"> <div class="box_big_top"> <div class="upper"> <p>uyarlama canliforum.10tl.net        <br />       Refik Can Demir</p> </div> <div class="lower"> <form action="#" method="post" name="login" onSubmit_fckprotectedatt="%20onSubmit%3D%22return%20chkFormular()%22" id="form_login"> <h4>Kullanıcı Girişi</h4> <fieldset> <div class="box_login"> <input type="text" name="username" class="input_login" value="Kullanıcı Adı" onFocus_fckprotectedatt="%20onFocus%3D%22if(this.value%20%3D%3D%20'Kullan%C4%B1c%C4%B1%20Ad%C4%B1')%20this.value%20%3D%20''%3B%22" onBlur_fckprotectedatt="%20onBlur%3D%22if(this.value%20%3D%3D%20'')%20this.value%20%3D%20'Kullan%C4%B1c%C4%B1%20Ad%C4%B1'%3B%22"/> <input type="password" name="password" class="input_login" value="password" onFocus_fckprotectedatt="%20onFocus%3D%22if(this.value%20%3D%3D%20'password')%20this.value%20%3D%20''%3B%22" onBlur_fckprotectedatt="%20onBlur%3D%22if(this.value%20%3D%3D%20'')%20this.value%20%3D%20'password'%3B%22"/> </div> <ul> <li><a href="/index.php?git=lostpw" _fcksavedurl="/index.php?git=lostpw" class="register">Şifrenimi unuttun ?</a></li> <li><a href="/index.php?git=kayitol" _fcksavedurl="/index.php?git=kayitol" class="remind">Kayıt ol</a></li> </ul> <button type="submit" name="login" class="submit">Giriş yap</button> </fieldset> </form> </div> </div> <div class="box_big_mid"> <div class="box_big_inner"> <center><div id="content"><br type="_moz" /></body></html>

Tasarım Altı:
</div></center> </div> </div> <div class="box_big_bottom"> </div> </div> </div> <div class="col_right"> <div class="box_rank"> <div class="upper"> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">1. Injected</td><td class="value">164</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">2. KartveLi</td><td class="value">160</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">3. GT500</td><td class="value">156</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">4. BenEfsaneyim</td><td class="value">141</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">5. Jaws</td><td class="value">140</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">6. IamCharmenT</td><td class="value">139</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">7. ATESJ3ukucu</td><td class="value">133</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">8. Logitech48</td><td class="value">131</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">9. SmiLee</td><td class="value">129</td></tr> <table cellpadding="0" cellspacing="0"> <tr class="value"><td class="user">10. BuMiNKaGaN</td><td class="value">122</td></tr> </table> </div> <div class="lower"> <a href="/index.php?git=ranking" _fcksavedurl="/index.php?git=ranking" title="Top 50 Sıralama">Top 50 Sıralama</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" id="footer"> <div class="container"> <div class="row"> <div id="warrior"></div> <p>Copyrights 2012 by Server Adı | Bs Uyarlama <a href="http://canliforum.10tl.net" _fcksavedurl="http://canliforum.10tl.net">Canlı-Forum</a></p> </div> </div> </div><br type="_moz" /></body></html>

Css Kodu:
<style type="text/css"> @charset "utf-8"; @font-face { font-family:"Shancalluna"; src: url("fonts/Shancalluna_regular.eot?") format("eot"), url("fonts/Shancalluna_regular.woff") format("woff"), url("fonts/Shancalluna_regular.ttf") format("truetype"), url("fonts/Shancalluna_regular.svg#Shancalluna") format("svg"); font-weight:normal; font-style:normal; } /* CSS Document */ html, body{ font-family:Arial, Helvetica, sans-serif; height:100%; background-color:#2b231c; } a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8e744b; } a:hover{ text-decoration:underline; } .wrapper{ width:100%; float:left; } .container{ width:980px; margin:0 auto; } .container .row{ float:left; width:980px; } #top{ height:152px; position:relative; } #logo{ width:385px; height:85px; position:absolute; left:290px; top:0; display:block; } #warrior{ background:url(http://canli-forum.website.org/metin2indexresimleri2/warrior.png) top left no-repeat; width:182px; height:254px; position:absolute; top:-254px; left:951px; } #bg_top{ background:url(http://canli-forum.website.org/metin2indexresimleri2/bg_top.jpg) top no-repeat; } #bg_mid{ background:url(http://canli-forum.website.org/metin2indexresimleri2/bg_mid.jpg) top repeat-y; } #bg_lower{ background:url(http://canli-forum.website.org/metin2indexresimleri2/bg_lower.jpg) bottom no-repeat; } .col_left{ width:230px; float:left; } .col_mid{ width:494px; float:left; padding:0 0 0 13px; display:inline; } .col_right{ width:230px; float:right; } #footer{ background:url(http://canli-forum.website.org/metin2indexresimleri2/bg_bottom.jpg) top no-repeat; height:206px; } #footer .row{ position:relative; } #footer p{ padding:30px 0 0 40px; font-size:11px; color:#3e3229; line-height:16px; } #footer p a{ font-size:11px; color:#3e3229; } .box_menu{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_menu.png) top left no-repeat; width:230px; height:490px; } .box_menu ul{ width:230px; float:left; padding:115px 0 0 0; } .box_menu ul li{ width:230px; float:left; } .box_menu ul li a{ font-family:"Shancalluna"; width:230px; height:41px; display:block; background:url(http://canli-forum.website.org/metin2indexresimleri2/button_menu.png) top left no-repeat; font-size:16px; color:#b89e86; line-height:41px; text-indent:40px; } .box_menu ul li a:hover{ text-decoration:none; background-position:bottom; color:#0090ce; } .box_big{ width:494px; float:left; } .box_big_top{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_big_top.png) top left no-repeat; width:494px; height:290px; float:left; } .box_big_top .upper{ width:494px; height:43px; float:left; padding:59px 0 0 0; } .box_big_top .upper p{ line-height:20px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#897b6f; } .box_big_top .lower{ width:494px; float:left; padding:14px 0 0 0; } .box_big_top .lower h4{ font-family:"Shancalluna"; font-size:18px; text-align:center; line-height:46px; border-bottom:solid #271f1c 1px; width:463px; margin:0 0 0 16px; color:#897b6f; font-weight:normal; } .box_big_top .lower #form_login fieldset{ width:401px; float:left; margin:0 0 0 41px; border:0; } .box_login{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_login.png) top left no-repeat; width:409px; height:41px; margin:13px 0 0 0; } .box_big_top .lower #form_login ul{ float:left; display:inline; padding:11px 0 0 0; } .box_big_top .lower #form_login ul li{ float:left; display:inline; padding:0 8px 0 0; } .box_big_top .lower #form_login ul li .register{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54453b; background:url(http://canli-forum.website.org/metin2indexresimleri2/ico_register.png) left no-repeat; padding:0 0 0 19px; } .box_big_top .lower #form_login ul li .remind{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54453b; background:url(http://canli-forum.website.org/metin2indexresimleri2/ico_remind.png) left no-repeat; padding:0 0 0 19px; } .box_big_top .lower #form_login button.submit{ font-family:"Shancalluna"; font-size:14px; text-align:center; background:0; border:0; cursor:pointer; float:right; display:inline; color:#897b6f; } .box_big_top .lower #form_login button.submit:hover{ color:#0387d9; } .box_panel{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_panel.png) top left no-repeat; width:409px; height:70px; float:left; display:inline; margin:13px 0 0 46px; position:relative; } .box_panel p{ font-size:11px; color:#54453b; padding:0 0 0 21px; line-height:16px; } .box_panel p.user{ background:url(http://canli-forum.website.org/metin2indexresimleri2/ico_user.png) left no-repeat; position:absolute; left:14px; top:10px; } .box_panel p.info{ background:url(http://canli-forum.website.org/metin2indexresimleri2/ico_info.png) left no-repeat; position:absolute; left:170px; top:10px; } .box_panel p.coins{ background:url(http://canli-forum.website.org/metin2indexresimleri2/ico_coins.png) left no-repeat; position:absolute; left:14px; top:47px; } .box_panel a{ font-size:11px; color:#54453b; } .box_panel button.submit{ width:107px; height:52px; float:right; text-align:center; font-family:"Shancalluna"; font-size:14px; color:#897b6f; line-height:20px; padding:19px 0 0 0; background:0; border:0; cursor:pointer; } .box_panel button.submit:hover{ color:#0387d9; } .input_login{ background:url(http://canli-forum.website.org/metin2indexresimleri2/input_login.png) top left no-repeat; width:178px; height:14px; padding:9px 0 9px 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54453b; border:0; margin:6px 7px 0 5px; } .box_big_mid{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_big_mid.png) top left repeat-y; width:494px; float:left; } .box_big_inner{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_big_lower.png) bottom left no-repeat; width:494px; float:left; } .box_big_inner1{ text-align:center; color:#897b6f; font-weight:normal; padding:10px 20px 10px 20px; } .box_big_bottom{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_big_bottom.png) top left no-repeat; width:494px; height:58px; float:left; } .box_rank{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_rank.png) top left no-repeat; width:230px; height:490px; float:left; } .box_rank .upper{ width:230px; height:281px; float:left; padding:131px 0 0 0; } .box_rank .upper table{ width:208px; margin:0 auto; border-top:solid #261c1a 1px; } .box_rank .upper table td{ border-bottom:solid #261c1a 1px; border-right:solid #261c1a 1px; line-height:27px; color:#b89e86; font-size:11px; } .box_rank .upper table tr.blue td{ color:#0085d1; } .box_rank .upper table td.user{ padding:0 0 0 17px; } .box_rank .upper table td.value{ text-align:center; width:50px; } .box_rank .lower{ width:230px; height:281px; float:left; text-align:center; } .box_rank .lower a{ font-family:"Shancalluna"; line-height:43px; font-size:15px; color:#897b6f; width:208px; display:block; margin:0 auto; } .box_rank .lower a:hover{ color:#0387d9; text-decoration:none; } .list_news{ margin:0 0 0 6px; padding:0 0 0 11px; float:left; display:inline; } .list_news li{ float:left; width:462px; padding:11px 0 14px 0; border-bottom:solid #271d19 1px; } .list_news li:last-child{ border:0; } .list_news li .image{ width:124px; float:left; } .list_news li .image .frame{ background:url(http://canli-forum.website.org/metin2indexresimleri2/frame_small.png) top left no-repeat; width:96px; height:89px; margin:0 auto; padding:9px 0 0 0; text-align:center; } .list_news li .body{ width:305px; float:right; margin:0 33px 0 0; display:inline; } .list_news li .body .title{ width:305px; float:left; padding:7px 0 13px 0; border-bottom:solid #271d18 1px; } .list_news li .body .title h2{ width:234px; line-height:12px; float:left; } .list_news li .body .title h2 a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7f6b5e; font-weight:bold; } .list_news li .body .title span{ float:right; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3c322d; line-height:12px; padding:2px 0 0 0; } .list_news li .body .text{ width:305px; float:left; padding:15px 0 0 0; } .list_news li .body .text p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54453b; line-height:14px; text-align:justify; } .list_rank{ float:left; display:inline; margin:0 0 0 18px; } .list_rank li{ float:left; display:inline; } .list_rank li a{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_head.jpg) top left no-repeat; height:53px; float:left; line-height:53px; font-family:"Shancalluna"; font-size:18px; color:#897b6f; text-align:center; } .list_rank li:first-child a{ width:232px; } .list_rank li:last-child a{ width:228px; } .list_rank li a:hover, .list_rank li a.active{ color:#0381b8; text-decoration:none; } .table_rank{ width:461px; margin:0 auto; margin-bottom:15px; border-top:solid #271b17 1px; } .table_rank th{ font-size:11px; color:#6f645a; line-height:41px; border-bottom:solid #271b17 1px; } .table_rank td{ font-size:11px; color:#6f645a; line-height:37px; border-bottom:solid #271b17 1px; } .table_rank th.position{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_th.jpg) top right no-repeat; text-align:left; padding:0 5px 0 15px; width:72px; } .table_rank th.user{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_th.jpg) top right no-repeat; text-align:left; padding:0 5px 0 15px; width:138px; } .table_rank th.class{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_th.jpg) top right no-repeat; padding:0 5px 0 0; width:91px; } .table_rank th.level{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_th.jpg) top right no-repeat; padding:0 5px 0 0; width:57px; } .table_rank th.kingdom{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_th.jpg) top left no-repeat; padding:0 5px 0 0; width:px; } .table_rank td.position{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_td.jpg) top right no-repeat; text-align:left; padding:0 0 0 15px; } .table_rank td.user{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_td.jpg) top right no-repeat; text-align:left; padding:0 5px 0 15px; } .table_rank td.class{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_td.jpg) top right no-repeat; text-align:center; padding:0 5px 0 0; } .table_rank td.level{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_td.jpg) top right no-repeat; text-align:center; padding:0 5px 0 0; } .table_rank td.kingdom{ background:url(http://canli-forum.website.org/metin2indexresimleri2/table_td.jpg) top left no-repeat; text-align:center; padding:0 5px 0 0; } .box_small{ width:407px; float:left; display:inline; margin:5px 0 0 42px; } .box_small_top{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_top.png) top left no-repeat; width:407px; height:17px; float:left; } .box_small_mid{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_mid.png) top left repeat-y; width:407px; float:left; } .box_small_mid .inner{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_upper.png) top left no-repeat; width:407px; float:left; } .box_small_mid .inner .content{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_lower.png) bottom left no-repeat; width:407px; float:left; } .box_small_mid .inner .content h4{ font-family:"Shancalluna"; font-size:18px; text-align:center; line-height:46px; border-bottom:solid #271f1c 1px; color:#897b6f; font-weight:normal; } .box_small_mid2{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_mid.png) top left repeat-y; width:407px; float:left; } .box_small_mid2 .inner{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_upper.png) top left no-repeat; width:407px; float:left; } .box_small_mid2 .inner .content{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_lower2.png) bottom left no-repeat; width:407px; float:left; } .box_small_mid2 .inner .content h4{ font-family:"Shancalluna"; font-size:18px; text-align:center; line-height:46px; border-bottom:solid #271f1c 1px; color:#897b6f; font-weight:normal; } .box_small_bottom{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_bottom.png) top left no-repeat; width:407px; height:19px; float:left; } .box_small_bottom2{ background:url(http://canli-forum.website.org/metin2indexresimleri2/box_small_bottom2.png) top left no-repeat; width:407px; height:19px; float:left; } .form_register{ width:350px; } .form_register dl{ float:left; display:inline; margin:10px 0 0 25px; width:364px; } .form_register dd{ float:right; height:32px; padding:0 0 3px 0; } .form_register dt{ float:left; height:32px; padding:0 0 3px 0; } .form_register dt label{ width:76px; font-size:11px; color:#7f6b5e; line-height:32px; float:left; } .form_register dt2{ float:left; height:32px; padding:0 0 3px 0; } .form_register dt2 label2{ font-size:11px; color:#7f6b5e; line-height:32px; float:left; } .form_register dt3{ float:left; padding:0 0 3px 0; } .form_register dt3 label3{ font-size:11px; color:#7f6b5e; line-height:32px; float:left; } .form_register dt4{ float:left; width:350px; padding:0 0 3px 0; } .form_register dt4 label4{ font-size:11px; color:#7f6b5e; line-height:32px; float:left; } .form_register dt5{ width:350px; padding:0 0 3px 0; } .form_register dt5 label5{ color:#7f6b5e; line-height:32px; float:left; } .form_register dt6 label6{ font-size:11px; color:#7f6b5e; float:left; } .form_register dt6{ width:350px; padding:0 0 3px 0; } .form_register button.submit{ font-family:"Shancalluna"; font-size:14px; text-align:center; background:0; border:0; cursor:pointer; display:inline; color:#897b6f; width:172px; height:46px; padding:24px 0 0 0; margin:0 0 0 114px; cursor:pointer; } .form_register button.submit:hover{ color:#0387d9; } .form_register button.submit2{ font-family:"Shancalluna"; font-size:14px; text-align:center; background:0; border:0; cursor:pointer; display:inline; color:#897b6f; width:172px; height:46px; margin:0 0 0 100px; cursor:pointer; } .form_register button.submit2:hover{ color:#0387d9; } .input_reg{ background:url(http://canli-forum.website.org/metin2indexresimleri2/input_reg.png) top left no-repeat; width:263px; height:14px; padding:9px 0 9px 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54453b; border:0; } .row1 { padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; font-size:14px; border-color:#36F;} </style> <style type="text/css"> @charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: none; font-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } </style><br type="_moz" /></body></html>

Eğer Resimleri Fln Bilgisayarınızda Bulunsun İstiyorsanız 2 Alternatif İndirme Linkimiz Var Onlar:
Dosya.Tc'den İndirmek İçin Tıkla.
Hotfile.Com'dan İndirmek İçin Tıkla.

Rar Şifresi:www.forumario.com