Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.02.2010, 22:16 (UTC)    
Mesaj konusu:

@yesilcamlica forum'da tasarım isteği yapmak yasak'tır. Tema veya editlenmesini istemek arti kodlama isteğinde bulunmak yasaktır.
Bu konu'daki tasarımlar'dan istediğini kullanabilirsin...

______________
-Kul der ki; "İşlerimi halledip, Rabbime yöneleyim."
Rabbi der ki; "Bana yönelin, işlerinizi halledeyim."
Mesaj11.02.2010, 13:10 (UTC)    
Mesaj konusu:



Üstü:
Kod:
<div id="genel">
<div id="header">
<div id="headersag">
<div id="duyurular">
<div class="duyurular">Bölüm 1 :</br> İçerik...</div>
</div>
</div></div>

<div id="icerikorta"><div class="icerikyazi">


Altı:
Kod:
</div>
</div>

<div id="footeralt">
<div class="reklamalt"><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" /><img alt="" src="http://img.webme.com/pic/m/mehmet-altiner/jk.png" />
</div></div>
</div>


Css
Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body{background-color:#8de1eb; margin-left:auto; margin-right:auto;}

#genel{background-color:#ededed; width:850px; margin-left:auto; margin-right:auto;}

#header{background:url(http://img.webme.com/pic/m/m-tasarim/1.png); width:850px; height:136px; float:left; margin-left:auto; margin-right:auto;}

#headersag{width:585px; height:100px; margin-left:auto; margin-right:auto; float:right;}

#duyurular{background-image:url(); width:500px; height:50px; float:left; margin-top:2px;}
.duyurular{padding:10px 0 0 185px;}

#icerikorta{ background-image:url(http://img.webme.com/pic/m/m-tasarim/2.gif); width:850px; float:left; margin-left:auto; margin-right:auto;}
.icerikyazi{width:600px; padding:0 0 0 20px; float:left;}

#footeralt{ background-image:url(http://img.webme.com/pic/m/m-tasarim/3.png); width:850px; height:201px; float:left; margin-left:auto; margin-right:auto;}
.reklamalt{padding:40px 0 0 20px; float:left;}
Mesaj13.02.2010, 08:57 (UTC)    
Mesaj konusu:

Teşekkürler Arkadaşlar Çok Güzel Tasarımşar
Mesaj13.02.2010, 21:17 (UTC)    
Mesaj konusu: süper csss

t üstü

<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/jquery-1.2.2.pack.js" type="text/javascript"></script>
<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/featuredcontentglider.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://testrun.wptr.net/wp-content/themes/IBlues/featuredcontentglider.css" />
<div id="rap">
<div id="top">
<div id="topleft">
<ul id="menu">
<li class="current_page_item"><a href="http://htmlkodu99.tr.gg/">Anasayfa</a></li>
<li class="page_item page-item-2"><a href="http://htmlkodu99.tr.gg/Banner-kodumuz.htm">Banner kodumuz</a></li>
<li class="page_item page-item-2"><a href="http://htmlkodu99.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
<li class="page_item page-item-2"><a href="http://htmlkodu99.tr.gg/Ziyaret%E7i-defteri.htm">Z. Defteri</a></li>
<li class="page_item page-item-2"><a href="http://htmlkodu99.tr.gg/Top-liste.htm">Top-List</a></li>
</ul>
</div>
<div id="topright">
<form class="searchform" method="get" action="http://testrun.wptr.net/">
<fieldset>
<label>Arama Yap</label>
<input value="" name="s" class="searchinput" type="text">
<input value="" class="searchbutton" type="submit">
</fieldset>
</form>
</div>
</div>
<div id="header">
<div class="header-title"><a href="http://htmlkodu99.tr.gg/">Reklam alanı 1/ Hosting</a></div>
<div class="header-description">Profesyonel Webmaster Servisi</div>
</div>
<!-- begin cat navigation -->
<div id="category">
<div id="categoryx">
<ul id="dcategory">
<li class="cat-item cat-item-1"><a href="http://htmlkodu99.tr.gg/Yeni-Css-Tasar%26%23305%3Bmlar%26%23305%3B.htm">Yeni Css Tasarımları </a>
</li>
<li class="cat-item cat-item-3"><a href="http://htmlkodu99.tr.gg/Css-Tasar%26%23305%3Bm-Butonlar%26%23305%3B.htm">Css Tasarım Butonları</a>
</li>
</ul>
</div>
<div id="categoryy"></div>
<div class="clear"></div>
</div>
<!-- end -->
<!-- begin sidebar -->
<div id="menu-right">
<h5>Reklamlar / Sponsorlar</h5>
<!-- Main Ad Body Starts -->
<div id="adcontainer">
<div id="adboxes">
<ul>
<li><a href="http://htmlkodu99.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://htmlkodu99.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="_blank"><img src="http://img.webme.com/pic/c/css-

sablon/125x125css-sablon.jpeg" _fcksavedurl="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon"

width="125" border="0" height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg"

_fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0"

height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg"

_fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0"

height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg"

_fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0"

height="125"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!--Main Ad Body End-->
<h5 class="coltitle">Dosyalarım</h5>
<ul> <li><a href="http://htmlkodu99.tr.gg/sitene-k.oe.%26%23351%3Be-yazarlar%26%23305%3B-ekle.htm">Sitene köşe yazarları ekle</a></li>
<li><a href="http://htmlkodu99.tr.gg/rap-de-son-haberler.htm">Rap de sın haber</a></li>
<li><a href="http://hitgaranti-merkezi.tr.gg/Pagerank-D.ue.%26%23351%3Bme-Nedenleri.htm">Pagerank Düşme Nedenleri</a></li>
<li><a href="http://htmlkodu99.tr.gg/tv-yay%26%23305%3Bn-ak%26%23305%3B%26%23351%3B%26%23305%3B.htm">Tv Yayın akışı</a></li>
<li><a href="http://htmlkodu99.tr.gg/kod-test-et.htm">Kod test et</a></li>
</ul>
<ul><li id="search">
</li></ul>
<h5>Dosylarım 2</h5>
<ul>
<li id="archives">
<ul>
<li><a href="http://htmlkodu99.tr.gg/puan-durumu-kodu.htm">Puan durumu kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/%E7ok-sat%26%23305%3Blan-kitaplar-kodu.htm">En çok satılan kitaplar kodu </a></li>
<li><a href="http://htmlkodu99.tr.gg/kapsaml%26%23305%3B-arama-motoru-modu-kodu.htm">Kapsamlı arama motoru </a></li>
<li><a href="http://htmlkodu99.tr.gg/g.ue.nl.ue.k-de%26%23287%3Bi%26%23351%3Ben-hadisler.htm">Günlük değişen hadisler kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/ileri_geri-y.oe.nlendirme-kodu.htm">İleri geri yönlendirme kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/t.ue.m.ue.n.ue.-se%E7-kodu.htm">Tümünü seç kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/windows-tipi-buton-kodu.htm">Windows tipi buton kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/e_mail-buton-kodu.htm">Email buton kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/alarm-buton--kodu.htm">Alarm buton kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/terore-lanet-kodu.htm">Teröre lanet kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/simli-yaz%26%23305%3B-yazma-kodu.htm">Simli yazma kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/nick-yazma-kodu.htm">Nick yazma kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/arka-plana-mp3-ekleme-kodu.htm">Arka plana mp3 ekleme kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/harika-gifler-ve-kodlar%26%23305%3B.htm">Harika gifler ve kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-mp3-player-ekleme-kodu.htm">Sitene mp3 ekle kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/.ue.sl.ue.ler-foto-album-kodu.htm">ünlüler foto albüm kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/animasyonlu-yaz%26%23305%3B-kodu.htm">Animasyonlu yazılar kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/bayrak-gifleri-kodu.htm">Bayrak gifleri kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/bedava-sitem-temalar%26%23305%3B.htm">Bedava sitem tema</a></li>
<li><a href="http://htmlkodu99.tr.gg/3-boyutlu-saat-kodu.htm">3 Boyutlu saat kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/yaz%26%23305%3B-efekt-html-kodu.htm">Yazı efekt html kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/ho%26%23351%3B-geldiniz-gifleri.htm">Hoşgeldiniz gifleri</a></li>
<li><a href="http://htmlkodu99.tr.gg/kod-genaratorleri.htm">Kod generatörü</a></li>
<li><a href="http://htmlkodu99.tr.gg/%26%23305%3Bce-blue-butonlar%26%23305%3B.htm">Ice blue butonları</a></li>
<li><a href="http://htmlkodu99.tr.gg/BUTTERFLY-MEN-Ue--BUTTONLARI.htm">Butterfly menü butonları</a></li>
<li><a href="http://htmlkodu99.tr.gg/blogcular-i%E7in-html-kodlar%26%23305%3B.htm">Blogcular için html kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/buton-yapma--program%FD.htm">Buton yapma programı</a></li>
<li><a href="http://htmlkodu99.tr.gg/cussor_maus-gifleri--kodlar%26%23305%3B.htm">cussor-maus gifleri kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/d.oe.viz-html-kodlar%26%23305%3B.htm">Döviz html kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/e%26%23287%3Blenceli-bir-kod.htm">Eğlenceli bir kod</a></li>
<li><a href="http://htmlkodu99.tr.gg/en-%E7ok-indirilenler-kodu.htm">En çok indirilenler kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/fare-pe%26%23351%3Binde-takvim-kodu.htm">Fare peşinde takvim kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/fareyi--takip-eden-g.oe.zler.htm">fareyi takip eden gözler</a></li>
<li><a href="http://htmlkodu99.tr.gg/f%26%23305%3Bkra-html-kodu.htm">fıkra html kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/forum-html-servisi.htm">forum html servisi</a></li>
<li><a href="http://htmlkodu99.tr.gg/gazete-html-kodlar%26%23305%3B.htm">gazete html kodları</a></li>
</ul>
</li>
</ul>
<ul>
<li id="link"><h5>Dosyalarım 3</h5>
<ul>
<li><a href="http://htmlkodu99.tr.gg/grup-hepsi-arkaplan-kodlar%26%23305%3B.htm">grup hepsi arkaplan kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/web-siteler-i%E7in-haz%26%23305%3Br-men.ue.-ve-kodlar%26%23305%3B.htm">web siteler için hazır menü ve kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/%26%23305%3Bce-blue-ba%26%23351%3Bl%26%23305%3Bk-resmleri.htm">ıce blue başlık resmleri</a></li>
<li><a href="http://htmlkodu99.tr.gg/butterfly-ba%26%23351%3Bl%26%23305%3Bk-resmi.htm">butterfly başlık resmi</a></li>
<li><a href="http://htmlkodu99.tr.gg/red-ba%26%23351%3Bl%26%23305%3Bk-resimleri.htm">red başlık resimleri</a></li>
<li><a href="http://htmlkodu99.tr.gg/%26%23305%3Bce-blue-tasar%26%23305%3Bm-.htm">ıce blue tasarım </a></li>
<li><a href="http://htmlkodu99.tr.gg/javascript-kodlar%26%23305%3B.htm">javascript kodları</a></li>
<li><a href="http://htmlkodu99.tr.gg/ba%26%23351%3Bl%26%23305%3Bk-resmi-ekleme-video-anlat%26%23305%3Bm%26%23305%3B.htm">başlık resmi ekleme video anlatımı</a></li>
<li><a href="http://htmlkodu99.tr.gg/haber-kodu-ekleme-video-anlat%26%23305%3Bm.htm">haber kodu ekleme video anlatım</a></li>
<li><a href="http://htmlkodu99.tr.gg/resim-ekleme-video-anlat%26%23305%3Bm.htm">resim ekleme video anlatım</a></li>
<li><a href="http://htmlkodu99.tr.gg/mp3-player-ekleme-video-anlat%26%23305%3Bm%26%23305%3B.htm">mp3 player ekleme video anlatımı</a></li>
<li><a href="http://htmlkodu99.tr.gg/chat-odas%26%23305%3B-ekleme-video-anlat%26%23305%3Bm%26%23305%3B.htm">chat odası ekleme video anlatımı</a></li>
<li><a href="http://htmlkodu99.tr.gg/canl%26%23305%3B-tv-ekleme-video-anlat%26%23305%3Bm%26%23305%3B.htm">canlı tv ekleme video anlatımı</a></li>
<li><a href="http://htmlkodu99.tr.gg/klip-koyma-kodu.htm">klip koyma kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/belgesel-video-kodu.htm">belgesel video kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/komik-videolar-kodu.htm">komik videolar kodu</a></li>
</ul>
</li>
</ul>
<ul>
<li id="meta"><h5>Dosyalarım 4</h5>
<ul>
<li><a href="http://htmlkodu99.tr.gg/E_devlet-linkleri-kdou.htm">E-devlet linkleri kdou</a></li>
<li><a href="http://htmlkodu99.tr.gg/css-tasar%26%23305%3Bmlar%26%23305%3B.htm">css tasarımlar</a></li>
<li><a href="http://htmlkodu99.tr.gg/yaz%26%23305%3Bya-link-verme.htm">yazıya link verme</a></li>
<li><a href="http://htmlkodu99.tr.gg/linki-yeni-pencerede-a%E7ma.htm">linki yeni pencerede açma</a></li>
<li><a href="http://htmlkodu99.tr.gg/mail-linki-verme-kodu.htm">mail linki verme kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/resme-link-vermek.htm">resme link vermek</a></li>
<li><a href="http://htmlkodu99.tr.gg/kal%26%23305%3Bn-yaz%26%23305%3B-kodu.htm">kalın yazı kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/italik-yaz%26%23305%3B-yazma-kodu.htm">italik yazı yazma kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/alt%26%23305%3B-%E7izili-yaz%26%23305%3B-yazma-kodu.htm">altı çizili yazı yazma kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/flash-ekleme-kodu.htm">flash ekleme kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-d.oe.viz-ekle.htm">sitene döviz ekle</a></li>
<li><a href="http://htmlkodu99.tr.gg/tv-de-bu-g.ue.n-kodu.htm">tv de bu gün kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-%26%23304%3BNG_TR-s.oe.zl.ue.k.htm">sitene İNG-TR sözlük</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-atat.ue.rk-k.oe.%26%23351%3Besi-ekle.htm">sitene atatürk köşesi ekle</a></li>
<li><a href="http://htmlkodu99.tr.gg/radyo-kodu.htm">radyo kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-sohbet-kodu.htm">sitene sohbet kodu</a></li>
<li><a href="http://htmlkodu99.tr.gg/ice-blue-tasar%26%23305%3Bmlar%26%23305%3B.htm">ice blue tasarımları</a></li>
<li><a href="http://htmlkodu99.tr.gg/html-dersleri-indir.htm">html dersleri indir</a></li>
<li><a href="http://htmlkodu99.tr.gg/32-adet-css-e%26%23287%3Bitim-videosu.htm">32 adet css eğitim videosu</a></li>
<li><a href="http://htmlkodu99.tr.gg/sitene-bir-s.ue.r.ue.-html-kodlar%26%23305%3B.htm">sitene bir sürü html kodları</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div id="pagecontent">
<!-- end header -->
<script type="text/javascript">

featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: "leftright", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 5] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>
<h3> Css-Sablon / Hosting Tasarımı </h3>
<div id="canadaprovinces" class="glidecontentwrapper">
<div style="left: 0px; height: 230px; visibility: visible; z-index: 115;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-

sablon.jpeg" _fcksavedurl="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon" style="padding: 5px; float: left;"

border="0"></a>
Arkadaşlar REKLAMINIZI VERMEK İSTİYORSANIZ LÜTFEN YA İLETİŞİMDEN YADA ÖZEL MESAJDAN GÖRÜŞELİM</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
<div style="left: 0px; height: 230px; visibility: visible; z-index: 113;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-

sablon.jpeg" _fcksavedurl="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: right;"

border="0"></span></a><strong> 2. Duyuru </strong></p>
<p>Arkadaşlar REKLAMINIZI VERMEK İSTİYORSANIZ LÜTFEN YA İLETİŞİMDEN YADA ÖZEL MESAJDAN GÖRÜŞELİM</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
<div style="left: 0px; height: 230px; visibility: visible; z-index: 114;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="http://img.webme.com/pic/c/css-sablon/125x125css-

sablon.jpeg" _fcksavedurl="http://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: left;"

border="0"></a> 3. Duyuru </p>
<p>Arkadaşlar REKLAMINIZI VERMEK İSTİYORSANIZ LÜTFEN YA İLETİŞİMDEN YADA ÖZEL MESAJDAN GÖRÜŞELİM</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
</div>
<div lastselected="0pg" style="display: block;" id="p-select" class="glidecontenttoggler">
<a loadpage="2pg" buttontype="previous" href="#" _fcksavedurl="#" class="prev">Eski</a>
<a pagenumber="0pg" href="#" _fcksavedurl="#" class="toc selected">Css-Sablon</a> <a pagenumber="1pg" href="#" _fcksavedurl="#"

class="toc">Css-Sablon </a> <a pagenumber="2pg" href="#" _fcksavedurl="#" class="toc">Css-Sablon </a>
<a loadpage="1pg" href="#" _fcksavedurl="#" class="next">Sonraki</a></div>
<div class="post">
<h2 id="post-4">Css-Sablon</h2>
<div class="meta">Profesyonel Webmaster Hizmeti</div>
<div class="storycontent">
<p>



t altı

</p>
<div class="spacer"></div>
</div>
<div class="feedback"> <a href="http://htmlkodu99.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="#"> Ziyaretçi Defteri </a> ::: <a href="#" _fcksavedurl="http://htmlkodu99.tr.gg/%26%23304;leti%26%23351;im.htm"> İletişim </a></div>
</div><br>
<!-- begin footer -->
</div>
<div id="credit">
<p>Copyright © 2009 | Tüm Hakkı Saklıdır!!! | Tema Tasarım ve Kodlama : <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</a></p>
</div>




css bölümü

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: I-Blues
Theme URI: http://topwpthemes.com/i-blues/
Description: Designed by <a href=http://webtop99.com _fcksavedurl=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes></a>WordPress Themes Gallery</a>
Author: Web Top
Author URI: http://webtop99.com
© 2008, Web Top. All rights reserved.
*/
/*
* Default HTML tags
*/
a {
color: #181818;
}
a:visited {
color: #181818;
text-decoration: underline;
}
a:hover {
color: #181818;
}
acronym, abbr {
cursor: help;
}
blockquote {
margin-left: 10px;
padding-left: 10px;
border-left: 5px solid #01bcf3;
}
body {
background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top;
color: #282828;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0px;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 3px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #181818;
padding: 5px 13px 5px 3px;
}
h3 {
font-size: 12px;
margin: 28px 0 5px 0;
padding: 4px 0 4px 0;
font-weight: bold;
color: #181818;
background: #e8f6fd;
text-align: center;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
h4 {
font-size: 12px;
margin: 10px 0 10px 0;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg);
height: 20px;
text-align: center;
}
h4 a,
h4 a:visited,
h4 a:hover,
h4 a:visited:hover {
text-decoration: none;
color: #181818;
}
h5 {
font-size: 12px;
margin: 10px 0 10px 0;
padding: 6px 0 8px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png);
width: 301px;
text-align: center;
}
h5 a,
h5 a:visited,
h5 a:hover,
h5 a:visited:hover {
text-decoration: none;
color: #181818;
}
#pagecontent img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #fefefe;
margin-right: 5px;
margin-left: 3px;
}
#pagecontent img.alignleft {
float: left;
margin: 3px 3px 3px 0px;
}
#pagecontent img.alignright {
float: right;
margin: 3px 0px 3px 3px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/* Link to the comments */
.feedback {
color: #181818;
font-weight: bold;
font-size: 11px;
background: #d3edfa;
text-align: right;
padding: 4px 10px 6px 0px;
clear: both;
text-transform: lowercase;
border-bottom: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.feedback a, .feedback a:visited { color: #008ed0;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover { color: #181818;
text-decoration: none;
}
/* The post informations */
.meta {
font-size: 11px;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #181818;
text-transform: lowercase;
text-decoration: none;
}
.meta a:hover {
text-decoration: underline;
}
.meta {
color: #181818;
background: #d3edfa;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0;
border-top: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.storycontent {
font-size: 115%;
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #830000;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#pagecontent {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}
#pagecontent ol li {
list-style: decimal;
}
#pagecontent ul {
margin-top: 10px;
margin-left: 35px;
}
#pagecontent ul li {
list-style-image: none;
}
#pagecontent-big {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: justify;
display: inline;
}
.spacer { padding: 0px;
text-align: right;
clear: both;
text-transform: lowercase;
padding-top: 5px;
}
#header {
font-size: 32px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0px auto;
height: 284px;
width: 1000px;
padding: 0;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/header.jpg) no-repeat;
}
.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:26px;
font-weight:bold;
padding: 90px 0 0 198px;
text-align:left;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 1px 0 0 199px;
text-align:left;
}
Top part CSS
*/
#top {
width: 1000px;
height: 34px;
margin: 0px auto;
}
#topleft {
float: left;
height: 34px;
padding-left: 0px;
}
#topright {
float: right;
height: 34px;
padding-right: 10px;
}
Page navigation CSS
*/
#menu {
float: left;
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#menu li {
float: left;
display: block;
height: 32px;
border-right: 1px solid #b6e4fb;
}
#menu li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#menu li a {
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
font-size: 11px;
font-weight: bold;
color: #008ed0;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#menu li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x;
color: #01bcf3;
}
#menu li.current_page_item a {
background: #FFF;
color: #01bcf3;
}
#menu li.current_page_item a:hover {
background: #FFF;
color: #01bcf3;
}
#menu ul {
display: none;
z-index: 99;
position: absolute;
}
#menu ul li a {
display: block;
background: #FFF;
}
#menu li ul a:hover {
display: block;
background: #FFF;
}
#menu ul a {
display: block;
}
#menu ul ul {
margin-top: -27px;
display: none;
margin-left: 198px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#menu li:hover ul ul {
display: none;
}
#menu li:hover ul {
display: block;
}
#menu ul li:hover ul {
display: block;
}
#menu li ul li {
display: block;
width: 100%;
}
#menu li.page_item ul {
border-top: 2px solid #b6e4fb;
width: 200px;
}
#menu li.page_item a {
display: block;
}
#menu li.page_item a:hover {
display: block;
}
#menu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
text-decoration: none;
}
#menu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
background: #FFF;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #333;
}
/*
Search form CSS
*/
.searchform {
display: inline;
}
.searchform fieldset {
display: inline;
margin-top: 1px;
padding-top: 4px;
border: #34c3f3 0px solid;
}
.searchform label {
vertical-align: middle;
display: inline;
margin-right: 5px;
font-size: 11px;
color: #01bcf3;
font-weight: bold;
}
.searchform input {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.searchinput {
background: #FFF;
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
color: #282828;
}
.searchbutton {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat;
width: 16px;
height: 16px;
margin-bottom: 2px;
text-transform: uppercase;
cursor: pointer;
color: #FFF;
font-weight: bold;
border: 0px solid #b6e4fb;
}
/*
Main Category Menu CSS
*/
#category {
width: 1000px;
height: 30px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
#categoryx {
float: left;
width: 965px;
height: 30px;
padding-left: 10px;
}
#categoryy {
float: right;
width: 5px;
height: 30px;
}
#dcategory {
float: left;
height: 30px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#dcategory li {
float: left;
display: block;
height: 30px;
border-right: 1px solid #b6e4fb;
}
#dcategory li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#dcategory li a {
display: block;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #008ed0;
font-weight: bold;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#dcategory li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
#dcategory ul {
display: none;
z-index: 99;
position: absolute;
}
#dcategory ul li a {
display: block;
background: #FFF;
}
#dcategory li ul a:hover {
display: block;
background: #FFF;
}
#dcategory ul a {
display: block;
}
#dcategory ul ul {
margin-top: -26px;
display: none;
margin-left: 200px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#dcategory li:hover ul ul {
display: none;
}
#dcategory li:hover ul {
display: block;
}
#dcategory ul li:hover ul {
display: block;
}
#dcategory li ul li {
display: block;
width:100%;
}
#dcategory li.cat-item ul {
width: 260px;
}
#dcategory li.cat-item a {
display: block;
}
#dcategory li.cat-item a:hover {
display: block;
}
#dcategory li.cat-item ul li a {
display: block;
margin-left: -1px;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #008ed0;
font-weight: bold;
border: 1px solid #b6e4fb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
}
#dcategory li.cat-item ul li a:hover {
display: block;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #282828;
font-weight: bold;
background: #b6e4fb;
border: 1px solid #b6e4fb;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
}
/*
/* The credits at the bottom of the site */
#credit {
width: 1000px;
height: 32px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg);
text-align: center;
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left: auto;
margin-right: auto;
padding: 0;
clear: both;
}
#credit a, #credit a:visited {
color: #282828;
text-decoration: none;
}
#credit a:hover, #credit a:visited:hover {
color: #282828;
text-decoration: none;
}
#credit p {
color: #282828;
text-align: center;
padding-top: 10px;
font-weight: bold;
}
/*
Subscribe RSS Form
*/
.subscribe {
width: 294px;
}
.subscribe fieldset {
display: inline;
margin-bottom: 10px;
border: 1px dotted #f4fbfe;
width: 270px;
}
.subscribe input {
display: inline;
vertical-align: middle;
}
.feedinput {
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
color: #282828;
font-size: 11px;
}
.feedinput:focus {
background: #ffffff;
border: 1px dotted #b6e4fb;
}
.feedsubmit {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat;
font-size: 11px;
font-weight: bold;
width: 44px;
height: 21px;
color: #fff;
cursor: pointer;
border: 0px dotted #b6e4fb;
}
.feedlink {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left;
padding-bottom: 2px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
margin-right: 10px;
}
/*
* right sidebar
*/
#menu-right {
float: right;
display: inline;
width: 301px;
margin: 10px 10px 10px 0px;
font-size: 11px;
padding: 0px 8px 18px 8px;
border: 1px solid #b6e4fb;
background: #fefefe;
}
#menu-right h2 {
font-size: 18px;
margin: 8px 0 2px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #01bcf3;
}
#menu-right a,
#menu-right a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
}
#menu-right a:hover,
#menu-right a:visited:hover {
text-transform: lowercase;
text-decoration: underline;
color: #181818;
}
#menu-right ul ul {
margin-left: 12px;
}
#menu-right ul ul li {
list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png);
margin-left: 8px;
}
.box {
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
.box p {
font-size: 1.0em;
line-height: 1.3em;
color: #282828;
margin: 0px 0px 7px 0px;
}
.postbox {
margin-bottom: 10px;
background: #FFF;
padding: 10px;
border: 1px solid #b6e4fb;
}
.postbox p {
font-size: 1.0em;
line-height: 1.3em;
text-align: justify;
margin: 0;
color: #666;
}
#adcontainer {
padding: 0px 0 0 0;
margin:0;
width: 300px;
}
#adboxes{
padding: 13px 0 14px 0px;
width:300px;
background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x;
float:left;
position: relative;
}
#adboxes ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}
#adboxes ul li {
display:block;
margin: 2px 4px 0px 0px !important;
padding: 0px !important;
float:left;
list-style: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
#menu-right img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #ffffff;
}
#menu-right img.alignleft {
float: left;
margin: 3px 3px 3px 0;
}
#menu-right img.alignright {
float: right;
margin: 0 3px 3px 3px;
}
/* End of right sidebar */
#rap {
width: 1000px;
margin: 0px auto;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y;
text-align: left;
padding: 0px;
border-left: 1px solid #02b9f1;
border-right: 1px solid #02b9f1;
}
.submit_button {
float: left;
padding:0; margin:0;
border:0;
height:23px;
width:130px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat;
}
input#s {
width: 200px;
border: 1px solid #830000;
color: #282828;
margin-top: 5px;
}

table {margin-left: auto;margin-right: auto}
Mesaj13.02.2010, 21:22 (UTC)    
Mesaj konusu:

@htmlkodu99 kod paylaşırken code butonuna basınız. Böyle kötü bir görünüm oluşuyor..
______________
-Kul der ki; "İşlerimi halledip, Rabbime yöneleyim."
Rabbi der ki; "Bana yönelin, işlerinizi halledeyim."
Mesaj14.02.2010, 22:53 (UTC)    
Mesaj konusu:

webpaylasimi yazmış:
Sol menü ve üst menülü v.20 tasarım kodları orjinali için http://webpaylasimi.tr.gg/WebPaylasim-v-.-2-.-0.htm

Sitenize Bannerimizi eklemeniz yeterli olacaktır...
[img]http://img.webme.com/pic/w/webpaylasimi/llll.bmp[/img]


T.üstüne:
Kod:
<div id="tasarim">
<div id="baslik"></div>
<div id="ust">
</div>
<div id="orta">
<div class="solsutun"><form method="post" action="http://webpaylasimi.tr.gg/Forum/index.htm" name="">
    <h3>&nbsp;</h3>
    <hr width="100%" size="2" />
    <h3><font color="#ff0000"><br />
    Foruma Giriş</font></h3>
    <hr width="100%" size="2" />
    <table width="373" height="142" class="forumtabelle">
        <tbody>
            <tr>
                <td>Kullanıcı Adı:<br />
                <input type="text" style="width: 100px;" name="modulenter[nick]" /></td>
            </tr>
            <tr>
                <td>Şifre:<br />
                <input type="password" style="width: 100px;" name="modulenter[pwd]" /></td>
            </tr>
            <tr>
                <td><input type="submit" value="Giriş Yap" /><input type="hidden" value="login" name="mode" /></td>
            </tr>
            <tr>
                <td><a href="http://webpaylasimi.tr.gg/Forum/anmelden.htm">Kayıt OL !</a></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </tbody>
    </table>
</form></div>
<div class="sagsutun">



Tasarım ALtına:

Kod:
</div>
</div>
<div id="alt"></div>
</div>



Css koduna:
Kod:
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;}

* {padding: 0; margin:0 }

body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(#d2d2d1)top center fixed;
}

#tasarim{
width: 1000px;
margin-left: 0 auto;
margin-right:0 auto;
}



#baslik{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://pixelea.com/s/e3b0326c62.png);
width: 1000px;
height: 40px;
float: left;
text-align: center;
padding: 160px 0 0 0;
font-size: 30px;
color: #0000ff;
font-family:verdana, arial;
}



#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/w/webpaylasimi/1.png);
width: 1000px;
height: 73px;
float: left;
text-align: center;
padding: 35px 0 0 0;
font-size: 13px;
color: #0000ff;
font-family: arial,Comic sans MS;
overflow: hidden;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/w/webpaylasimi/2.png);
width: 1000px;
height: 100%;
float: left;
}

.solsutun{
width:220px;
float: left;
padding: 0 0 0 40px;
overflow: hidden;
}

.sagsutun{
width:650px;
float: left;
padding: 0 0 0 40px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/w/webpaylasimi/33.png);
width: 1000px;
height: 219px;
float: left;
}

______________
Dalga geçerim ama kırmam. Ciddiye alırım ama takmam. Çevremde birçok arkadaşım olabilir ama hepsini dostum yapmam, Biz ışıklı cɑddelerin züppe çocuklɑrı değil! Biz ıssız sokɑklɑrın delikɑnlı yürekleriyiz!!! CW
Mesaj15.02.2010, 07:41 (UTC)    
Mesaj konusu: kardes ellerine sağlık

gerçekten mükemmelllllllllll
bu arada
http://www.wellnessbusiness.tr.gg
Mr. Green
Mesaj15.02.2010, 07:44 (UTC)    
Mesaj konusu: Re: kardes ellerine sağlık

wellnessbusiness yazmış:
gerçekten mükemmelllllllllll
bu arada
http://www.wellnessbusiness.tr.gg
Mr. Green


site reklamlarinizi bedava-siteni tanit bölümünde yapınız Wink
Mesaj15.02.2010, 11:18 (UTC)    
Mesaj konusu:



İceblue içindir.


Kod:
<center><style type="text/css">
input {
padding: 1px;
margin-right: 1px;
background-image: url();
color: #000000;
border: solid 2px #003d7a;
font-weight:bold;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
padding: 5px 10px;
}


textarea {
padding: 1px;
margin-right: 1px;
background-image: url();
color: #000000;
border: solid 2px #003d7a;
font-weight:bold;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
padding: 5px 10px;
}

--></style>


<style type="text/css">
a:link {
color:#FFFFFF;
font-size:14px;
font-family:tahoma,verdana;
text-decoration:none; }

a:visited {
color:#FFFFFF;
font-size:14px;
font-family:tahoma,verdana;
text-decoration:none;}

a:hover {
color:#003d7a;
font-size:14px;
font-family:tahoma,verdana;
text-decoration:none;}
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/i/interforce/baslik2.png);background-color:;height:188px ;width: 920px;}
body{background-image:url();background-color:#000000;background-attachment: fixed}
td.nav{background-image:url(http://img.webme.com/pic/i/interforce/menu111.gif);height:20px}
td.nav:hover{background-image: url(http://img.webme.com/pic/i/interforce/menuhover.gif);height:20px}
td.nav_heading{background-image:url(http://img.webme.com/pic/i/interforce/menuiceust.gif);height:22px}
td.nav_heading:hover{background-image:url(http://img.webme.com/pic/i/interforce/menuiceust.gif);height:22px}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/i/interforce/fon2.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/i/interforce/sagustice.png);height:22px}
td.sidebar_heading:hover{background-image:url(http://img.webme.com/pic/i/interforce/sagustice.png);height:22px}
td.edit_content_top{background-image:url(http://img.webme.com/pic/i/interforce/icust.png);height:34px}
td.edit_content{background-image:url(http://img.webme.com/pic/i/interforce/iceicerik.png);}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/i/interforce/icerikalt.png);background-repeat: repeat;;height:29px}
td.edit_content_bottom2{background-image:url();}
td.shouty{background-image:url(http://img.webme.com/pic/i/interforce/sagkutuice.png);}
td.shouty2{background-image:url(http://img.webme.com/pic/i/interforce/sagkutuice.png);}
td.shouty3{background-image:url(http://img.webme.com/pic/i/interforce/sagkutuice.png);}
td.shouty4{background-image:url(http://img.webme.com/pic/i/interforce/sagkutuice.png);}
td.shouty5{background-image:url(http://img.webme.com/pic/i/interforce/sagkutuice.png);}
td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/i/interforce/fon2.jpg);}
td.edit_rb_footer{background-image:url(http://img.webme.com/pic/i/interforce/sagkutualt.png);height:21px}
td.edit_rb_footer:hover{background-image:url(http://img.webme.com/pic/i/interforce/sagkutualt.png);height:21px}
td.edit_rechts_bottom{background-image: url(http://img.webme.com/pic/i/interforce/fon2.jpg);}
td.edit_content_bottom:hover{background-image:url(http://img.webme.com/pic/i/interforce/icerikalt2.png);;height:29px}
 
--></style>

______________
.fear{display:none;}
Mesaj16.02.2010, 14:42 (UTC)    
Mesaj konusu: İce Blue Tasarım



Kod:
</style> <style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img5.imageshack.us/img5/8640/headertdr.png);background-color:;height:250px;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url();background-attachment: fixed;background-color:#FFFFFF;} td.nav{background-image:url(http://img694.imageshack.us/img694/4092/kaydet.png);height:25px;} td.nav:hover{background-image: url(http://img63.imageshack.us/img63/5955/haber1x.png);height:25px;} td.nav_heading{background-image:url(http://img24.imageshack.us/img24/6447/conte.png);background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url();} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://img24.imageshack.us/img24/6447/conte.png);background-color:;} td.edit_content_top{background-image:url(http://img24.imageshack.us/img24/6447/conte.png);background-color#0B7DD4:;} td.edit_content{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color#0B7DD4:;} td.edit_content_bottom{background-image:url(http://img24.imageshack.us/img24/6447/conte.png);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:;} td.shouty2{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:#000000;} td.shouty3{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:;} td.shouty4{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:;} td.shouty5{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:;} td.edit_rechts_cbg{background-image: url();} td.edit_rb_footer{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img534.imageshack.us/img534/8797/imagefp.png);background-color:#000000;} --> </style>

______________
www.playmaker86.tr.gg
Mesaj16.02.2010, 15:22 (UTC)    
Mesaj konusu:



Tasarimin Üzerine:

Kod:
 <style type="text/css">
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}   
--></style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
  <div id="header">
    <p class="logotext">TITULO</strong><br>
      <span class="logotext2">DESCRIPCIÓN</span></p>
    <div id="headinfo"> <a href="LINK">NOMBRE</a> | <a href="LINK">NOMBRE</a> </div>
  </div>
  <div id="nav">
    <ul>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="left">
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        </li>
      </ul>
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <div id="breadcrumb"></div>
    <div id="right">


Tasarimin Altina:

Kod:
    </div>
  </div>
  <br class="clear" />
  <div id="footer">
    <p> All content copyright © 2006 Your Website, all rights reserved. Layout created at CSSWebLayouts, <strong>TU WEB</strong>. Design adaptado a pwg por <a href="http://Todo-bryan.com.ar" target="_blank">Todo-Bryan</a> <br /></p>
  </div>
</div>
</body>
</html>


CSS Koduna:

Kod:
img {

border: none;

}
a img {

border: none;

}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(http://img22.xooimage.com/files/9/7/5/header-cd4881.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img24.xooimage.com/files/4/1/f/headinfobg-cd4936.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }

#content { width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#FFCD59; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }
Mesaj16.02.2010, 15:24 (UTC)    
Mesaj konusu:



Tasarimin Üstüne:

Kod:
<div id="Testdesign">
<div id="oben">TITULO DE LA WEB</div>

<div id="feld_links">
<ul id="navi">
<li>
<a href="Link" id="akt">NOMBRE-1</a>
</li>
<li>
<a href="Link" id="">NOMBRE-2</a>
</li>
<li>
<a href="Link" id="akt">NOMBRE-3</a>
</li>
<li>
<a href="Link" id="">NOMBRE-4</a>
</li>
<li>
<a href="Link" id="akt">NOMBRE-5</a>
</li>
<li>
<a href="Link" id="">NOMBRE-6</a>
</li>
<li>
<a href="Link" id="akt">NOMBRE-7</a>
</li>
<li>
<a href="Link" id="">NOMBRE-8</a>
</li>
<li>
<a href="Link" id="akt">NOMBRE-9</a>
</li>
<li>
<a href="Link" id="">NOMBRE-10</a>
</li>
</ul>
</div>



CSS Koduna:

Kod:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

* { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 922px;}

#oben {
color: #000000;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #07417C;
height: 60px;
margin: 10px 0px 0px 0px;
background-image: url( URL DE LA IMAGEN  DEL ENCABEZADO);
background: #07417C;}

#feld_links {
color: #000000;
border: 1px solid #07417C;
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;}

#content {
float: right;
color: #000000;
border: 1px solid #07417C;
background: #F2F2E6;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 718px;
display: inline;
overflow:auto;}

#sockel {
width: 900px;
clear: both;
color: #000000;
border: 1px solid #07417C;
background: #07417C;
margin: 0px 0px 10px 0px;
padding: 10px;}

#navi {
margin: 0;
padding: 0;
width: 150px;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #07417C;}

#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}

#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}
Mesaj16.02.2010, 15:26 (UTC)    
Mesaj konusu:



Tasarimin Üstüne:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <!--
    Created by Artisteer v2.3.0.20943
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>Artisteer </title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-main">
        <div class="art-Sheet">
            <div class="art-Sheet-tl"></div>
            <div class="art-Sheet-tr"></div>
            <div class="art-Sheet-bl"></div>
            <div class="art-Sheet-br"></div>
            <div class="art-Sheet-tc"></div>
            <div class="art-Sheet-bc"></div>
            <div class="art-Sheet-cl"></div>
            <div class="art-Sheet-cr"></div>
            <div class="art-Sheet-cc"></div>
            <div class="art-Sheet-body">
                <div class="art-Header">
                    <div class="art-Header-jpeg"></div>
                    <div class="art-Logo">
                    </div>
                </div>
                <div class="art-nav">
                   <div class="l"></div>
                   <div class="r"></div>
                   <ul class="art-menu">
                      <li>
                         <a href="#" class=" active"><span class="l"></span><span class="r"></span><span class="t">LINK</span></a>
                      </li>
                      <li>
                         <a href="#"><span class="l"></span><span class="r"></span><span class="t">LINK</span></a>
                         <ul>
                            <li><a href="#">LINK</a>
                               <ul>
                                  <li><a href="#''>LINK</a></li>
                                  <li><a href="#">LINK</a></li>
                                  <li><a href="#">LINK</a></li>
                               </ul>
                            </li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                         </ul>
                      </li>     
                      <li>
                         <a href="#"><span class="l"></span><span class="r"></span><span class="t">LINK</span></a>
                      </li>
                   </ul>
                </div>
                <div class="art-contentLayout">
                    <div class="art-content">
                        <div class="art-Post">
                            <div class="art-Post-body">
                        <div class="art-Post-inner">
                                        <h2 class="art-PostHeader">
                                            Welcome
                                        </h2>
                                        <div class="art-PostContent">
                                           
                                           
                                           
                                           
                                           
                                            <table class="table" width="100%">
                                               <tr>
                                                  <td width="33%" valign="top">
                                                  <div class="art-Block">
                                                     <div class="art-Block-body">
                                                        <div class="art-BlockHeader">
                                                      <div class="l"></div>
                                                          <div class="r"></div>
                                                          <div class="t"><center></center></div>
                                                       </div>
                                                        <div class="art-BlockContent">
                                                           <div class="art-PostContent">
                                                              <img src="images/01.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                                             
                                                           </div>
                                                        </div>
                                                     </div>
                                                  </div>
                                                  </td>
                                                  <td width="33%" valign="top">
                                                  <div class="art-Block">
                                                     <div class="art-Block-body">
                                                        <div class="art-BlockHeader">
                                                      <div class="l"></div>
                                                          <div class="r"></div>
                                                          <div class="t"><center></center></div>
                                                       </div>
                                                        <div class="art-BlockContent">
                                                           <div class="art-PostContent">
                                                              <img src="images/02.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                                             
                                                           </div>
                                                        </div>
                                                     </div>
                                                  </div>
                                                  </td>
                                                  <td width="33%" valign="top">
                                                  <div class="art-Block">
                                                     <div class="art-Block-body">
                                                    <div class="art-BlockHeader">
                                                      <div class="l"></div>
                                                          <div class="r"></div>
                                                          <div class="t"><center></center></div>
                                                       </div>
                                                        <div class="art-BlockContent">
                                                           <div class="art-PostContent">
                                                              <img src="images/03.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                                             
                                                           </div>
                                                        </div>
                                                     </div>
                                                  </div>
                                                  </td>
                                               </tr>
                                            </table>
                                               
                                        </div>
                                        <div class="cleared"></div>
                        </div>



Tasarimin Altina:

Kod:
<div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Post">
                            <div class="art-Post-body">
                        <div class="art-Post-inner">
                                        <h2 class="art-PostHeader">
                                           <a href="#" rel="bookmark" title="Permanent Link to this Post"></a><a class="visited" href="#" rel="bookmark" title="Visited Hyperlink"></a><a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink"></a>
                                        </h2>
                                        <div class="art-PostContent">
                                           
                                             
                                             
                                           
                                                <blockquote>
                                                   
                                                </blockquote>
                                              <br />
                                              <table class="art-article" border="0" cellspacing="0" cellpadding="0">
                                              <tbody>
                                                <tr>
                                                 
                                              </tbody></table>
                                             
                                               
                                               
                                        </div>
                                        <div class="cleared"></div>
                        </div>
                       
                              <div class="cleared"></div>
                            </div>
                        </div>
                    </div>
                    <div class="art-sidebar1">
                        <div class="art-Block">
                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>
                            <div class="art-Block-cc"></div>
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t"></div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-body">
                                                <div><form method="get" id="newsletterform" action="javascript:void(0)">
                                                <input type="text" value="" name="email" id="s" style="width: 95%;" />
                                                <span class="art-button-wrapper">
                                                   <span class="l"> </span>
                                                   <span class="r"> </span>
                                                   <input class="art-button" type="submit" name="search" value=""/>
                                                </span>
                                               
                                                </form></div>
                                              <div class="cleared"></div>
                                            </div>
                                        </div>
                              <div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Block">
                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>
                            <div class="art-Block-cc"></div>
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t"></div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-body">
                                                <div>
                                                                 
                                                                  </div>
                                              <div class="cleared"></div>
                                            </div>
                                        </div>
                              <div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Block">
                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>
                            <div class="art-Block-cc"></div>
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t"></div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-body">
                                                <div>
                                                      <img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
                                                <br />
                                                <b></b><br />
                                             
                                                </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-inner">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <div class="art-Footer-text">
                            <p><a href="http://FankSite.es.tl">Design by: FankSite.es.tl<a href="#"></a> | <a href="#"></a>
                                | <a href="#"></a><br />
                               </p>
                        </div>
                    </div>
                    <div class="art-Footer-background"></div>
                </div>
              <div class="cleared"></div>
            </div>
        </div>
        <div class="cleared"></div>
        <p class="art-page-footer"><a href=""></a></p>
    </div>
   
</body>
</html>



CSS Koduna:

Kod:
/* begin Page */

/* Generated with Artisteer version 2.3.0.20943, file checksum is F21E8CA9. */

body
{
   margin: 0 auto;
   padding: 0;
   background-color: #999999;
   background-image: url('http://i49.tinypic.com/2ue0bp1.jpg');
   background-repeat: repeat;
   background-attachment: scroll;
   background-position: top left;
}

#art-main
{
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
}




#art-page-background-gradient
{
   background-position: top left;
}


.cleared
{
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   border: none;
   font-size:1px;
}


form
{
   padding:0 !important;
   margin:0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
   position:relative;
   z-index:0;
   margin:0 auto;
   width: 900px;
   min-width:35px;
   min-height:35px;
}

.art-Sheet-body
{
   position: relative;
   z-index: 1;
   padding: 13px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
   position:absolute;
   z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
   width: 34px;
   height: 34px;
   background-image: url('http://i46.tinypic.com/2n22tzm.png');
}

.art-Sheet-tl
{
   top:0;
   left:0;
   clip: rect(auto, 17px, 17px, auto);
}

.art-Sheet-tr
{
   top: 0;
   right: 0;
   clip: rect(auto, auto, 17px, 17px);
}

.art-Sheet-bl
{
   bottom: 0;
   left: 0;
   clip: rect(17px, 17px, auto, auto);
}

.art-Sheet-br
{
   bottom: 0;
   right: 0;
   clip: rect(17px, auto, auto, 17px);
}

.art-Sheet-tc, .art-Sheet-bc
{
   left: 17px;
   right: 17px;
   height: 34px;
   background-image: url('http://i46.tinypic.com/2mgs66r.png');
}

.art-Sheet-tc
{
   top: 0;
   clip: rect(auto, auto, 17px, auto);
}

.art-Sheet-bc
{
   bottom: 0;
   clip: rect(17px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
   top: 17px;
   bottom: 17px;
   width: 34px;
   background-image: url('http://i50.tinypic.com/15dt9uq.png');
}

.art-Sheet-cr
{
   right:0;
   clip: rect(auto, auto, auto, 17px);
}

.art-Sheet-cl
{
   left:0;
   clip: rect(auto, 17px, auto, auto);
}

.art-Sheet-cc
{
   position:absolute;
   z-index:-1;
   top: 17px;
   left: 17px;
   right: 17px;
   bottom: 17px;
   background-image: url('http://i45.tinypic.com/2m6o6c4.png');
}


.art-Sheet
{
   margin-top: -13px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
   min-width:900px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
   margin: 0 auto;
   position: relative;
   z-index:0;
   width: 874px;
   height: 225px;
}


div.art-Header-jpeg
{
   position: absolute;
   z-index:-1;
   top: 0;
   left: 0;
   width: 874px;
   height: 225px;
   background-image: url('http://i47.tinypic.com/2j2c9a9.png');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
   display : block;
   position: absolute;
   left: {LogoLeft}px;
   top: {LogoTop}px;
   width: {LogoWidth}px;
}


/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
   text-align:left;
   text-decoration:none;
   outline:none;
   letter-spacing:normal;
   word-spacing:normal;
}

.art-menu, .art-menu ul
{
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;
}

.art-menu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background:none;
}

.art-menu li:hover
{
   z-index: 10000;
   white-space: normal;
}

.art-menu li li
{
   float: none;
}

.art-menu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background:none;
}

.art-menu li:hover>ul
{
   visibility: visible;
   top: 100%;
}

.art-menu li li:hover>ul
{
   top: 0;
   left: 100%;
}

.art-menu:after, .art-menu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
.art-menu, .art-menu ul
{
   min-height: 0;
}

.art-menu ul
{
   background-image: url(http://i50.tinypic.com/1ovzp4.jpg);
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}





/* menu structure */

.art-menu
{
   padding: 12px 6px 0px 6px;
}

.art-nav
{
   position: relative;
   height: 41px;
   z-index: 100;
}

.art-nav .l, .art-nav .r
{
   position: absolute;
   z-index: -1;
   top: 0;
   height: 41px;
   background-image: url('http://i47.tinypic.com/30hooe8.png');
}

.art-nav .l
{
   left: 0;
   right:0px;
}

.art-nav .r
{
   right: 0;
   width: 874px;
   clip: rect(auto, auto, auto, 874px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
   clear: both;
}

.art-menu a
{
   position:relative;
   display: block;
   overflow:hidden;
   height: 29px;
   cursor: pointer;
   text-decoration: none;
   margin-right: 2px;
   margin-left: 2px;
}


.art-menu a .r, .art-menu a .l
{
   position:absolute;
   display: block;
   top:0;
   z-index:-1;
   height: 87px;
   background-image: url('http://i45.tinypic.com/ir6usz.png');
}

.art-menu a .l
{
   left:0;
   right:4px;
}

.art-menu a .r
{
   width:408px;
   right:0;
   clip: rect(auto, auto, auto, 404px);
}

.art-menu a .t
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
   color: #1C1C1C;
   padding: 0 19px;
   margin: 0 4px;
   line-height: 29px;
   text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
   top:-29px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
   top:-29px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
   top:-29px;
}
.art-menu a:hover .t
{
   color: #EBEBEB;
}

.art-menu li:hover a .t
{
   color: #EBEBEB;
}

.art-menu li:hover>a .t
{
   color: #EBEBEB;
}


.art-menu a.active .l, .art-menu a.active .r
{
   top: -58px;
}

.art-menu a.active .t
{
   color: #0A0A0A;
}


/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
   display:block;
   text-align: center;
   white-space: nowrap;
   height: 20px;
   width: 180px;
   overflow:hidden;
   line-height: 20px;
   margin-right: auto;


   background-image: url('http://i50.tinypic.com/r2s107.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0px;
   border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
   display: inline;
   float: none;
   margin: inherit;
   padding: inherit;
   background-image: none;
   text-align: inherit;
   text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
   text-align: left;
   text-indent: 12px;
   text-decoration: none;
   line-height: 20px;
   color: #F0F0F0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
   margin-left: auto;
}

.art-menu ul li a:hover
{
   color: #2E2E2E;
   background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
   color: #2E2E2E;
   background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
   color: #2E2E2E;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
   color: #2E2E2E;
}


/* end MenuSubItem */

/* begin ContentLayout */
.art-contentLayout
{
   position: relative;
   margin-bottom: 1px;
   width: 874px;
}
/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:15px;
   min-height:15px;
}

.art-Block-body
{
   position: relative;
   z-index: 1;
   padding: 7px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
   position:absolute;
   z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
   width: 14px;
   height: 14px;
   background-image: url('http://i45.tinypic.com/29xu4k4.png');
}

.art-Block-tl
{
   top:0;
   left:0;
   clip: rect(auto, 7px, 7px, auto);
}

.art-Block-tr
{
   top: 0;
   right: 0;
   clip: rect(auto, auto, 7px, 7px);
}

.art-Block-bl
{
   bottom: 0;
   left: 0;
   clip: rect(7px, 7px, auto, auto);
}

.art-Block-br
{
   bottom: 0;
   right: 0;
   clip: rect(7px, auto, auto, 7px);
}

.art-Block-tc, .art-Block-bc
{
   left: 7px;
   right: 7px;
   height: 14px;
   background-image: url('http://i50.tinypic.com/35i3xqu.png');
}

.art-Block-tc
{
   top: 0;
   clip: rect(auto, auto, 7px, auto);
}

.art-Block-bc
{
   bottom: 0;
   clip: rect(7px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
   top: 7px;
   bottom: 7px;
   width: 14px;
   background-image: url('http://i48.tinypic.com/2r4244w.png');
}

.art-Block-cr
{
   right:0;
   clip: rect(auto, auto, auto, 7px);
}

.art-Block-cl
{
   left:0;
   clip: rect(auto, 7px, auto, auto);
}

.art-Block-cc
{
   position:absolute;
   z-index:-1;
   top: 7px;
   left: 7px;
   right: 7px;
   bottom: 7px;
   background-color: #EDEDED;
}


.art-Block
{
   margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
   position:relative;
   z-index:0;
   height: 30px;
   padding: 0 7px;
   margin-bottom: 7px;
}

.art-BlockHeader .t
{
   height: 30px;
   color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
   white-space : nowrap;
   padding: 0 6px;
   line-height: 30px;   
}

.art-BlockHeader .l, .art-BlockHeader .r
{
   display:block;
   position:absolute;
   z-index:-1;
   height: 30px;
   background-image: url('http://i48.tinypic.com/2mepux.png');
}

.art-BlockHeader .l
{
   left:0;
   right:6px;
}

.art-BlockHeader .r
{
   width:894px;
   right:0;
   clip: rect(auto, auto, auto, 888px);
}





.art-header-tag-icon
{
    height: 30px;
   background-position:left top;
   background-image: url('http://i48.tinypic.com/mhamb9.png');
   padding:0 0 0 12px;
   background-repeat: no-repeat;
   min-height: 12px;
   margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}

.art-BlockContent-body
{
   position: relative;
   z-index: 1;
   padding: 8px;
}



.art-BlockContent-body
{
   color:#5E5E5E;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-BlockContent-body a:link
{
   color: #525252;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
   color: #878787;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
   color: #6B6B6B;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body ul
{
   list-style-type: none;
   color: #242424;
   margin:0;
   padding:0;
}

.art-BlockContent-body li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
}

.art-BlockContent-body ul li
{
   padding:0px 0 0px 13px;
   background-image: url('http://i45.tinypic.com/241nna0.png');
   background-repeat:no-repeat;
   margin:0.5em 0 0.5em 0;
   line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}

.art-Post-body
{
   position: relative;
   z-index: 1;
   padding: 10px;
}



.art-Post
{
   margin: 7px;
}

/* Start images */
a img
{
   border: 0;
}

.art-article img, img.art-article
{
   border: solid 1px #A6A6A6;
   margin: 1em;
}

.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
   width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
   background-color:Transparent;
}

.art-article th, .art-article td
{
   padding: 2px;
   border: solid 1px #B5B5B5;
   vertical-align: top;
   text-align:left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

/* Finish tables */

pre
{
   overflow: auto;
   padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeader
{
   text-decoration:none;
   margin: 0.2em 0;
   padding: 0;
   font-weight:normal;
   font-style:normal;
   letter-spacing:normal;
   word-spacing:normal;
   font-variant:normal;
   text-decoration:none;
   font-variant:normal;
   text-transform:none;
   text-align:left;
   text-indent:0;
   line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
   color: #242424;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
   margin:0;
   color: #242424;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #303030;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #424242;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #636363;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
  color: #2E2E2E;
}


.art-PostContent p
{
   margin: 0.5em 0;
}

.art-PostContent, .art-PostContent p
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
  color: #2E2E2E;
}

.art-PostContent
{
  margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
  color: #636363;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
  color: #636363;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
  color: #303030;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #636363;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #4A4A4A;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #636363;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #636363;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #3B3B3B;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #3B3B3B;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #3B3B3B;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
   color: #242424;
   margin:1em 0 1em 2em;
   padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

li ol, li ul
{
   margin:0.5em 0 0.5em 2em;
   padding:0;
}

li
{
   margin:0.2em 0;
   padding:0;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position:inside;
   
}



.art-Post li
{
   padding:0px 0 0px 13px;
   line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
   background: none;
   padding-left:0;
}

.art-Post ul li, .art-Post ol ul li
{
   background-image: url('http://i49.tinypic.com/14mcp45.png');
   background-repeat:no-repeat;
   padding-left:13px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
   color:#0F0F0F;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.art-PostContent blockquote
{
      border:solid 1px #C7C7C7;
      margin:10px 10px 10px 50px;
   padding:5px 5px 5px 41px;
   background-color:#E0E0E0;
   background-image:url('http://i49.tinypic.com/282hqpg.png');
   background-position:left top;
   background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
   display:inline-block;
   width: auto;
   outline:none;
   border:none;
   background:none;
   line-height:34px;
   margin:0 !important;
   padding:0 !important;
   overflow: visible;
   cursor: default;
   text-decoration: none !important;
   z-index:0;
}

.art-button-wrapper
{
   display:inline-block;
   position:relative;
   height: 34px;
   overflow:hidden;
   white-space: nowrap;
   width: auto;
   z-index:0;
}

.firefox2 .art-button-wrapper
{
   display:block;
   float:left;
}

.art-button-wrapper .art-button
{
   display:block;
   height: 34px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
   white-space: nowrap;
   text-align: left;
   padding: 0 21px !important;
   line-height: 34px;
   text-decoration: none !important;
   color: #000000 !important;
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
   color: #000000 !important;
   text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
   color: #2E2E2E !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
   display:block;
   position:absolute;
   z-index:-1;
   height: 102px;
   background-image: url('http://i50.tinypic.com/ighzd2.png');
}

.art-button-wrapper .l
{
   left:0;
   right:11px;
}

.art-button-wrapper .r
{
   width:411px;
   right:0;
   clip: rect(auto, auto, auto, 400px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
   top: -34px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
   top: -68px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
   position:relative;
   z-index:0;
   overflow:hidden;
   width: 874px;
   margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
   height:1%;
   position: relative;
   z-index: 0;
   padding: 8px;
   text-align: center;
}

.art-Footer .art-Footer-background
{
   position:absolute;
   z-index:-1;
   background-repeat:no-repeat;
   background-image: url('http://i49.tinypic.com/2lcnvvp.png');
   width: 874px;
   height: 150px;
   bottom:0;
   left:0;
}


.art-rss-tag-icon
{
   position: relative;
   display:block;
   float:left;
   background-image: url('http://i50.tinypic.com/und7a.png');
   background-position: center right;
   background-repeat: no-repeat;
   margin: 0 5px 0 0;
   height: 25px;
   width: 25px;
    cursor: default;
}




.art-Footer .art-Footer-text p
{
   margin: 0;
}

.art-Footer .art-Footer-text
{
   display:inline-block;
   color:#1A1A1A;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.art-Footer .art-Footer-text a:link
{
   text-decoration: none;
   color: #4D4D4D;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
   text-decoration: none;
   color: #1A1A1A;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
   text-decoration: none;
   color: #4D4D4D;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* 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:#666666;
}

.art-page-footer
{
   margin:1em;
   text-align:center;
   text-decoration:none;
   color:#666666;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 654px;
}
.art-contentLayout .art-content-wide
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 872px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 218px;
}
/* end LayoutCell */
Mesaj16.02.2010, 15:27 (UTC)    
Mesaj konusu:



Tasarimin Üstüne:

Kod:
<body class="inicio" >
<div id="header" class="box">
<div class="main">

<h1 id="logo">Tu Título</h1>
<hr class="noscreen" />

</div>

</div>

<div class="main bg box">

<div id="nav" class="box">

<ul>

<li id="active"><a href="/Link.htm">Link</a></li>
<li><a href="/Link.htm">Link</a></li>
<li><a href="/Link.htm">Link</a></li>
<li><a href="/Link.htm">Link</a></li>
<li><a href="/Link.htm">Link</a></li>
</ul>

<hr class="noscreen" />

</div>

<div class="box">


Tasarimin Altina:

Kod:
<hr class="noscreen" />

</div>

<hr class="noscreen" />

<div id="footer" class="box">
<p><span id='copyright'>© Copyright <a href="/">TuWeb.es.tl</a> 2010</span></p>

</div>

</div>
<!--- No quitar creditos porfavor --->
<span style="color: #AFAFAF;">Design by: <a style="color:#AFAFAF;" href="http://proupload.es.tl/">ProUpload</a></span>



CSS Koduna:

Kod:
* {margin:0; padding:0;}
body, div, span, div.paragraph, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "arial", serif; text-align:center;}
h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {margin:5px 0; font-size:160%;}
h3 {font-size:120%;}
h4, h5 {font-size:100%;}
table, ul, ol, dl, fieldset {margin:15px 0;}
table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}
ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}
dt {font-weight:bold;}
dd {margin-left:30px;}
fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}
.box {min-height:1px;}
.box {_height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.box ul {margin:15px 0; padding:0; list-style:none;}
.box ul li {margin:0; padding:2px 0 3px 0;}
.relative {position:relative;}
.clear {clear:both;}
.f-left {float:left !important;}
img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;}
img.f-right {float:right; margin-left:10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noscreen {display:none;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}
ul#ul-rss {margin:15px 0; padding:0; list-style:none;}
ul#ul-rss li {margin:0; padding:0; padding-left:20px;}
ul.ul-list {margin:15px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; padding:2px 0 3px 0;}
ul.ul-list-02 {margin:15px 0; padding:0; list-style:none;}
ul.ul-list-02 li {margin:0; padding:2px 0 3px 0;}
.main {width:850px; margin:0 auto; text-align:left;}
#header .main {width:840px; position:relative; padding:25px 0 25px 10px;}
#logo {width:100%; margin:0; font-size:220%; line-height:1; font-weight:bold; letter-spacing:-1px;}
#logo a {text-decoration:none;}
#search {position:absolute; top:25px; right:10px; margin:0; padding:0; border:0;}
#search div {position:relative; width:230px;}
#search-input {position:absolute; top:0; left:0; overflow:hidden; width:180px; height:30px; border:0; font-size:85%;}
#search-input input {position:relative; top:7px; left:30px; width:140px; margin:0; padding:0; border:0;}
#search-submit {position:absolute; top:0; right:0; border:0; width:40px; height:30px; font-weight:bold; text-align:center; color:#FFF; font-size:12px;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li {display:inline; margin:0; padding:0;}
#nav ul li a {display:block; float:left; padding:10px 15px; text-decoration:none;}
#nav ul li a:hover {text-decoration:underline;}
#nav ul li.current_page_item a {font-weight:bold; text-decoration:none;}
#active a:link { text-decoration:underline; }
#active a:hover { text-decoration:underline; }
#active a:visited { text-decoration:underline; }
#switcher {float:right; margin:0; padding:10px 10px 0 0;}
#content {padding:25px 20px; min-height:400px; height:auto !important; height:400px;}
.content-in {padding:10px 15px;}
#aside {float:right; overflow:hidden; width:230px; padding:10px;}
#aside .title {margin:0; font-size:100%; font-weight:bold;}
#aside .aside-padding {padding:0 0px 15px 0;}
#footer {clear:both; padding:15px;}
#footer div.paragraph {margin:0;}
#footer p {margin:0;}
#topstory, .article {position:relative; padding:10px 15px;}
#topstory .info, .article .info {padding-bottom:2px;}
#topstory .info h2, #topstory .info div.paragraph, .article .info h3, .article .info div.paragraph {margin:0;}
#topstory .info h2, #topstory .info p, .article .info h3, .article .info p {margin:0;}
#topstory .info div.paragraph, .article .info div.paragraph {padding-top:5px;}
#topstory .info p, .article .info p {padding-top:5px;}
#topstory p.date, .article p.date {display:block; position:absolute; top:0; left:-50px; margin:0; overflow:hidden; width:50px; height:41px; text-align:center;}
#topstory p.date span, .article p.date span {display:block; padding-top:14px; font-size:85%; font-weight:bold;}
#topstory div.paragraph, .article div.paragraph {margin:10px 0;}
#topstory p, .article p {margin:10px 0;}
.article div.paragraph {margin:10px 0;}
.article p {margin:10px 0;}
.ico-comment {padding-left:20px;}
.navigation {display:block; margin:10px 10px 60px 10px; text-align:center;}
.alt {margin:0; padding:10px; background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.commentlist {margin:0; padding:0; list-style:none;}
.commentlist li {margin:10px 0; padding:5px 10px;}
.commentlist div.paragraph {margin:10px 0; font-weight:normal; line-height:1.5em;}
.commentlist p {margin:10px 0; font-weight:normal; line-height:1.5em;}
#commentbox {margin-left:110px;}
#commentform div.paragraph {margin:5px 0;}
#commentform p {margin:5px 0;}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform textarea {width:75%; padding:2px; margin:0 auto;}
#commentform #submit {margin:0; width:40px; height:30px;}
#commentform .inp-border {border:1px solid #CCC; border-right:1px solid #AAA; border-bottom:1px solid #AAA;}
.postmetadata {font-size:85%;}
.commentmetadata {margin:0; font-weight:normal; font-size:85%;}
#wp-calendar {width:100%; border:1px solid #CCC;}
#wp-calendar th {background:#DDD;}
#wp-calendar tr td {border:1px solid #CCC; text-align:center;}
#wp-calendar tr td#today {background:#888; color:#FFF; font-weight:bold;}
#wp-calendar tr td a {display:block;}
#wp-calendar tfoot {display:none;}
body {background:#2f2f2f; color:#222;}
a {color:#000;}
a:hover {color:#2D7DF5;}
ul.ul-list-02 {border-top:1px solid #EAEAEA;}
ul.ul-list-02 li {border-bottom:1px solid #EAEAEA;}
ul#ul-rss li a {color:#000;}
ul#ul-rss li a:hover {color:#F50;}
.box ul li {background:url() 0 100% repeat-x;}
ul#ul-rss li {background:url() 0 3px no-repeat;}
ul.ul-list li {background:url() 0 100% repeat-x;}
#header {background:url() 0 100% repeat-x;}
#search-input {background:url() 0 0 no-repeat;}
#search-submit {background:#000 url() 0 0 no-repeat;}
#topstory .info, .article .info {background:url() 0 100% repeat-x;}
#topstory p.date, .article p.date {background:url() 0 0 no-repeat;}
.article .info {background:url() 0 100% repeat-x;}
.article p.date {background:url() 0 0 no-repeat;}
.ico-comment {background:url() 0 2px no-repeat;}
.main.bg {background-color:#FFF;}
#header {background-color:#43BBFA;width:850px;margin-left: auto; margin-right: auto;}
#logo {color:#FFF;text-align:center;}
#logo span {color:#000;}
#logo a {color:#FFF;}
#search-input input {background-color:#FFF;}
#nav {background:#000;}
#nav ul li a {border-right:1px solid #303030; color:#FFF;}
#nav ul li.current_page_item a {color:#23B0F6;}
#aside a {color:#2D7DF5;}
#aside a:hover {color:#000;}
#aside .title {border-bottom:1px solid #CACACA;}
#footer {background:#000; color:#AFAFAF;text-align:center;}
#footer a {color:#AFAFAF;}
#footer a:hover {color:#FFF;}
.low {color:#808080;}
#topstory {background:#C3E9FE;}
#topstory p.date {background-color:#23B0F6;}
#topstory p.date span {color:#000;}
.article {background:#FFF; border-bottom:1px solid #EAEAEA;}
.article p.date {background-color:#505050;}
.article p.date span {color:#FFF;}

div.paragraph ul, div.paragraph ol, div.paragraph li { list-style-position: inside; }

table {margin-left:auto;margin-right:auto;background:#43BBFA repeat-x top left;border:1px solid #000000;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;margin-bottom:8px;padding:5px 8px;}
#title {text-align:center;color:#FFFFFF;font-size:17px;background:#43BBFA repeat-x top left;border:1px solid #000000;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;margin-bottom:8px;padding:0px 0px;}
border {border:1px solid #000000;}
h1#header {display: none;}
#nav_container {display:none;}
Mesaj16.02.2010, 15:29 (UTC)    
Mesaj konusu:



Tasarimin Üstüne:

Kod:
<style>
table {margin-left:auto;margin-right:auto;}
</style>

    <br /><!-- wrap starts here -->
    <div id="wrap">
          <!--header -->
          <div id="header">       
             
            <h1 id="logo-text"><a href="#"></a></h1>   
            <p id="slogan"></p>   
           
            <div id="header-links">
            <p>
                <a href="#">Link</a> |
                        <a href="#">Link2</a>       
            </p>   
          </div>   
                   
          </div>

                <!-- menu -->
          <div  id="menu">



     <ul>
           
     <li><a href="Url">Link</a></li>
     <li><a href="Url">Link</a></li>
     <li><a href="Url">Link</a></li>
     <li><a href="Url">Link</a></li>
     <li><a href="Url">Link</a></li>
     <li><a href="Url">Link</a></li>


            </ul>
          </div>             
           
          <!-- content-wrap starts here -->
          <div id="content-wrap">
             
            <div id="sidebar">
       
           


                <div class="left-box">
                  <p class="align-right"></p>
                </div>                           
            </div>


Tasarimin Altina:

Kod:
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
</div>
<!-- wrap ends here -->
</div><br />



CSS Koduna:

Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}


/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
  background-image:url(http://img7.xooimage.com/files/9/f/3/naruto-vs-sasuke...e-364561-95483c.jpeg);background-color:#9ae4e8;
  font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
  color: #555;
  text-align: center;
}

/* links */
a, a:visited {
  text-decoration: none;
  color: #2180BC;
  background: inherit;
}
a:hover {
  color: #0191C8;
  background: inherit;
  text-decoration: underline;
}

/* headers */
h1, h2, h3 {
  font-family: 'Trebuchet MS', Tahoma, Sans-serif;       
}
h1 {
  font-size: 150%;
  font-weight: normal;
  color: #ed6123;
}
h2 {
  font-size: 140%;
  text-transform: uppercase;
  color: #ed6123;
}
h3 {
  font-size: 120%;
  color: #cccccc;
}

h1, h2, h3, p {
  padding: 10px;   
  margin: 0;
}
ul, ol {
  margin: 5px 20px;
  padding: 0 20px;
}


/********************************************
  Design
********************************************/
#wrap {
  width: 838px;
  background:  url(http://img28.xooimage.com/files/1/8/1/bg-1725f21.jpg) repeat-y center top;
  margin: 0 auto;
  text-align: left;
}
#content-wrap {
  clear: both;
  width: 760px;
  padding: 0;
  margin: 10px auto;
}
#header {
  width: 838px;
  position: relative;
  height: 200px;
  background: #fff url(http://img44.xooimage.com/files/1/6/4/naruto-shippuden-head-17259af.jpg) no-repeat center top;
  padding: 0;
 
}
#header h1#logo-text a {
  position: absolute;
  margin: 0; padding: 0;
  font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  color: #FFF;
  text-transform: none;
  text-decoration: none;
  background: transparent;
 
  /* change the values of top and left to adjust the position of the logo*/
  top: 25px; left: 47px;
}
#header p#slogan {
  position: absolute;
  margin: 0; padding: 0;
  font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
  text-transform: none;
  color: #FFF;
 
  /* change the values of top and left to adjust the position of the slogan*/
  top: 70px; left: 55px;   
}

/* header links */
#header #header-links {
  position: absolute;
  top: 20px; right: 30px;
  color: #ffffff;
  font-size: 10px;
}
#header #header-links a {
  color: #FFF;
  text-decoration: none;
}
#header #header-links a:hover {
  color: #ed6123;
}

/* Menu */
#menu {
  clear: both;
  margin: 0 auto; padding: 0;
  background: url(http://img48.xooimage.com/files/3/3/e/naruto-shippuden-menu-1725bc5.jpg) repeat-x 0 0;
  font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
  height: 28px;
  width: 838px;
}
#menu ul {
  float: right;
  list-style: none;
  margin:0; padding: 0;
}
#menu ul li {
  display: inline;
}
#menu ul li a {
  display: block;
  float: left;
  padding: 0 12px;
  color: #FFF;
  text-decoration: none;
}
#menu ul li.last a {
  padding-right: 20px;
}
#menu ul li a:hover {
  color: #ed6123;
}
#menu ul li#current a {
  color: #ed6123;
}

/* Main Column */
#main {
  float: left;
  width: 70%;
  padding: 0; margin: 5px 0 0 5px;
  display: inline;
}
#main h2 {
  margin-top: 30px;
  font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
  color: #0191C8;
  padding: 5px 0 5px 25px;
  border-bottom: 1px solid #ed6123;
  background: #FFF url() no-repeat 3px 50%;
  text-transform: none;
}
#main h2 a {
  background: none;
  color: #0191C8;
  text-decoration: none;
}

#main ul li {
  list-style-image: url();
}

.post-footer {
  background-color: #FAFAFA;
  padding: 5px; margin: 20px 10px 10px 10px;
  border: 1px solid #f2f2f2;
  font-size: 95%;
}
.post-footer .date {
  background: url() no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
  background: url() no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
  background: url() no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}

/* Sidebar */
#sidebar {
  float: right;
  width: 26.5%;
  padding: 0; margin: 0;
  color: #000;
     
}
#sidebar h3 {
  margin-top: 10px;
  padding: 20px 20px;
  font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
  color: #bc0303;
}
#sidebar ul.sidemenu {
  list-style: none;
  text-align: left;
  margin: 7px 4px 8px 0; padding: 0;
  text-decoration: none;   
  background: url() repeat-x left top;
}
#sidebar ul.sidemenu li {
  list-style: none;
  background: url() repeat-x left bottom;
  padding: 4px 0 4px 5px;
  margin: 0 20px;
  color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
  height: 1%;
}
#sidebar ul.sidemenu li a {
  text-decoration: none;
  background-image: none;
  color: #666666;       
}
#sidebar ul.sidemenu li a:hover {
  color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }


/* Footer */
#footer {
  color: #C6DDEE;
  background:  url(http://img41.xooimage.com/files/6/7/8/naruto-shippuden-footer-1725cc8.jpg);background-color:#fff; no-repeat center top;
  clear: both;
  width: 838px;
  height: 76px;
  text-align: center;
  font-size: 92%;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
 
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu