comag

2011 css mtin2 tasarimi

Tasarımın Üzerindeki Yazı

Tasarımın Altıundaki Yazı

<div class="clearfix"></div> <div id="sliderContainer"> <div id="nSlider"> <ul> <li><a class="ns1" href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#"><span class="nsTitle">Hoşgeldiniz,</span>     <span class="nsCon"> Oyunu Size Metin2 Tadını Yaşatacakdır...</span></a></li> <li><a class="ns2" href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#"><span class="nsTitle">Kayıt ol,</span>     <span class="nsCon">Kayıt ol, kaliteli oyunun keyfini çıkart. Kayıt olmak için buraya tıkla.</span></a></li> <li><a class="ns3" href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#"><span class="nsTitle">User CP,</span>     <span class="nsCon">Kullanıcı panelinden şifrenizi değiştirebilir, mail adresinizi değiştirebilir, bilgilerinize bakabilirsiniz.</span></a></li> <li><a class="ns4" href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#"><span class="nsTitle">Nesne Market</span>     <span class="nsCon">Oyunumuza Katkı Sağlamak ve Hesabını Güçlendirmek İçin Marketi Ziyaret Ediniz...</span></a></li> <li><a class="ns5" href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#"><span class="nsTitle">Oyun açıkları,</span>     <span class="nsCon">Lütfen bulduğunuz oyun açıklarını, yetkili kişilere bildiriniz.</span></a></li> </ul>                </div> </div> <div class="cbox-ui cbox-end"></div> <div class="clearfix"></div> </div> <div class="cui cbottom"></div> </div> <div id="sidebar"> <a href="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" _fcksavedurl="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" _fcksavedurl="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" _fcksavedurl="http://hotfile.com/dl/123064287/abc6758/TursabMt2.rar.html" class="download"> <span>TursabMt2 Pack</span> <small>TursabMt2.rar (24mb)</small> </a>        <div class="clear"></div> <div class="sbox"> <div class="sbui sb-title"> <img src="static/images/icons/usercp.png" _fcksavedurl="static/images/icons/usercp.png" _fcksavedurl="static/images/icons/usercp.png" _fcksavedurl="static/images/icons/usercp.png" alt="User CP" /> <h4>Kullanıcı Paneli:</h4> </div> <div class="sbui sb-con"> <form action="#" method="post" id="Login" onsubmit_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onsubmit_fckprotectedatt_fckprotectedatt%3D%22%2520onsubmit_fckprotectedatt%253D%2522%252520onsubmit%25253D%252522return%252520chkFormular()%252522%2522%22" name="login"> <div> <p><label><span>ID:</span> <input name="user" type="text" class="txtbar" onkeyup_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onkeyup_fckprotectedatt_fckprotectedatt%3D%22%2520onkeyup_fckprotectedatt%253D%2522%252520onkeyup%25253D%252522value%25253Dvalue.replace(%25252F%25255B%25255Ew.%25252F%25255D%25252Fig%25252C'')%252522%2522%22"/></label></p> <p><label><span>PW:</span> <input name="pw" type="password" class="txtbar" onkeyup_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onkeyup_fckprotectedatt_fckprotectedatt%3D%22%2520onkeyup_fckprotectedatt%253D%2522%252520onkeyup%25253D%252522value%25253Dvalue.replace(%25252F%25255B%25255Ew.%25252F%25255D%25252Fig%25252C'')%252522%2522%22"/></label></p> <p><input name="login" type="submit" value="Giriş" class="btn login lime" /> <center><a href='index.php?p=sifre_gonder' _fcksavedurl='index.php?p=sifre_gonder' _fcksavedurl='index.php?p=sifre_gonder' _fcksavedurl='index.php?p=sifre_gonder'>Şifremi unuttum?</a></center></p> </div> </form> </div> <div class="sbui sbft"></div> </div> <div class="clear"></div> <div class="sbox"> <div class="sbui sb-title"> <img src="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/stats.png" alt="Current Status" /> <h4>Server Durumu:</h4> </div> <div class="sbui sb-con-nao"> <div class="time"> <div id="clockbox"><font size="1" face="Trebuchet MS, Verdana, Arial, sans-serif" color="#DAD3B7">Server Saati: </font><font id="ur" size="1" face="Trebuchet MS, Verdana, Arial, sans-serif" color="#DAD3B7"></font> </div> </div> <div class="srvstatus"> Giriş Server:<p class="srv-on">Online</p>CH1:<p class="srv-on">Online</p> </div>            </div> <div class="sbui sbft"></div> </div> <div class="clear"></div> <div class="sbox"> <div class="sbui sb-title"> <img src="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" _fcksavedurl="http://tursabmt2.anilbilisim.com/static/images/icons/ranking.png" alt="Oyuncu Sıralaması" /> <h4>Sıralama | İlk 5</h4> </div> <div class="sbui sb-con"> <table id="sbRanking" width="206" border="0" cellspacing="0" cellpadding="0"> <tr> <th class="sbrc1" scope="col"><center>Sıra</center></th> <th class="sbrc2" scope="col"><center>Nickname</center></th> <th class="sbrc3" scope="col"><center>Lvl</center></th> </tr> <center> <tr> <center> <td class="sbrc1"><font color=#98cbff><center><h4>1</h4></center></font></td> <td class="sbrc2"><font color=#fff6cd><center><h4>YERIN7KAT6</h4></center></font></td> <td class="sbrc3"><font color=ffe6bb><center><h4>96</h4></center></font></td> </tr> </center> <center> <tr> <center> <td class="sbrc1"><font color=#98cbff><center><h4>2</h4></center></font></td> <td class="sbrc2"><font color=#fff6cd><center><h4>CraacK</h4></center></font></td> <td class="sbrc3"><font color=ffe6bb><center><h4>96</h4></center></font></td> </tr> </center> <center> <tr> <center> <td class="sbrc1"><font color=#98cbff><center><h4>3</h4></center></font></td> <td class="sbrc2"><font color=#fff6cd><center><h4>NauqHTy</h4></center></font></td> <td class="sbrc3"><font color=ffe6bb><center><h4>95</h4></center></font></td> </tr> </center> <center> <tr> <center> <td class="sbrc1"><font color=#98cbff><center><h4>4</h4></center></font></td> <td class="sbrc2"><font color=#fff6cd><center><h4>FonDeep</h4></center></font></td> <td class="sbrc3"><font color=ffe6bb><center><h4>93</h4></center></font></td> </tr> </center> <center> <tr> <center> <td class="sbrc1"><font color=#98cbff><center><h4>5</h4></center></font></td> <td class="sbrc2"><font color=#fff6cd><center><h4>Tam1Boq</h4></center></font></td> <td class="sbrc3"><font color=ffe6bb><center><h4>92</h4></center></font></td> </tr> </center></td> </tr> </table>                      </tr> </table> <a class="bplus" href="index.php?p=rank" _fcksavedurl="index.php?p=rank" _fcksavedurl="index.php?p=rank" _fcksavedurl="index.php?p=rank">Devamı</a> </div>            <div class="sbui sbft"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <div id="footer"> <div class="f-left"> <p>Www.Comag.tr.gg</p> </div> <div class="f-right"> </div> <div class="clear"></div> </div> <div class="clearfix"></div> </div> </div>

Css Kodu

<textarea class="bginput" style="WIDTH: 385px; CURSOR: url(''); HEIGHT: 50px" onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%2520onclick%253D%2522this.focus()%253Bthis.select()%2522%22" name="wep-kodlari" rows="5" cols="42">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;} html, body { padding:0; margin:0; height:100%; } body { background:#000 url('https://img.webme.com/pic/c/comagmt2/bg_top.jpg') no-repeat top center; text-align:center; color:#9c9688; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; } .clear {clear:both} .clearfix {clear:both; height:1px;} a {text-decoration:none;} a:focus {outline:none;} a img {border:none;} /*-------------------------------------*/ /* Main Elements ----------------------*/ #bb { background:transparent url('https://img.webme.com/pic/c/comagmt2/bg_bottom.jpg') no-repeat center bottom; } #wrapper { width:968px; margin:0 auto; text-align:left; } /*-------------------------------------*/ /* Header -----------------------------*/ #header { height:350px; margin-bottom:20px; } #header #logo{ margin:20px 0 0 50px; } #navbar { height:52px; padding-left:9px; } #navbar ul { margin:0; padding:0; list-style:none; } #navbar ul li { margin:0; padding:0; } #navbar ul li a { display:block; float:left; height:50px; line-height:3.3; padding:0 22px; color:#b68b76; text-shadow:0px 1px 0px #000; font-size:14px; background:url('http://tursabmt2.anilbilisim.com/static/images/ui/navlink_border.png') no-repeat center right; } #navbar ul li a.noborder { background:none; } #navbar ul li a:hover { color:#f6c4ac; } #navbar ul li a:active { line-height:3.4; } #navbar ul li a.current, #navbar ul li a:active /*, #sidebar .sb-title h4:hover, .rn-news a:hover span*/ { color:#FFF !important; text-shadow: 0 -1px 2px #FFF, 0 -2px 4px #ffaa76, 0 -4px 6px #ff4800, 0 0px 2px #000, 0 3px 5px #ff4800, 5px 0 35px #4d8ccd, -5px 0 35px #4d8ccd, 0 3px 35px #ff4800, 5px 0 35px #cd834d, -5px 0 35px #cd834d, 10px 0 25px #cd834d, -10px 0 25px #cd834d, 10px 0 25px #cd834d, -10px 0 25px #cd834d !important } /*-------------------------------------*/ /* Content ----------------------------*/ #content { float:right; width:708px; } .cui { background:url('http://tursabmt2.anilbilisim.com/static/images/ui/content_ui.png'); } .ctop { height:22px; } .cbottom { height:22px; background-position:bottom left; margin-bottom:10px; } .ccon { background-position:top right; background-repeat:repeat-y; min-height:1100px; } .recentNews, .regBox, .cbox-end, .cbox-end2 { margin-bottom:30px !important; } /*-------------------------------------*/ /* Content - News Slider --------------*/ #sliderContainer { margin:0 auto; height:156px; width:663px; background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sliderbox.png'); color:#858585; } #sliderContainer #nSlider { height:111px; width:649px; position:relative; top:7px; left:7px; overflow:hidden; } #sliderContainer ul, #sliderContainer ul li, #sliderContainer ul li a { margin:0; padding:0; list-style:none; height:111px; width:649px; overflow:hidden; display:block; } #sliderContainer .ns1 { background:url('https://img.webme.com/pic/c/comagmt2/bg_01.jpg') no-repeat; } #sliderContainer .ns2 { background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_02.jpg') no-repeat; } #sliderContainer .ns3 { background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_03.jpg') no-repeat; } #sliderContainer .ns4 { background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_04.jpg') no-repeat; } #sliderContainer .ns5 { background:url('http://tursabmt2.anilbilisim.com/static/images/news/bg_05.jpg') no-repeat; } #sliderContainer span.nsTitle, #sliderContainer span.nsCon { display:block; width:240px; text-shadow:0px 2px 0px #000; position:relative; top:18px; left:20px; } #sliderContainer span.nsTitle { color:#ffae00; font-size:16px; margin-bottom:4px; } #sliderContainer span.nsCon { color:#d0ecee; font-size:10px; letter-spacing:1px; } #sliderContainer ul li a:hover span.nsCon { color:#FFF; } #sliderContainer ul li a:hover span.nsTitle { color:#ff9600; } #sliderContainer ul li a:active span { top:19px; } /* Slider Controls */ #sliderContainer ol { float:right; position:relative; top:18px; right:58px; } /* numeric controls */ ol#controls { margin:0; padding:0; } ol#controls li { margin:0 2px; padding:0; list-style:none; display:inline-block; } ol#controls li a { background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sliderbox_controls_sprite.png'); color:#858585; text-shadow:0px 1px 1px #000; text-align:center; height:14px; width:15px; display:block; overflow:hidden; font-size:10px; } ol#controls li a:hover { background-position:0 -14px; color:#FFF; } ol#controls li a:active { background-position:0 -42px; } ol#controls li.current a { color:#FFF; text-shadow:none; background-position:0 -28px; } /*-------------------------------------*/ /* Content - Recent News --------------*/ .recentNews, .regBox { width:652px; margin:0 auto; background:url('https://img.webme.com/pic/m/megahack-com/bgcon_artwork.jpg') no-repeat center right; min-height:270px; } .regBox { background:url('../images/ui/bgcon_artwork2.html') no-repeat center right !important; } .rn-gui { background:url('https://img.webme.com/pic/m/megahack-com/news_ui.png'); width:468px; } .rn-title { height:47px; } .rn-end { height:40px; background-position:bottom left; } .rn-content { background-position:top right; background-repeat:repeat-y; } .rn-end span { position:relative; top:10px; left:15px; } .rn-title h2, .cbox-title h2 { margin:0; padding:8px 0 0 18px; color:#ff9320; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; } .rn-end a.bplus { float:right; margin:10px 8px 0 0; } .rn-news a { display:block; width:428px; height:30px; border-bottom:1px solid #151515; margin:5px auto; color:#989283; background:url('https://img.webme.com/pic/m/megahack-com/news_type_sprite.png') no-repeat; } .rn-news a:hover { color:#FFF; } .rn-news a:active { color:#fff5dd; } .rn-news span { margin-left:65px; font-size:12px; font-weight:normal; position:relative; top:5px; } .rn-news small { float:right; font-size:10px; position:relative; top:7px; color:#666; } .rn-news a.new { background-position:0 -4px; } .rn-news a.event { background-position:0 -40px; } .rn-news a.notice { background-position:0 -76px; } .rn-news a.update { background-position:0 -112px; } /*-------------------------------------*/ /* Content - General Content Box ------*/ .cbox-ui { width:658px; margin:0 auto; background:url('https://img.webme.com/pic/m/megahack-com/contentbox_ui.png'); } .cbox-title { height:47px; } .cbox-content { background-position:top right; background-repeat:repeat-y; } .cbox-end { height:15px; background-position:0 -47px; } .cbox-end2 { height:39px; background-position:0 -62px; } .cbox-content p { padding:5px 18px 15px; margin:0; line-height:1.7; } .cbox-content p a { color:#ffc000; } .cbox-content p a:hover { text-decoration:underline; } .cbox-content p a:active { color:#ffa200; } /*-------------------------------------*/ /* Content - iSlider ------------------*/ #itemSlider, #scSlider { margin:0 auto; width:548px !important; position:relative; top:20px; } #scSlider { width:565px !important; } .islider { width:623px; margin: 0 auto !important; } .islider ul, .islider li { display:block; margin:0; padding:0; list-style:none; height:120px; width:623px; overflow:hidden; } #itemSlider ul li a { display:block; background:url('https://img.webme.com/pic/m/megahack-com/thumbsprite.png') no-repeat; height:100px; width:90px; text-align:center; float:left; margin:10px; color:#888888; font-size:10px; } #scSlider ul li a { display:block; background:url('https://img.webme.com/pic/m/megahack-com/thumbsprite.png') no-repeat; background-position:-270px 0; height:82px; width:122px; text-align:center; float:left; margin:10px; color:#888888; font-size:10px; } .islider ul li a img { margin:5px auto 5px; } #itemSlider ul li a:hover { background-position: -90px 0; color:#ff9c00; } #itemSlider ul li a:active { background-position: -180px 0; } #scSlider ul li a:hover { background-position: -392px 0; } #scSlider ul li a:active { background-position: -514px 0; } /* slider controls */ .sliderContainer #prevBtn, .sliderContainer #prevBtn a { float:left; } .sliderContainer #nextBtn, .sliderContainer #nextBtn a { float:right; } .sliderContainer #prevBtn a, .sliderContainer #nextBtn a { display:block; height:30px; width:20px; overflow:hidden; text-indent:-99em; background:url('../images/ui/slider_controls_arrows.png'); position:relative; bottom:65px; } .sliderContainer #nextBtn a { background-position:top right !important; } .sliderContainer #nextBtn a:hover { background-position:center right !important; } .sliderContainer #nextBtn a:active { background-position:bottom right !important; } .sliderContainer #prevBtn a:hover { background-position:center left !important; } .sliderContainer #prevBtn a:active { background-position:bottom left !important; } /*-------------------------------------*/ /* Content - Reg Form -----------------*/ #regForm { margin:0 0 0 20px; } #regForm label span { display:inline-block; width:100px; text-align:left; } #regForm label label.error { padding-left:7px; font-size:10px; color:#C00; } .sep, .sep2 { height:1px; border-bottom:1px dotted #1a1813; width:95%; margin:5px 0 10px; } .sep2 { border-bottom:1px solid #1c170b; } /*-------------------------------------*/ /* Sidebar ----------------------------*/ #sidebar { float:left; width:260px; min-height:200px; position:relative; left:10px; bottom:2px; } #sidebar .sbox { background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_back.png') no-repeat top right; min-height:115px; } #sidebar .sbui { float:left; width:240px; background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_ui.png'); position:relative; right:3px; } #sidebar .sb-title { height:54px; margin-top:2px; } #sidebar .sb-title img { margin:18px 10px 0 19px; padding:0; float:left; } #sidebar .sb-title h4 { margin:18px 0 0; padding:0; font-size:14px; color:#FFF; text-shadow:0px 0px 3px #af5f00; } #sidebar .sbft { height:19px; background-position:bottom left; margin-bottom:20px; } #sidebar .sb-con { background-position:top right; background-repeat:repeat-y; } #sidebar .sb-con-nao { background:url('http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_nao.png') no-repeat; height:175px; } a.download { background:url('http://tursabmt2.anilbilisim.com/static/images/ui/download_sprite.png'); display:block; height:72px; width:240px; float:left; margin-bottom:22px; position:relative; top:2px; right:4px; } a.download span, a.download small { position:relative; top:18px; left:70px; text-shadow:0px 0px 4px #361c00; font-weight:normal; } a.download span { color:#FFF; font-size:16px; display:block; width:158px; } a.download small { color:#ffb359; font-size:10px; } a.download:hover, a.download:hover span, a.download:hover small { background-position:bottom left; color:#FFF !important; text-shadow:0px 0px 1px #FFF !important; } a.download:active { background-position:top left; } a.download:active span, a.download:active small { text-shadow:0px 0px 1px #000 !important; color:#ffbe78 !important; } /*-------------------------------------*/ /* SB User Panel ----------------------*/ #sidebar #Login { margin:0 auto; width:90%; } #Login p {margin:18px auto; clear:both; padding:0;} #Login label span { display:inline-block; width:50px; text-align:right; color:#5b5b5b; font-size:12px; position:relative; top:2px; left:10px; cursor:pointer; } #Login label input { float:right; width:126px; color:#999; background:url('http://tursabmt2.anilbilisim.com/static/images/ui/input_bar.png') no-repeat center center; border:none; font-size:12px; padding:6px 8px; margin-right:8px; position:relative; bottom:3px; } #Login input.btn { width:62px; height:27px; background:#5c5c5c url('http://tursabmt2.anilbilisim.com/static/images/ui/btn_sprite.png'); color:#FFF; border:none; font-size:12px; padding-bottom:2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer; } #Login input.login { margin:0 4px 0 72px; } input.lime { color:#f3ff33 !important; } input.btn:hover { background-position:center left !important; } input.btn:active { background-position:bottom left !important; } /*-------------------------------------*/ /* SB Stats ---------------------------*/ /* time */ .time { margin:13px auto; text-align:center; height:20px; } /* server status */ .srvstatus { padding:15px 0 0 30px; font-size:11px; } .srvstatus p { margin:0; padding:0px 0; background:url('http://tursabmt2.anilbilisim.com/static/images/ui/srvstatus.png') no-repeat; text-indent:15px; } .srvstatus p.srv-on { color:#82a027; background-position: 0 3px; } .srvstatus p.srv-off { color:#ce3636; background-position: 0 -30px; } .srvstatus p.srv-info { color: #3d7cb7; background-position: 0pt -54px; } /* player count */ .playerstats { font-size:11px; text-align:center; margin:34px auto 0; } .playerstats p { margin:0; padding:0; } .playerstats p span { color:#ff900d; } /*-------------------------------------*/ /* SB Top Players ---------------------*/ table#sbRanking { margin:10px auto; width:206px; font-size:10px; color:#969083; height:114px; border:1px solid #110f0b; } #sbRanking .sbrc1 { width:40px; text-align:center; border-right:1px solid #110f0b; } #sbRanking .sbrc2 { width:136px; text-indent:15px; border-right:1px solid #110f0b; } #sbRanking .sbrc3 { width:30px; text-align:center; } #sbRanking tr { height:26px; } #sbRanking td, #sbRanking th { border-bottom:1px solid #110f0b; } #sbRanking th { color:#e1d3b1; font-weight:bold; border-top:1px solid #110f0b; } /*-------------------------------------*/ /* SB Video Box -----------------------*/ .videobox { width:208px; height:132px; margin:10px auto; background:url('https://img.webme.com/pic/m/megahack-com/vidbox.jpg'); text-align:center; } .videobox .flashvideo { width:200px; height:124px; margin:4px auto; } /*-------------------------------------*/ /* SB CG Logo -------------------------*/ a.cglogo { margin:0 0 0 40px; text-align:center; display:block; width:155px; margin-bottom:10px; } /*-------------------------------------*/ /* Misc -------------------------------*/ a.bplus { background:url('https://img.webme.com/pic/m/megahack-com/btnplus_sprite.png'); display:inline-block; height:21px; width:79px; color:#797979; font-size:10px; line-height:2; text-indent:22px; } #sidebar a.bplus { float:right; margin-right:16px; margin-bottom:4px; } .cbox-end2 a.bplus { margin:6px 0 0 0px; position:relative; left:10px; } a.bplus:hover { background-position:center left; } a.bplus:active { background-position:bottom left; } #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } /*-------------------------------------*/ /* Footer -----------------------------*/ #footer { width:690px; color:#ffd8a1; font-size:10px; float:right; text-shadow:0 1px 3px #000; height:60px; padding-top:15px; margin:0 20px 0 0; } #footer .f-left { float:left; padding-left:10px; } #footer .f-right { float:right; } #footer .f-left p { margin:0; padding:0; } #footer a { color:#FFF; } #footer a:hover { color:#ffeb9b; } #footer a:active { color:#ffcc00; } .fui { border:none; } input.txt { width:127px; height:27px; color:#575e51; margin:5px 0; text-indent:10px; font-size:11px; background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_input.jpg"); } input.txt:hover { color:#89947e; background-position:center left; } input.txt:active, input.txt:focus { color:#bbc8af; background-position:bottom left; } input.txt2 { width:50px; height:27px; color:#575e51; margin:5px 0; text-indent:10px; font-size:11px; background:url("https://img.webme.com/pic/m/megahack-com/sidebar_input2.jpg"); } input.txt2:hover { color:#89947e; background-position:center left; } input.txt2:active, input.txt2:focus { color:#bbc8af; background-position:bottom left; } input.btn { display:block; height:30px; width:68px; margin:12px 0 0 9px; background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_button.jpg"); cursor:pointer; color:#8da0ac; font-size:12px; text-shadow:0 0 3px #000; } input.btn2 { height:30px; width:68px; margin:12px 0 0 9px; background:url("http://tursabmt2.anilbilisim.com/static/images/ui/sidebar_button.jpg"); cursor:pointer; color:#8da0ac; font-size:12px; text-shadow:0 0 3px #000; } @-moz-document url-prefix() { input.btn { padding-bottom:5px; } } input.btn:hover { color:#FFF; background-position:center center; } input.btn:active { color:#d7e2ea; background-position:bottom center; } input.btn2:hover { color:#FFF; background-position:center center; } input.btn2:active { color:#d7e2ea; background-position:bottom center; } fieldset { width: 617px; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; } /*-------------------------------------*/ /* W3C Valid CSS 3.0 /* azizgfx@gmail.com /* 72e334ed833af843856bfda3a5aa2bd8 /*-------------------------------------*/

METİN2 ANA MENÜYE GERİ DÖN

Takip et: @ComagTR

comag

2011 css mtin2 tasarimi

Takip Et..

Kullanıcı İşlemleri

Grafik & Tasarım

Metin 2

WolfTeam

Online Oyunlar

Reklam