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