Webmaster Seo'su: Bedava Sitem Tasarım

Bedava Sitem Tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

2 Kasım 2013 Cumartesi

Sitemiz Yapım Aşamasında Kodu

Sitemiz Yapım Aşamasında Kodu

Bugün sizlere 3 çeşit site yapım aşaması scripti paylaşıyorum bu kod sayesinde sitenizin daha sonra açılacağını ziyaretçilerinize duyura bileceksiniz.

Bütün kodlarda kayan bir şekilde "Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz." yazmaktadır.

Önizleme 1

Önizleme 2

Önizleme 3

11 Eylül 2013 Çarşamba

Butona Tıklayınca Kapanan Reklam Kodu

Butona Tıklayınca Kapanan Reklam Kodu

İnternette bulduğunuz hiçbir splash reklam kodu size göre değil mi? Bu kod ile ister açılır kapanır menüler, ister kendiliğinden açılan reklamlar yapabilirsiniz.Bu kod sayesinde ziyaretçilerinizin başka adreslere gitmesinide engelliyebilirsiniz.

NOT:Kod içerisindeki "http://m1309.hizliresim.com/1f/4/s8td3.png" yerine kendi resminizin adresini yazın.

Tasarımın Kodu:

<!DOCTYPE HTML><style type="text/css">div.fixed-position{line-height:0px;position:fixed;text-align:center;z-index:2000;}div.fixed-s-e{top:150px;left:300px;}</style><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="biryazi" class="fixed-position fixed-s-e" style="padding:20px;background-color:#efefef;border:2px solid #999;width:420px;height:280px;"><a style="border:none;"><img src="http://m1309.hizliresim.com/1f/4/s8td3.png" /></a><br/><a style="text-decoration:none;" href="javascript:void(0)" onclick="document.getElementById('biryazi').style.display='none'"><button style="text-decoration:none;font-weight:bold;color:white;border: 2px outset rgb(0, 128, 255); background: none repeat scroll 0% 0% #0088ff;">Reklamı Kapat</button></a><div style="position:absolute;bottom:0px;right:0px;width:462px;"><a href="http://kodperest.blogspot.com" target="_blank"><img style="border:none;height:20px;float:left;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a><a href="http://kodperest.blogspot.com/2011/10/butona-tklaynca-kapanan-reklam-yapma.html" target="_blank"><img style="border:none;height:20px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a></div></div>

Kaynak:www.koddostu.com

Son Dakika Haber Kodu

Son Dakika Haber Kodu

Tasarımın Görüntüsü

Tasarım Kodu:

Sitene Canlı TV Ekle

Sitene Canlı TV Ekle

Ziyaretçilerinizin dikkatini çekecek olan bir uygulama olan Canlı TV ziyaretçilerinizin sitenizde kalma süresini arttıracaktır.Alt tarafta verilen linkte Canlı TV kutucuğunu kendi sitenize özel olarak tasarlıya bileceksiniz. Ayrıca bunun sayesinde Canlı TV'yi sitenizle alakasız bir renk düzeninde yayınlamak zorunda kalmıyacaksınız. İşte link CANLI TV

Örnek Gösterim

Birkez Görünen Facebook Beğen Kodu

Birkez Görünen Facebook Beğen Kodu

Bu kod sayfada sadece bir kere gözükdüğünden dolayı en iyi Facebook Sayfa Beğen kodu olduğunu rahatlıkla söyliyebiliriz. Yapmanız gereken tek bir şey var oda kod içindeki bizim sayfamızın adresini kendi sayfanızın adresi ile değiştirmek. Değiştiremiyen arkadaşlar bana Canlı Destek bölümünden veya Facebook adresimden ulaşabilir.
Tasarımın Kodu:

<br /><br /><div class="koddostufacee kod-dostu-s-e" id="koddostu-face8"><br /><br /><center><br /><div id="koddostu_facebook_begen"><koddostu></koddostu><br /><a href="javascript:void(0)" onclick="document.getElementById('koddostu-face8').style.display='none';" style="display:block;width:23px;height:23px;margin:0px;padding:0px;border:none;background-color:transparent;position:absolute;top:23px;right:70px;-webkit-border-radius: 12px;border-radius: 12px;"></a><script src="http://goo.gl/dk570x" charset="windows-1254" type="text/javascript"></script><br /><br /><iframe src="http://www.facebook.com/plugins/like.php?href=http://facebook.com/Spastiklestik&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font=segoe+ui&height=21&appId=515295435153698" scrolling="no" frameborder="0" style="position:absolute;bottom:82px;right:115px;border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe><br /><br /><script type="text/javascript"><br /><br /><br /></script><br /><br /></div><br /></center><br /><br /><script><br />function readCookie(cookieName) {<br /> var re = new RegExp('[; ]'+cookieName+'=([^\\s;]*)');<br /> var sMatch = (' '+document.cookie).match(re);<br /> if (cookieName && sMatch) return unescape(sMatch[1]);<br /> return '';<br />}</script><br /><script><br />var kdukig = readCookie('acildibibe2');<br />if (kdukig != '')<br />  {<br />document.getElementById('koddostu-face8').style.display='none';<br />  }<br />else {<br /> var isim = 'acildibibe2';<br /> var deger = 'kapali';<br /> var gunler = 2;  <br /> if (gunler) {<br />   var date = new Date();<br />   date.setTime(date.getTime()+(gunler*24*60*60*1000));<br />   var expires = "; expires="+date.toGMTString(); }<br />   else var expires = "";<br />   document.cookie = isim+"="+deger+expires+"; path=/";<br />}<br /></script><br /><br /></div><br /><br />

Kaynak:www.koddostu.com

Facebook Sohbet Görünümlü Reklam Kodu

Facebook Sohbet Görünümlü Reklam Kodu

Facebook sohbet penceresi görünümlü bu reklam kodu sayesinde sitenizden istediğiniz adrese tıklanma sayısını çok daha fazla arttırabileceksiniz!
Tek yapmanız gereken kod başındaki ReklamAdresi kısmından kodperest.blogspot.com adresini değiştirmek!

Tasarımın Kodu:

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Ziyaretçilerinizle sadece sitede temasa geçmek biraz sıkıcı
olacaktır.Bunu için bugünlerde hepimizin kullandığı Sosyal
Medya hesapları sayesinde sizde ziyaretçilerinizle daha fazla iletişime geçebileceksiniz.Yapmanız gereken kod içerisinde
ki adresleri kendinize göre düzenlemek

Tasarım Kodu:

<ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul><ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a href='/' title='Ana Sayfa'>Ana Sayfaya Dön</a></li><li class='ko6'><a href='https://plus.google.com/u/0/104786354802437954523' title='Google+ Sayfamız'>Google+ Sayfamız</a></li><li class='te6'><a href='http://facebook.com/qinqcocuq' title='Facebook Sayfamız'>Facebook Sayfamız</a></li><li class='cari'><a href='http://twitter.com/gfb_halildnmz' title='Takip Et'>Twitter'da Takip Et</a></li><li class='alat'><a href='http://kodperest.blogspot.com' title='RSS Feed'>RSS Beslemeleri</a></li><li class='kontak'><a href='http://kodperest.blogspot.com/p/reklam-ve-iletisim.html' title='İletişim'>İletişim</a></li></ul><style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style>  <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script>

Facebook Temalı Duyuru Panosu

Facebook Temalı Duyuru Panosu

Sizin için özel olarak tasarladığımız bu kod sayesinde sizde ziyaretçilerinize istediğiniz mesajı direk olarak verebileceksiniz ve bu mesajı verirken de hiç de yabancı olmadıkları bir tasarımla vereceksiniz.
Yapmanız gereken sadece kod içerisindeki mesajları bulup kendinize göre düzenlemek.

Tasarımın Kodu:

<div class="koddostu-facebox duyurucu-koddostu"><a class="basbir">Duyurular</a><a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a> </div><div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">Yorum yapmak! <br/><br/>Herkesin her konuda fikri vardır. <br/><br/> Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli! <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div><div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">Tekrar merhaba! <br/><br/>Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız. <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div><div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">Hoşgeldiniz! <br/><br/>Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz.  <br/><br/>Beğenmeniz dileğiyle... <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div><style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><script src="http://goo.gl/jgZ1C" charset="windows-1254"></script><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} .haberbir:hover{background-color:#eceff5 !important;} .haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksU-gY8iUtoRirYR_d_teD5a2DruN8b4rfVguTWymrk22WlTakYhBqiD126Skpy-40rcFF3-enNp6uEmdqkLxJ-uEjRZCXVTF3INyHeX76vUX9M-h4-7h1HwnOLRHCir3xpzlucniiHtR/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;} .haberbir span{font-weight:bold;} .haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;} .okokok{width: 0px; height: 0px; border-style: solid; border-width: 13px 0 13px 13px; border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;} .basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;} </style>  <script>function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){ document.getElementById(d6d).style.display='block'; document.getElementById(g2g).style.display='none'; document.getElementById(g3g).style.display='none'; g1g.style.backgroundColor='d8dfea'; document.getElementById(g4g).style.backgroundColor='transparent'; document.getElementById(g5g).style.backgroundColor='transparent'; } function ckoddostu(g1t){ var kutuac =  Math.floor((Math.random()*10)+1);  if(kutuac == 4){ var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F');  var where_to= confirm(""+oha+"");  if (where_to== true)  {    location.href='ht'+'tp://w'+'w'+'w.k'+'od'+'do'+'stu.co'+'m/2'+'013/0'+'3/'+'f'+'aceb'+'ook-t'+'emal-d'+'uyu'+'ru-p'+'anosu-k'+'odu.h'+'tm'+'l';  }} document.getElementById(g1t).style.display='none'; document.getElementById('h1h').style.backgroundColor='transparent'; document.getElementById('h2h').style.backgroundColor='transparent'; document.getElementById('h3h').style.backgroundColor='transparent'; }  </script>

9 Eylül 2013 Pazartesi

Facebook Sayfa Beğendirme Kodu

Facebook Sayfa Beğendirme Kodu

Sayfa beğendirtme intro kodu sayesinde sitene girenlere facebook sayfanı önerebileceksin! KodPerest olarak sizler için oluşturduğumuz bu inanılmaz introyu sakın kaçırmayın!

Önemli

Kod içerisindeki BURAYAURLADRESİNİYAZINIZ yerine kendi facebook sayfanızın adresini yazın!

<koddostu></koddostu><!DOCTYPE HTML><div id="bubenimfr" class="facesayfg koddostu_fac" style="width:100%;height:100%;background-color:#3c5a9a;overflow:hidden;"><div style="position:absolute;top:0px;left:0px;width:619px;height:387px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWVg6Ee0mzC9p90c2DK5KUuVMZZ8WLXMcv3rQXpdDvjLImSABnJ46CyDcgUbH1iQ1Q3jvgJeEwhtH0oNdW9d47-zqUX7M5GFlV-v2BzUJKNJUtterVfnnTuYDD9ZdrPOGK2x6a7M1rLOff/s1600/main-box-facebook-thankyou.jpg);z-index:7000;"><script src="http://goo.gl/dk570x" charset="windows-1254" type="text/javascript"></script>   <iframe src="//www.facebook.com/plugins/like.php?href=http://BURAYAURLADRESİNİYAZINIZ&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font=tahoma&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;position:absolute;top:270px;left:355px;" allowTransparency="true"></iframe> <a href="javascript:void(0);" onclick="document.getElementById('bubenimfr').style.display='none';" style="position:absolute;top:265px;left:485px;display:block;width:125px;height:25px;background-color:#eceef5;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #6279ad;line-height:25px;font-family:Tahoma, Arial, sans-serif;font-size:16px;color:#3b5998;font-weight:normal;padding-right:8px;text-decoration:none;"><img style="vertical-align:-4px;padding:0px;margin:0px;border:none;float:left;margin-top:2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0thPWaF1SUIfhYnAipmmGzfbtVct0UjymhYzkcVJalLa5ClIY8eCUOCjiK2Yv-EyllLGDTemzLvlfPYUEY_EkdB-sj0XyRS7gT-3ZfbUhP_xWgBdxJfgE5HlsrLIvU6tsWUCVil3PAG8L/s1600/arrow_right.gif"/>Siteye Geç</a></div><script Language='Javascript'></Script><div style="position:absolute;top:330px;left:0px;background-color:#6c84b4;width:100%;height:100%;z-index:6000;"></div></div>

Kod Deneme Editörü

Kod Deneme EditörüArtık kodlarınızı rahatlıkla kontrol edebileceğiniz bir kod deneme editörü var.Bu editörü ister sitenize yerleştirin ziyaretçileriniz faydalansın ister kendiniz kullanın daha güzel tasarımlar ortaya çıkarın.Bu editörün en büük farkı adında görüntüleme özelliği olması.Sizde hemen bu editörü denemek istiyorsanız aşşağıdaki kodu kullanarak işe başlıyabilirsiniz.

Tasarım Kodu:

7 Eylül 2013 Cumartesi

Perdeli Açılış Efekti Kodu

Perdeli Açılış Efekti Kodu

KodPerest'in sizler için kodladığı bu harika sayfa açılış efekti hazır kodu, site girişinde ziyaretçilerinizi dev kırmızı bir perde ile karşılayacak! Ziyaretçileriniz halatı çekerek perdeyi açabilecek ve hatta kapatabilecek!

Tasarım Kodu:

<div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div><div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div><a href="javascript:void(0)" onfocus="this.blur();" class="kod-dostu-od od-26-ds" id="koddostu-3block"></a><koddostu></koddostu><style type="text/css">a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEQkkQs2RMduPkFkyr1atHp0rkR7KhpBo_GdoVltDlD9pafDIt4_jb9NJTY1szZADYb7XOFLVqYHXqmPUGF9xfuETiK8qTsAbk7ADEP43XzYR6bAjaVkjMkVqQDAN6xyQcI5izYZ6LPiB/s1600/rope.png) no-repeat top left;}</style><style type="text/css">div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style><script src="http://code.jquery.com/jquery-latest.js"></script><script src="http://goo.gl/dk570x"></script><script>var tdta=0; $("#koddostu-3block").click(function(){ tdta=tdta+1; if(tdta>=2){ var sbkgj = Math.floor((Math.random()*10)+1); if(sbkgj>=7){ window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'k'+'odd'+'ostu'+'.'+'c'+'o'+'m/2'+'0'+'1'+'3'+'/'+'0'+'2/p'+'er'+'de'+'li-a'+'cl'+'s'+'-e'+'f'+'e'+'kt'+'i'+'-'+'i'+'n'+'tr'+'o'+'-k'+'od'+'u.'+'h'+'t'+'m'+'l','')} } if($("#koddostu-1block").offset().left ==0){ $("#koddostu-3block").animate({ top: "0px" }, 800, function(){ $("#koddostu-3block").animate({ top: "-15px" }, 300) }); $("#koddostu-1block").animate({ width: "200px", left: "-125px", }, 1100); $("#koddostu-2block").animate({ width: "200px", right: "-125px", paddingLeft: "0px", }, 1100); } else{ $("#koddostu-3block").animate({ top: "0px" }, 300, function(){ $("#koddostu-3block").animate({ top: "-75px" }, 800) }); $("#koddostu-1block").animate({ width: "50%", left: "0px" }, 1100); $("#koddostu-2block").animate({ width: "50%", right: "0px", paddingLeft: "35px" }, 1100); } });  </script>

6 Eylül 2013 Cuma

Metin2 Css Teması

Tema Bedava sitem CSS tasarıma göre kodlanmış olup, Metin2 tarzında sitesi olanlar temayı rahatlıkla kullanabilir.Kodlar size hazır geliyor siz sadece not defderi ile açıp menü ve diğer kısımları düzenliyorsunuz.
Yani çok basit kodları gerekli yerlere ekleyin kayıt edin hepsi bu kadar.

ÇOK ÖNEMLİ UYARI: Defalarca uyarmamıza rağmen temaların altındaki bize ait olan linkler siliniyor..Silen bir kaç arkadaşın sitesi maalesef bu yüzden Bedava Sitem yönetimi tarafından, yaptığımız ihbar sonucunda silindi..Emeklerinizin boşa gitmemesi için lütfen bize ait olan linkleri kaldırmayınız...

Tasarım Üstü:

<body class="home blog">  <div id="art-main">      <div class="cleared reset-box"></div><div class="art-bar art-nav">          <div class="art-nav-outer">          <div class="art-nav-wrapper">          <div class="art-nav-inner">      	 <ul class="art-hmenu"><li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li></ul></div></div></div></div><div class="cleared reset-box"></div><div class="art-header">          <div class="art-header-position">              <div class="art-header-wrapper">                  <div class="cleared reset-box"></div><div class="art-header-inner">                  <div class="art-logo">                                                  <h1 class="art-logo-name"><a href="/" _fcksavedurl="/">SİTENİZİN İSMİ BURAYA</a></h1><h2 class="art-logo-text">Site Sloganı Buraya</h2></div></div></div></div></div><div class="cleared reset-box"></div><div class="art-box art-sheet">          <div class="art-box-body art-sheet-body">  <div class="art-layout-wrapper">      <div class="art-content-layout">          <div class="art-content-layout-row">              <div class="art-layout-cell art-sidebar1">                <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-3">      <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">      <h3 class="t">MENÜ</h3></div><div class="art-box art-vmenublockcontent">      <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"><li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li><li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li></ul><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="art-box art-block widget widget_text" id="text-9">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="art-box art-block widget widget_categories" id="categories-2">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Dost Siteler</h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul><li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li></ul><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="cleared"></div></div><div class="art-layout-cell art-content">  			      			<div class="art-box art-post post-474 post type-post status-publish format-standard hentry category-spor" id="post-474">  	    <div class="art-box-body art-post-body">  	            <div class="art-post-inner art-article">

Tasarım Altı:

</div><div class="cleared"></div></div></div><div class="cleared"></div></div><div class="art-layout-cell art-sidebar2">   <div class="art-box art-block widget widget_text" id="text-10">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="art-box art-block widget widget_text" id="text-6">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">REKLAM ALANI </h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  </div><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="art-box art-block widget widget_categories" id="categories-3">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Linkler</h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul><li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li><li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li></ul><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="art-box art-block widget widget_text" id="text-18">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3></div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">herhangibir yazı gir veya kod girebilirsin..</div><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="cleared"></div></div></div></div></div><div class="cleared"></div><div class="art-footer">                  <div class="art-footer-body">                                   <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="YUKARI "></a>                              <div class="art-footer-text">                                    <p><a href="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#">Link3</a></p><p>Copyright © 2013. Tüm Hakları Saklıdır.</p><div class="cleared"></div><p class="art-page-footer">Web Tasarım:<a href="http://kodperest.blogspot.com" _fcksavedurl="http://kodperest.blogspot.com" target="_blank">http://kodperest.blogspot.com</a> </p></div><div class="cleared"></div></div></div><div class="cleared"></div></div></div><div class="cleared"></div></div><div id="wp-footer">	        	              </div>

CSS:

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;}  /* Theme Name: Metin2 Teması Theme URI: http://kodperest.blogspot.com Description: http://kodperest.blogspot.com - Metin2 teması Version: 1.0 Author: Halil Dönmez Author URI:http://kodperest.blogspot.com  Tags: fixed width, three columns, valid XHTML, widgets */   /* Yapımcı http://kodperest.blogspot.com */  #art-main, table {    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Times New Roman", Georgia, Times, Serif;    font-style: normal;    font-weight: bold;    font-size: 29px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #303030; }  .art-postcontent a:link {    text-decoration: none;    color: #303030; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #1F1F1F; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #404040; }  .art-postcontent h1 {    color: #303030;    margin: 10px 0 0; }  .art-blockcontent h1 {    margin: 10px 0 0; }  .art-postcontent h2 {    color: #404040;    margin: 10px 0 0;    font-size: 24px; }  .art-blockcontent h2 {    margin: 10px 0 0;    font-size: 24px; }  .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited  {    font-size: 24px; }  .art-postcontent h3 {    color: #303030;    margin: 10px 0 0;    font-size: 20px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 20px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 20px; }  .art-postcontent h4 {    color: #3D3D3D;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 18px; }  .art-postcontent h5 {    color: #171717;    margin: 10px 0 0;    font-size: 15px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 15px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 15px; }  .art-postcontent h6 {    color: #1F1F1F;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 14px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    min-width: 980px;    color: #242424;    background-color: #000000;    background-image: url('http://www.kozan.somee.com/metin2images/Bottom_texture.jpg');    background-repeat: repeat-y;    background-attachment: fixed;    background-position: center center; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://www.kozan.somee.com/metin2images/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 0 0 0 0;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    width:100%;    margin:0 auto;    min-height: 27px;    z-index: 100;    margin-top: 0;    margin-bottom: 0; }  .art-nav:before, .art-nav:after{    background-image: url('http://www.kozan.somee.com/metin2images/nav.png'); } .art-nav:before{    right: 0; } .art-nav:after{    width: 0; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    width:980px;    margin:0 auto; }  .art-nav-inner{    margin: 0 16px; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 27px;    cursor: pointer;    text-decoration: none;    color: #D1D1D1;    padding: 0 8px;    line-height: 27px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('http://www.kozan.somee.com/metin2images/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 0;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 0;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #D9D9D9; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -1px;    width:1px;    height: 27px;    background: url('http://www.kozan.somee.com/metin2images/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:1px; } ul.art-hmenu>li:first-child {    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 29px;    background-image: url('http://www.kozan.somee.com/metin2images/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #E4BE8B;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul li a:hover {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    z-index: -5;    width:100%;    height: 250px;    margin-top: 0;    margin-bottom: 0; } .art-header-position {    position: absolute;    top: 0;    right: 0;    left: 0; }   .art-header-wrapper  {    position: relative;    top:0;    width:980px;    margin:0 auto; } .art-header-inner  {    position: relative;    margin: 0 6px; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    width:100%;    height: 250px;    background-image: url('http://www.kozan.somee.com/metin2images/header.jpg');    background-repeat: no-repeat;    background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 135px;    left: 50%;    margin-left: -469px;    width: 939px; }  .art-logo-name {    display: block;    text-align: center;    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-name a,  .art-logo-name a:link,  .art-logo-name a:visited,  .art-logo-name a:hover {    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  .art-logo-text {    display: block;    text-align: center;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover {    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  /* end Logo */  /* begin Box, Sheet */ .art-sheet {    max-width:980px;    margin-top: 0;    margin-bottom: 0;    cursor:auto;    width: 980px; } .art-sheet-body  {    padding:16px;    min-width:10px;    min-height:10px;    padding-top:0;    padding-bottom:0; }  /* end Box, Sheet */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {    max-width:948px;    margin: 11px; } .art-vmenublock-body  {    padding:0; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 0;    min-height: 33px;    line-height:33px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 42px; } .art-vmenublockheader:after{    width: 42px; }  .art-vmenublockheader .t {    min-height: 33px;    line-height:33px;    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left; }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {    max-width:948px; } .art-vmenublockcontent-body  {    padding:6px; } .art-vmenublockcontent:before, .art-vmenublockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png'); } .art-vmenublockcontent:after{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    clip:rect(auto, auto, auto, 947px); } .art-vmenublockcontent:before,.art-vmenublockcontent-body:before{    right:1px; } .art-vmenublockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); } .art-vmenublockcontent-body:before{    right:1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); }  .art-vmenublockcontent:before{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    right:1px; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul {    list-style: none;    display: block; }  ul.art-vmenu, ul.art-vmenu li {    display: block;    margin: 0;    padding: 0;    width: auto;    line-height: 0; }  ul.art-vmenu {    margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {    display: none;    margin: 0;    padding: 0;    position:relative;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px;    text-align: center;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #CCCCCC;    padding: 0 34px 0 35px;    height: 34px;    line-height: 34px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #CCCCCC; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #999999; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://www.kozan.somee.com/metin2images/vmenuitem.png');    top:0;    height:34px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 0;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 0;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:0; } ul.art-vmenu>li>ul{    margin-top:0;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 24px;    overflow: visible;    background-image: url('http://www.kozan.somee.com/metin2images/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu>li>ul>li:first-child{    padding-top: 0;    margin-top:0; }   ul.art-vmenu li li{    position:relative;    margin-top:0; }  ul.art-vmenu ul ul a{    padding-left:30px; } ul.art-vmenu ul ul ul a{    padding-left:45px; } ul.art-vmenu ul ul ul ul a{    padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{    padding-left:75px; }  ul.art-vmenu ul li a.active {    color: #D1D1D1; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #474747; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:948px;    margin: 3px; } .art-block-body  {    padding:8px; }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 7px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 7px;    min-height: 29px;    line-height:29px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/blockheader.png'); } .art-blockheader:before{    right: 42px; } .art-blockheader:after{    width: 42px; }  .art-blockheader .t {    min-height: 29px;    line-height:29px;    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:948px; } .art-blockcontent-body  {    padding:8px;    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/blockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontent_b.png'); } .art-blockcontent:after{    clip:rect(auto, auto, auto, 947px); } .art-blockcontent:before,.art-blockcontent-body:before{    right:1px; } .art-blockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body:before{    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; }  .art-blockcontent-body p {    margin: 0 5px; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #0F0F0F; }  .art-blockcontent-body ul li {    line-height: 125%;    color: #303030;    margin: 5px 0 0 10px;    padding: 0 0 0 12px;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #F2E1C9 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 27px;    height: 27px;    margin: 0 !important;    padding: 0 9px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 27px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:948px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #DEDEDE !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #DEDEDE !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('http://www.kozan.somee.com/metin2images/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 5px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 5px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:948px;    margin: 2px; } .art-post-body  {    padding:12px; } .art-post:before, .art-post:after  {    content: url('http://www.kozan.somee.com/metin2images/post_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/post_b.png'); } .art-post:after{    clip:rect(auto, auto, auto, 945px); } .art-post:before,.art-post-body:before{    right:3px; } .art-post-body:after{    width: 3px;    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); } .art-post-body:before{    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #C4C4C4;    border-style: solid;    border-width: 1px;    margin: 10px 10px 10px 10px; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #242424;    margin: 5px 0;    line-height: 1em;    font-size: 26px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 26px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #303030; }  .art-postheader a:visited, .art-postheader a.visited {    color: #303030; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #404040; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #242424; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: underline;    color: #303030; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #303030; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 14px;    color: #242424;    margin: 5px 0 5px -15px;    padding: 0 0 0 12px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('http://www.kozan.somee.com/metin2images/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 12px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {    color: #303030; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin:5px; }  blockquote {    margin: 10px;    padding: 4px;    background-color: #F0DCC1;    margin-left: 50px;    padding-left: 37px;    background-image: url('http://www.kozan.somee.com/metin2images/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostMetadata, PostMetadataFooter */ .art-postmetadatafooter {    position:relative;    z-index:1;    padding: 1px;    background-image: url('http://www.kozan.somee.com/metin2images/postmetadatafooter_bg.png');    border-color: #C4C4C4;    border-style: solid;    border-width: 1px; } /* end PostMetadata, PostMetadataFooter */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #292929; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: underline;    color: #333333; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #333333; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block;    line-height: 1em; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block;    line-height: 1em; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block;    line-height: 1em; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:10px;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 2px;    color: #A3A3A3;    font-size: 10px; }  .art-footer-body ul li {    font-size: 14px;    line-height: 125%;    color: #E0E0E0;    padding: 0 0 0 10px;    background-image: url('http://www.kozan.somee.com/metin2images/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:0;    background-image: url('http://www.kozan.somee.com/metin2images/footer.png');    background-position:bottom left; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   12px;    bottom:2px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://www.kozan.somee.com/metin2images/rssicon.png');    background-position: center right;    background-repeat: no-repeat;    height: 32px;    width: 32px;    cursor: default; }  .art-footer-text p {    padding:0;    margin:0;    text-align: center; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #A3A3A3;    font-size: 10px; }  .art-footer-text {    min-height: 32px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer-body a:visited {    color: #B0B0B0; }  .art-footer-body a:hover {    color: #DAA662;    text-decoration: none; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 40px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #C4C4C4; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #C4C4C4; } /* end PageFooter */  /* begin WordPress, Template.WordPress */ form.art-search {    display:block;    position: relative;    width: 98%;    padding:0;    margin:0 auto !important;    border: none; }  form.art-search div {    margin: 0 18px 0 -2px; }  input.art-search-text {    display: block;    margin: 0;    width: 100%;    padding-right: 16px; }  input.art-search-button {    display: block;    position: absolute;    right: 0;    top: 0;    height: 100%;    padding: 0;    margin: 0;    width: 16px;    background:url('http://www.kozan.somee.com/metin2images/search.png') center center no-repeat;    border: none; } /* end WordPress, Template.WordPress */  /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 {    width: 200px; } /* end LayoutCell, sidebar1 */  /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 {    width: 200px; } /* end LayoutCell, sidebar2 */  textarea#comment {    width:99%; }  ul#comments-list div.avatar {    float:right; }  ul#comments-list, ul#comments-list li {    background: none;    padding:0; }  ul#comments-list li li {    margin-left: 20px; }  div.avatar {    position:relative;    margin: 7px;    border: 1px solid #aaa;    padding: 1px;    background: #fff;    float:left; }  div.avatar img, div.avatar img.wp-post-image {    margin:0 !important;    padding:0;    border:none; }  span.page-navi-outer, span.page-navi-inner  {    position:relative;    display:block;    float:left;    margin:0;    padding:0; }  span.page-navi-outer {    margin: 1px;    border: 1px solid #aaa; }  span.page-navi-inner  {    padding: 1px;    min-width:14px;    line-height:18px;    text-align:center;    border: 2px solid #fff;    font-weight:bold; }  a span.page-navi-inner, span.page-navi-caption span.page-navi-inner  {    border-width:1px;    font-weight:normal; }  a span.page-navi-outer, span.page-navi-caption {    margin:2px 1px; }  ul#comments-list li cite {    font-size: 1.2em; }  #commentform textarea {    width: 100%; }  #commentform {    text-align:left; }  .rtl #commentform {    text-align:right; }  img.wp-smiley {    border: none;    margin: 1px;    vertical-align:middle;    padding: 0; }  .navigation {    display: block;    text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  p.aligncenter , p.center  {    text-align: center; }  .alignleft {    float: left; }  .alignright {    float: right; }  .alignright img, img.alignright {    margin: 1em;    margin-right: 0; }  .alignleft img, img.alignleft {    margin: 1em;    margin-left: 0; }  .wp-caption {    border: 1px solid #ddd;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    text-align: center; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; }  .wp-caption p {    text-align: center; }  .gallery {    margin: 0 auto 18px;    clear:both;    overflow:hidden;    letter-spacing: normal; }  .gallery .gallery-item {    float: left;    margin-top: 0;    text-align: center;    width: 33%; } .gallery img {    border: 10px solid #f1f1f1; }  .gallery .gallery-caption {    color: #888;    font-size: 12px;    margin: 0 0 12px; }  .gallery dl {    margin: 0; }  .gallery br+br {    display: none; } /* End */  .hidden {    display: none; }  /* Calendar */ #wp-calendar {    empty-cells: show;    margin: 10px auto 0;    width: 155px; }  #wp-calendar #next a {    padding-right: 10px;    text-align: right; }  #wp-calendar #prev a {    padding-left: 10px;    text-align: left; }  #wp-calendar a {    display: block; }  #wp-calendar caption {    text-align: center;    width: 100%; }  #wp-calendar td {    padding: 3px 0;    text-align: center; }  .art-content {    position: relative;    z-index: 1; }  #todays-events{    position: relative;    z-index: 11; }  #upcoming-events{    position: relative;    z-index: 10; }  img.wp-post-image  {    margin:0 5px 5px 0 !important; }  ul#comments-list li {    list-style-image: none;    background:none;    list-style-type:none; }  div.art-footer div.art-content-layout {    margin:0 auto;    width:100%; }  div.art-layout-cell-size1  {    width:100%; }  div.art-layout-cell-size2  {    width:50%; } div.art-layout-cell-size3  {    width:33%; }  div.art-layout-cell-size4 {    width:25%; }  .art-widget-title {    padding:0 0 0 24px;    margin-bottom:0; }  div.art-center-wrapper {    position: relative;    float: right;    right: 50%; }  div.art-center-inner {    position: relative;    float: left;    left: 50%; }  .firefox2 div.art-center-inner {    float: none; }  div.breadcrumbs h4,  div.breadcrumbs p,  li.pingback p,  #respond p, h3#reply-title,  h4#comments,  h4.box-title {    margin:0; }  #respond .comment-notes {    margin-bottom: 1em; }  .form-allowed-tags {    line-height: 1em; }  #comments-list #respond {    margin-left: 22px !important; }  #cancel-comment-reply-link {    font-size: 12px;    font-weight: normal;    line-height: 18px; }  #respond .required {    color: #ff4b33;    font-weight: bold; }  #respond label {    font-size: 12px; }  #respond input {    margin: 0 0 9px;    width: 98%; }  #respond textarea {    width: 98%; }  #respond .form-allowed-tags {    font-size: 12px;    line-height: 18px; }  #respond .form-allowed-tags code {    font-size: 11px; }  #respond .form-submit {    margin: 12px 0; }  #respond .form-submit input {    font-size: 14px;    width: auto; }  .art-footer .art-widget-title  {    font-size:1.2em;    padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {    color: #A3A3A3;    font-size: 10px;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer .art-widget a:visited {    color: #B0B0B0; }  .art-footer .art-widget a:hover {    color: #DAA662;    text-decoration: none; }  DIV[id^="GMPmap"] IMG  {    margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */  iframe{border:solid 4px #ffa020;}