metin2-alemt2 - Tasarım 4

http://www.koddostu.com/2012/11/bedava-sitem-css-tasarm-olusturucu.html

Sitesinden sende css tasarım oluşturabilirsin.

Tasarım üstü:

<!DOCTYPE HTML><style type="text/css">div.tht-position{position:fixed;z-index:99000 !important;}div.tht-s-e{top:72px;right:0px;}</style><style type="text/css">div.tht-position{_position:absolute;}div.tht-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="tht-position tht-s-e"><a id="lambakapali" onclick="document.getElementById('lambaacik').style.display='block';document.getElementById('lambakapali').style.display='none';document.getElementById('gölgem').style.display='none';" style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;cursor:pointer;" title="Lambayı Aç"><img style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;" src="http://1.bp.blogspot.com/-Ont9cH8VCJg/TvBiv-Ng47I/AAAAAAAADR8/bw36Ge18Wt0/s1600/LampOff.png" border="0"></a><script Language='Javascript'>document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3a%2f%2f%6b%6f%64%64%6f%73%74%75%2e%63%6f%6d%2f%32%30%31%31%2F%31%32%2F%67%69%72%69%73%2D%65%6B%6C%65%2D%73%69%74%65%79%65%2D%67%69%72%69%73%2D%69%6E%74%72%6F%2D%6B%6F%64%75%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%69%64%3D%22%6C%61%6D%62%61%61%63%69%6B%22%20%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%21%69%6D%70%6F%72%74%61%6E%74%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%22%3E%0A%3C%69%6D%67%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%21%69%6D%70%6F%72%74%61%6E%74%3B%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%4E%51%62%4E%32%63%36%46%71%69%38%2F%54%76%42%69%77%6B%38%73%43%70%49%2F%41%41%41%41%41%41%41%41%44%53%45%2F%68%45%56%66%46%58%47%58%64%46%55%2F%73%31%36%30%30%2F%4C%61%6D%70%4F%6E%2E%70%6E%67%22%20%62%6F%72%64%65%72%3D%22%30%22%2F%3E%3C%2F%61%3E'));</script></div><style type="text/css">div.gtg-position{position:fixed;text-align:center;z-index:98000 !important;background-color:black;opacity:0.98;filter:alpha(opacity=98);width:100%;height:100%;}div.gtg-s-e{top:0px;right:0px;padding-top:20%;}</style><style type="text/css">div.gtg-position{_position:absolute;}div.gtg-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="gölgem" class="gtg-position gtg-s-e"><a style="opacity:1;filter:alpha(opacity=100);color:#777;font-size:26px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:normal;">Siteyi Görmek İçin<br/>Lambaya Tıklayın</a></div><koddostu id="beginju"><!DOCTYPE HTML><style type="text/css">a.bannerkaydir{position:absolute;text-align:center;z-index:66000;line-height:22px;display:none;top:600px;right:5px;width:158px;height:22px;border:1px solid #000;border-top:none;font-family:Helvetica, Arial, sans-serif;color:#fff !important;font-size:14px;font-weight:bold;text-decoration:none !important;text-shadow:0 0 3px #000000;background:#333333 url(http://4.bp.blogspot.com/-xrymx8MldVE/UI0smo0sVoI/AAAAAAAAOog/WIMqHBz-d0g/s1600/gallery-back-other.png) repeat-x top left;}</style><a href="javascript:void(0)" class="bannerkaydir" name="koddostuuuu" onclick="koddostukaydirma();" id="koddostukaydir">Sola Kaydır</a></koddostu><script>var judoc = document;var endofju = judoc.getElementById('beginju');var kdmagname = endofju.tagName;var startju = 'D';var waitju = 'T';var stopju = 'O';if(kdmagname == 'K'+ stopju + startju + startju + stopju +'S'+ waitju +'U'){document.getElementById('koddostukaydir').style.display='block';}else{alert('Kor' + 'san ko' + 'd k' + 'ulla' + 'ndığı' + 'nız t' + 'es' + 'pit e' + 'dil' + 'di. L' + 'ütf' + 'en k' + 'oddo' + 'stu.c' + 'om u t' + 'erc' + 'ih e' + 'di' + 'n.');}</script><script>function koddostukaydirma(){var koddostutik = document.getElementById('koddostukaydir').name;if(koddostutik == 'koddostuuuu'){document.getElementById('webme_sky_ad').style.right='auto';document.getElementById('koddostukaydir').style.right='auto';document.getElementById('webme_sky_ad').style.left='5px';document.getElementById('koddostukaydir').innerHTML='Sağa Kaydır';document.getElementById('koddostukaydir').style.left='5px';document.getElementById('koddostukaydir').name = 'kdostuuu'}if(koddostutik == 'kdostuuu'){document.getElementById('webme_sky_ad').style.left='auto';document.getElementById('koddostukaydir').style.left='auto';document.getElementById('koddostukaydir').innerHTML='Sola Kaydır';document.getElementById('webme_sky_ad').style.right='5px';document.getElementById('koddostukaydir').style.right='5px';document.getElementById('koddostukaydir').name = 'koddostuuuu'}}</script><style>#kutuboyutu{width:400px;height:200px;}</style><!DOCTYPE HTML><style type="text/css">div.dbhu{position:fixed;text-align:left;z-index:1000;}div.oocin{top:0px;left:0px;padding-top:120px;}</style><style type="text/css">div.dbhu{_position:absolute;}div.oocin{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="faceuyari" class="dbhu oocin" style="text-align:left;width:100%;height:100%;background-color.transparent;"><center><div id="kutuboyutu" style="padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background-color:#868686;background-color: rgba(82, 82, 82, 0.7);"><div style="background-color:white;width:100%;height:100%;border:none;position:relative;overflow:hidden;padding-right:1px;border-right:1px solid #555;"><div style="width:100%;height:27px;background-color:#6d84b4;border-top:1px solid #3b5998;border-left:1px solid #3b5998;border-right:1px solid #3b5998;border-bottom:none !important;text-align:left;position:relative;"><a target="_blank" href="http://koddostu.com/2012/01/sitene-facebookdaki-gibi-aclan-kutular.html" style="position:absolute;top:2px;right:3px;margin:0px;padding:0px;background-color:transparent;border:none;color:white;font-size:14px;font-family:Verdana;font-weight:bold;text-decoration:none;">?</a><a style="line-height:27px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:14px;margin-left:10px;">Önizleme !</a></div><div style="width:100%;height:100%;border:1px solid #555555;border-top:none !important;margin-top:0px;text-align:left;padding:16px;font-family:Verdana;font-size:12px;font-weight:normal;color:black;">Buraya facebook adresinizi yazacaksınız.</div><div style="background-color:#f2f2f2;width:100%;height:40px;position:absolute;bottom:0px;left:0px;border:1px solid #555555;border-top:1px solid #ccc !important;text-align:right;"><a onclick="document.getElementById('faceuyari').style.display='none';" style="margin:0px;padding:0px;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;"><button style="margin-top:9px;margin-right:10px;border:1px outset #29447e;border-bottom:1px solid #213d79 !important;height:25px;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;background-color:#5872a7;padding-bottom:3px;">Tamam</button></a></div></div></div></center></div><center><div id="koddostuheading"></div><div id="koddostucontent"><div id="koddostumain">

Tasarım altı:

</div><div id="koddostusidebar"><center><div style="text-align:left;"> </div></center><center> </center><center> </center><center> </center></div></div><div id="koddostufooter">footer içeriği buraya gelecek</div></center>

Css Kodu:

body{background:#ccc url(http://2.bp.blogspot.com/-50v7tuFXlrU/UKjKrj4okvI/AAAAAAAAPjI/u6BstuJRklw/s1600/xcxdz.jpg) repeat top left;}#koddostuheading{width:960px;border:1px solid #1C1C1C;height:100px;margin-top:5px;margin-bottom:10px;background:#efefef url(http://3.bp.blogspot.com/-nCSnzoo9Vjw/UKjKjsjUdqI/AAAAAAAAPiE/WJ_dEpJNhgE/s1600/black-audio-grey-stripes.gif) repeat top left;-webkit-border-radius:10px;border-radius:10px;}#title{left:35px;position: absolute;top: -115px;}#title span{font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:30px;text-shadow: 0 0 3px #000000;}body,a,p,span{color:#444444}h1,h2,h3,h4,h5,h6,b,a:link,{color:#080B6E;text-decoration:none;}h2 span{color:#fff !important;}#koddostucontent{position:relative;width:980px;}#header_container{display:none;}#nav_heading{display:none;}#sidebar_container{display:none;}#container{margin-left:10px;margin-top:10px;}#nav{padding-right:0px;padding-top:4px;padding-bottom:5px;padding-left:9px;margin:0px;height:39px;width:653px;background-color:#2D3445;position:absolute;top:0px;left:8px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;}#nav li{display:inline-block;list-style-type:none;padding:9px;vertical-align:middle;margin:0px;margin-left:8px;border:1px solid #1C1C1C;background-color:#2D3445;-webkit-border-radius:10px;border-radius:10px;}#nav li a span{color:#FFFFFF !important;text-decoration:none !important;}#nav li:hover{background-color:#111319 !important;text-decoration:none !important;}#nav li a{text-decoration:none !important;}#content_container{padding-top:39px;}#koddostumain{-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;}#koddostusidebar{-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;}#koddostumain{border-right:none !important;}#koddostucontent{width:980px}#koddostumain{text-align:left;display:inline-block;width:660px;min-height:500px;vertical-align:top;border:1px solid #1C1C1C;background-color:#f1f1f1;}#koddostusidebar{text-align:left;display:inline-block;width:300px;min-height:400px;vertical-align:top;border:1px solid #1C1C1C;background-color:#f1f1f1;min-height:500px;}#koddostufooter{width:980px;}