HTML KOD BANKASI
Ana Sayfa
Bize yazin
Ziyaretci defteri
SİTENİ Ekle
Dost siteler
Sitemize Destek ol
YENI EKLENEN
Html kod izleme
Javascript
Dini kodlar
il Tasarimlari
Siir makinesi
ASK OLCER
üst menu kodu
DJ OL MUZIK YAP
HTMLKOD YAZISI
KILO HESAPLAMA
konu ayiraclari
ALT SAYFA KODU
ETIKET YAP
islami Radyo kodu
Arka plan resimleri
Menu Kodu
Duyuru pano kodlari
Gitar Piyano kodu
Onemli linkler kodu
Tam indir kodu
Değişen resim kodu
Şehit Bayrak Kodu
Turkiye tanitim kodu
Tarihte Bugün kodu
Kayan Yazi Kodu
Sayfa Yukleniyor kodu
Reklam Banneri kodu
HABER KODLARI
Sitenize Kalp Yagsin
Geri Gitme kodu
MENU gizleme kodu
Link efekt kodu
SAYFA tıkla kodu
rengarenk yazi yaz
Namaz Vakit Kodu
Her gun hadis kodu
dini videolar
Peygamberler Tarihi
DINI KARISIK KODLAR
oyunlar kodu
Manzara Gif kodu
Şimşek Resim Kodu
Müzik resim Kodu
Turkiye gif
Manzara Gif
Tv kodu
Radyo kodu
Radyo Frekans kodu
Spor Haber kodu
Hava durum kodu
Gazete kodu
Besiktas Sarkilari indir
lig tv izle
Egitim haberleri
Sitene tema ekle kodu
Doviz bilgileri
SANS OYUNLAR KODU
Klip video YENI kodu
Mp 3 ful album kodu
Komik spor vid kodu
Telefon sakasi kodu
Winamp mp3 calar kodu
Flasli animasyon siir
Mehmetcik zap siir kodu
Recep ivedik video kodu
Mini komik klip Kodlari
Mehmetcik anisina resim
FILIM IZLE MENU KODU
Media player guncel kodlari
Sarki url Guncel kod 2009
Kurtlar Vadisi Albumu kodu
Pop Rock Resim Slaytlar
KURTLAR VADISI
MEHMETCIK VIDEO
MEHMETCIK SLAYT
Canekkale 18 Mart haftasi
Siir resimli Guncel
FERDI TAYFUR FILM
Icublue Tasarim
Iceblue Butonlar
Iceblue tasarim 1
Iceblue tasarim baslik resmi
Red tasarim GUNCEL
Red Baslik Resimleri YENI
Red Tasarim Butonlari
Butterfyl tasarim sayfa kod
Butterfy Tasarim Buton kodu
hazir site temasi
Sitene sayac ekle kodu
il TASARIMLARI 2
Site Sablon kodlari YENI
Css design tasarim
Css design tasarim 1
Css design tasarim 2
Css tasarim yapimi
Css design tasarim dowland
Css tasarim dowland 1
Css tasarim dowland 2
Css tasarim dowland 3
Sitene Yeni Yazi Gifleri
Degisik yazi Site linkleri
Arama motoru siteni kaydet
Banner yapma editoru
Sitene Saat yap Ekle
BUTON YAPMA ARACI
SITENE LOGO YAP
puzle yap boz
yeni yil kutlama yazi yaz
SEVGILIYE KALP YAZI YAZ
TAKVIM YAP EDITORU
Arama motorlarindan para kazan
Sitende para kazan
Siteni google ye kaydet
Sitenizin Pegaranki Kac
Meta Tag Olustur Hitin artir
il Tasarimlari 3
htmlkod 2009 (2)
htmlkod 2009 (3)
hayvan gifleri
spor gifleri
kitap gifleri
email gifleri
dunya gifleri
mekanik elektronik gif
Saat Kodu
Günün Android Uygulaması
Yazıyı Sese Çeviriyor
Css design tasarim 1
<= Tasarimin Üzerine =>
<div id="contentt"> <div id="back"> <!-- header begins --> <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" _fcksavedurl="#" title="">Ana Sayfa</a></li> <li id="button2"><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li id="button3"><a href="#" _fcksavedurl="#" title="">Galeri</a></li> <li id="button4"><a href="#" _fcksavedurl="#" title="">Hakkında</a></li> <li id="button5"><a href="#" _fcksavedurl="#" title="">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <h2>WwW.Css-TasaRiMm.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />
<= Tasarimin ALtına =>
</div> <div id="left"> <h3>MENÜ</h3> <ul> <li><ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Ekle</a></li> <li><a href="#" _fcksavedurl="#">Dost Siteler</a></li> </ul> </li> </ul> <h3>Takvim</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> <br /> </div> <!--content ends --> <!-- // // WWW.CSS-TASARİMM.TR.GG Design team: // We request you retain the full copyright notice below including the link to www.metamorphozis.com. This not only gives respect to the large amount of time given freely by the developers but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good reason) retain the full copyright we request you at least leave in place the Website Templates line, with Website Templates linked to www.metamorphozis.com. If you refuse to include even this then support may be affected. You are allowed to use this design only if you agree to the following conditions: - You cannot remove copyright notice from this design without our permission. - You cannot use images from this design anywhere else without permission. - If you modify this design it still should contain copyright because it is based on our work. For support visit http://www.css-tasarimm.tr.gg/css.htm The WWW.CSS-TASARİMM.TR.GG Design : 2008 // --> <!--footer begins --> </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" title="Css Tasarim Merkezi">Css Tasarim Merkezi</a></p> </div> </div> </div> <!-- footer ends-->
<= Css Kod Bölümüne =>
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;} /* Design by WWW.CSS-TASARİMM.TR.GG */ * { margin: 0px; padding: 0px; } a:link { color: #A5A9B2; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #A5A9B2; } body { background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; } #contentt { margin: 0 auto; background: #ffffff; width: 742px; text-align: left; } #back { background: #ffffff; width: 742px; } #header { height: 406px; text-align: left; } #menu1 { width: 702px; height: 152px; padding-left: 40px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 79px; height: 32px; display: block; text-align: center; text-decoration: none; color: #000000; font-weight: bold; font-size: 12px; text-transform: uppercase; } #menu a:hover { width: 79px; height: 32px; color: #004586; text-decoration: underline; } #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; } #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; } #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; } #logo { background: url(https://img.webme.com/pic/c/css-tasarimm/1-header.jpg) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #000000; } #logo H2 a { font-size: 12px; } #left { width: 266px; } #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x } #left ul { list-style: none; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li li { padding: 4px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; } #left a { color: #A5A9B2; } #left a:visited { color: #A5A9B2; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { float: right; width: 450px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #C5C5C5; } #right a { color: #A5A9B2; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C5C5C5; } .date { text-align: right; color: #808080; font-size: 11px; } .date a { color: #D72020; } #footer { height: 29px; clear: both; padding-top: 50px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }
<= Tasarimin Üzerine =>
<div id="header"> <h1>WwW.HTMLKODBRE.tR.gg</h1> <p> Css Tasarim Bankası</p> </div> <!-- end header --> <!-- start page --> <div id="wrapper"> <div id="page"> <!-- start content --> <div id="content">
<= Tasarimin ALtına =>
</div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <div class="wrap"> <div class="top"> <div class="btm"> <ul> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#">Ağustos</a> (31)</li> <li><a href="#" _fcksavedurl="#">Ocak</a> (31)</li> <li><a href="#" _fcksavedurl="#">Şubat</a> (30)</li> <li><a href="#" _fcksavedurl="#">Mart</a> (31)</li> <li><a href="#" _fcksavedurl="#">Nisan</a> (30)</li> </ul> </li> </ul> </div> </div> </div> </div> <!-- end sidebar --> <div style="clear:both"> </div> </div> </div> <div id="footer"> <p>©2008 Her Hakkı Saklıdır • Design by <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> </p> </div>
<= Css Kod Bölümüne =>
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 { margin-top: 20px; margin: 0; padding: 0; background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img01.gif) repeat-x left top; font-size: 11px; text-align: justify; color: #1F1F1F; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000000; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #FFFFFF; } a:hover { color: #FFFFFF; } hr { display: none; } #wrapper { margin: 0; padding: 0; background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img02.jpg) repeat-x left top; } /* Header */ #header { width: 800px; height: 200px; margin: 0 auto; padding: 50px 0 0 0; font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img04.jpg) no-repeat left 20%; } #header h1, #header p { margin: 0; } #header h1 { float: left; color: #000000; font-size: 36px; padding-left: 75px; height: 70px; } #header p { float: left; padding: 17px 0 0 10px; font-size: 12px; font-weight: bold; } #header a { text-decoration: none; color: #F79F1A; } #banner { margin: 0 auto; margin-bottom: 15px; padding: 0; width: 800px; height: 250px; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img01.jpg) no-repeat left top; } /* Page */ #page { width: 800px; margin: 0 auto; margin-bottom: 15px; } /* Content */ #content { float: right; width: 505px; margin: 0; padding: 25px 25px 15px 20px; } .post { padding: 0px 0 0 0; } .title { border-left: 6px solid #2E2E2E; padding: 0 20px 0 10px; font-size: 24px; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { } .byline { margin: -25px 20px 0 17px; color: #303030; } .meta { text-align: left; color: #17A141; padding: 10px 20px 10px 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background: #34CD65; border: 3px solid #000000; } .meta .more { padding-left: 10px; } .meta .comments { padding-left: 10px; } .meta a { color: #000000; } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } .entry { margin: 0; padding: 0 0 15px 17px; } .last { border: none; } /* Sidebar */ #sidebar { float: left; width: 245px; margin-top: -130px; padding: 0 0 0 0; color: #17A141; } #sidebar .btm { margin: 0; padding: 0; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img07.gif) no-repeat left bottom; } #sidebar .top { background: url(https://img.webme.com/pic/c/css-tasarimm/2-img05.gif) no-repeat left top; } #sidebar .wrap { background: url(https://img.webme.com/pic/c/css-tasarimm/2-img06.gif) repeat-y left top; } #sidebar ul { margin: 0; padding: 40px 20px 40px 40px; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0 0 0 0; padding: 0 0 20px 0; } #sidebar li li { margin: 0 0 0 10px; padding: 0 0 0 10px; line-height: 25px; } #sidebar h2 { margin: 0; padding-left: 40px; height: 35px; font-size: 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img08.gif) no-repeat left top; } #sidebar a { } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { width: auto; height: 118px; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img03.gif) repeat-x left top; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #footer p { padding: 50px 0; } #footer p a { }
<= Tasarimin Üzerine =>
<!-- start header --> <div id="topbg"> </div> <div id="header"> <h1>www.htmlkodbre.tr.gg</h1> <p> CSS Tasarim bankası</p> </div> <!-- end header --> <!-- start page --> <div id="page"> <div class="bgtop"> <div class="bgbtm"> <!-- start content --> <br><br><br>
<= Tasarimin ALtına =>
<!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear:both"> </div> </div> </div> </div> <div id="footer"> <p></p> </div>
<= Css Kod Bölümüne =>
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 { margin: 0; padding: 0; background: #FFFFFF; font-size: 13px; text-align: justify; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; color: #61492D; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #66A342; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 3em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { margin: 15px 0px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #66A342; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #66A342; } a:hover { color: #66A342; } hr { display: none; } /* Header */ #topbg { width: 800px; height: 50px; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img01.jpg) no-repeat left top; } #header { width: 800px; height: 300px; margin: 0 auto; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img02.jpg) no-repeat left top; } #header h1, #header p { margin: 0; padding: 0; } #header h1 { font-size: 52px; padding: 190px 0 0 35px; color: #FFFFFF; } #header p { margin-top: -20px; padding: 0 0 0 30px; font-size: 24px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-transform: lowercase; } #header a { text-decoration: none; color: #F79F1A; } /* Page */ #page { width: 800px; margin: 0 auto; padding-top: 30px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img03.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 530px; margin: 0; padding-left: 30px; color: #666666; } .post { padding: 0px 0 0 0; } .title { padding: 0 20px 5px 0px; font-size: 26px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img06.gif) no-repeat right 40%; border-bottom: 2px #66A342 dashed; margin-right: 20px; } .title a { text-decoration: none; color: #66A342; } .pagetitle { } .byline { margin: -25px 20px 0 0px; color: #66A342; } .meta { text-align: left; color: #66A342; padding: 5px 20px 5px 25px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-right: 20px; } .meta .more { } .meta .comments { background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; padding-left: 25px; } .meta a { color: #66A342; } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } .entry { margin: 0; padding: 17px 20px 5px 0px; } .last { border: none; } /* Sidebar */ #sidebar { float: right; width: 210px; margin-bottom: 10px; padding-right: 30px; color: #66A342; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin-left: 20px; padding: 0; } #sidebar li li { margin: 0 0 0 0; margin: 0 0 0 0; line-height: 35px; border-bottom: 1px #66A342 dotted; } #sidebar h2 { margin: 0px 0 0 20px; height: 35px; font-size: 18px; color: #66A342; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img04.gif) no-repeat right 30%; border-bottom: 2px #66A342 dashed; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/4-img05.gif) repeat-x; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { width: 800px; margin: 0 auto; height: 50px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #48AB07; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img01.jpg) no-repeat left top; margin-bottom: 27px; } #footer p { padding-top: 15px; } #footer p a { color: #69B536; } img { border: none; } img.left { float: left; margin: 3px 20px 30px 0px; } img.right { float: right; margin: 3px 0px 10px 30px; }
<= Tasarimin Üzerine =>
<div class="container"> <div class="top"> <a href="index.htm" _fcksavedurl="index.htm"><span>Css Tasarim bankası</span></a> </div> <div class="header"></div> <div class="main"> <div class="item"> <div class="date"> <div>21.09</div> <span>2008</span> </div> <div class="content"> <h1>www.csstasarim-arsiv.tr.gg</h1> <div class="body">
<= Tasarimin ALtına =>
</div> </div> <div class="navigation"> <h1>Menü</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> <h1>Tasarimlar</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> <h1>Arşiv</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a></li> </ul> </div> <div class="clearer"><span></span></div> <div class="footer">© 2008 <a href="#" _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS</a> & <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">XHTML</a>. Tasarim design by <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Css Tasarim bankası</a> </div> </div>
<= Css Kod Bölümüne =>
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;} /*############################################################# www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg #############################################################*/ /* standard elements */ * { margin: 0; padding: 0; } a {color: #682;} a:hover {color: #9A6;} body { background: #5F8000 url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center top; color: #333; font: normal 62.5% "Lucida Sans Unicode",sans-serif; } input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,cite,code,ul { font-size: 1.2em; padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image: url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size: 1.4em;} blockquote { background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; color: #333; display: block; font-size: 0.9em; margin-bottom: 1.2em; padding: 6px 12px; } blockquote p {padding: 3px 0;} h1,h2,h3 {color: #654;} /* misc */ .clearer {clear: both;} /* structure */ .container { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y; margin: 0 auto; width: 702px; } /* top */ .top { background: #567300; font: normal 2.4em Verdana,sans-serif; height: 60px; margin: 0 auto; width: 630px; } .top a { color: #FFF; display: block; line-height: 60px; text-decoration: none; width: 100%; } .top span {padding-left: 24px;} .top a:hover { background: #688B00; color: #FFF; } /* header */ .header { background: url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; height: 180px; margin: 0 auto; width: 630px; } /* item */ .item {clear: both;} .item .date { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; color: #FDD; float: left; height: 40px; text-align: center; width: 36px; } .item .date div {padding-top: 4px;} .item .date span {font: normal 1.6em serif;} .item .content { float: left; width: 420px; } .item h1 { background: #567300; color: #FFF; line-height: 40px; padding-left: 16px; } .item .body {padding: 12px 18px;} /* main */ .main {float: left;} /* navigation */ .navigation { float: left; margin-left: 1px; width: 208px; } .navigation h1 { background: #81AC00; color: #FFF; font-size: 1.3em; line-height: 40px; padding-left: 12px; } .navigation ul {margin: 0; padding: 0;} .navigation li { border-bottom: 1px solid #D5E8AD; list-style: none; } .navigation li a { background: #E8F6BF url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif) repeat-x; color: #553; display: block; padding: 8px 4px 8px 12px; text-decoration: none; } .navigation li a:hover { background: #F0FFC6; color: #553; } /* footer */ .footer { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; color: #FFF; font-size: 1.1em; line-height: 40px; margin: 0 auto; text-align: center; width: 626px; } .footer a {color: #FFF;} .footer a:hover {color: #FAFCB0;}
<= Tasarimin Üzerine =>
<div id="container"> <div id="header"> <h1><a href="#" _fcksavedurl="#">Merkez</a></h1> <h2>Css Tasarim Bizim İşimiz</h2> <ul id="mainMenu"> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkında</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">SiteMap</a></li> <li><a href="#" _fcksavedurl="#">Arşiv</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><span>Arama:</span></li> <li class="formList"><form action="www.htmlkodbre.tr.gg"> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <input type="text" name="search" size="10" class="searchBox" /> <button type="submit" class="goButton"><span>Git</span></button> </div></div></div></div> </form></li> </ul> </div><!-- end #header --> <div id="mainContent"> <div class="blog"> <h2 class="blogTitle"><a href="www.htmlkodbre.tr.gg" _fcksavedurl="www.htmlkodbre.tr.gg">Css Tasarim Bizim İşimiz www.htmlkodbre.tr.gg</a></h2> <h3 class="meta">tR.gg'nin En Büyük Tasarim Veren Sitesi Olma Yolundayız...</h3>
<= Tasarimin ALtına =>
</div><!-- end .blog --> <h2 class="boxDesc">Arşiv:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Ocak 2008</a></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a></li> <li><a href="#" _fcksavedurl="#">Temmuz 2007</a></li> <li><a href="#" _fcksavedurl="#">Ağustos 2007</a></li> <li><a href="#" _fcksavedurl="#">Eylül 2007</a></li> <li><a href="#" _fcksavedurl="#">Ekim 2007</a></li> <li><a href="#" _fcksavedurl="#">Kasim 2007</a></li> <li><a href="#" _fcksavedurl="#">Aralık 2007</a></li> </ul> </div></div></div></div> <h2 class="boxDesc">Kategori:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Oyun</a></li> <li><a href="#" _fcksavedurl="#">İnndir</a></li> <li><a href="#" _fcksavedurl="#">Aşk</a></li> <li><a href="#" _fcksavedurl="#">Html Kodlar</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle Hit Kazan</a></li> <li><a href="#" _fcksavedurl="#">Lig TV İzle</a></li> <li><a href="#" _fcksavedurl="#">Maç Skorları</a></li> <li><a href="#" _fcksavedurl="#">Puan Durumu</a></li> <li><a href="#" _fcksavedurl="#">Downloads Merkezi</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim</a></li> <li><a href="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#">www.htmlkodbre.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.htmlkodbre.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.htmlkodbre.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.htmlkodbre.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.htmlkodbre.tr.gg">Css Tasarim bankası</a> <img src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" alt="" class="bullet" /> <a href="#" _fcksavedurl="#">WwW.Site-Adi.tR.gg</a></p> </div><!-- end #footer --> </div>
<= Css Kod Bölümüne =>
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;} * { margin: 0; padding: 0; } body { font: 13px Georgia, "Times New Roman", Times, serif; background: url(https://img.webme.com/pic/c/css-tasarimm/6-header.jpg) top center no-repeat #870010; text-align: center; color: #FFF; } /**** GENERAL STYLES WWW.CSS-TASARİMM.TR.GG ****/ a { color: #F47D1F; text-decoration: none; } a:hover { color: #FFCFB3; } p { line-height: 1.4em; text-align: justify; padding: 10px 0 0 0; } #mainContent ul, #mainContent ol { margin-left: 40px; line-height: 1.8em; padding: 10px 0 0 0; } #mainContent ul { list-style: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_o.gif); } blockquote { border-left: 4px solid #B21; color: #FFCFB3; margin: 10px 40px 0 40px; line-height: 1.8em; padding: 0 10px 10px 10px; } blockquote:first-line { font-size: 20px; font-style: italic; line-height: 1.4em; } code { border-bottom: 1px dotted #B21; color: #FFCFB3; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-variant: small-caps; line-height: 1.5em; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /**** GENERAL LAYOUT WWW.CSS-TASARİMM.TR.GG ****/ #container { width: 868px; margin: 0 auto; text-align: left; } #header { height: 520px; padding: 0 10px 0 20px; } #mainContent { background: url(https://img.webme.com/pic/c/css-tasarimm/6-footer.jpg) bottom center no-repeat; } /**** HEADER STYLES WWW.CSS-TASARİMM.TR.GG ****/ #header h1 { float: left; font-size: 72px; font-weight: normal; font-variant: normal; line-height: 1.2em; padding-top: 10px; } #header h1 a { color: #FFF; } #header h1 a:hover { color: #FFCFB3; } #header h2 { float: left; font-size: 16px; font-weight: normal; font-style: italic; font-variant: normal; line-height: 1.2em; padding: 35px 0 0 10px; } /**** MAIN MENU LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ #mainMenu { color: #FFCFB3; float: right; font-size: 30px; line-height: 1.5em; list-style: none; margin-left: -35px; position: relative; } #mainMenu a { color: #FFF; } #mainMenu a:hover { background: #FFCFB3; color: #870010; } #mainMenu a, #mainMenu span { padding: 0 5px; } /**** BLOG LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ .blog { padding-bottom: 40px; } .blog h2.blogTitle { font-size: 28px; font-weight: normal; font-variant: normal; line-height: 18px; position: relative; z-index: 1; } .blog h3.meta { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; height: 36px; line-height: 36px; padding: 0 10px 0 15px; position: relative; z-index: 0; } * html .blog h3.meta { padding-top: 10px; } .blog h2.blogTitle a { color: #FFF; } .blog h2.blogTitle a:hover { color: #FFCFB3; } .blog h3.meta a { color: #FFCFB3; } .blog h3.meta a:hover { color: #FFF; } img.bullet { padding: 0 4px; } /**** ROUNDED CORNER BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/ .c1 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c1.gif) top left no-repeat #EC691F; margin: 0 0 40px 0; } .c2 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c2.gif) top right no-repeat; } .c3 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c3.gif) bottom left no-repeat; } .c4 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c4.gif) bottom right no-repeat; } #mainContent .c4 p, #mainContent .c4 ul { padding: 0 20px; line-height: 36px; margin-left: 0; } /**** ROUNDED CORNER BOTTOM BOX STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ .c4 li { display: inline; background: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif) center right no-repeat; } .c4 li a { color: #FFCFB3; margin-right: 11px; white-space: nowrap; } .c4 li a:hover { color: #FFF; } .boxDesc { font-size: 28px; font-weight: normal; font-variant: normal; } /**** ROUNDED CORNER BOX - INPUT STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { width: 125px; } #postComment .c1, #postComment .c2, #postComment .c3, #postComment .c4 { height: 40px; line-height: 40px; width: 300px; } .c4 input.searchBox, #postComment input, .postCommentTA textarea { background: transparent; border: none; color: #870010; font: 12px Georgia, "Times New Roman", Times, serif; position: relative; left: 4px; width: 80px; } #mainContent .c1 { margin-bottom: 15px; } #postComment input { float: left; position: relative; top: 12px; width: 200px; } #postComment .postCommentTA .c1, #postComment .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment .postCommentTA .c4 { height: auto; width: 500px; } #mainContent #postComment .postCommentTA .c1 { margin-bottom: 30px; } .postCommentTA textarea { margin: 10px; overflow: auto; width: 470px; } #postComment label { color: #FFCFB3; float: right; padding-right: 10px; } #mainMenu li.formList { line-height: .6em; } /**** BUTTON STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ .goButton { background: url(https://img.webme.com/pic/c/css-tasarimm/6-button.gif) center center no-repeat; border: none; color: #FFCFB3; height: 28px; width: 38px; } .goButton span { position: relative; top: -1px; } .postButtonCluster { position: relative; top: -20px; } .postButtonCluster button { background: none; border: none; color: #FFCFB3; font: 16px Georgia, "Times New Roman", Times, serif; margin-right: 20px; } /**** COMMENT LIST STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ #commentList { list-style-position: outside; position: relative; left: -40px; margin-right: -40px; width: 868px; } #commentList li { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; padding: 0 10px 0 15px; } .commentMeta { clear: both; height: 36px; } .cml { float: left; } .cmr { float: right; font-size: 10px; } .commentContent { color: #FFF; position: relative; top: -20px; } /**** FOOTER STYLES ****/ #footer p { color: #FFCFB3; font-size: 11px; padding: 10px 0; text-align: center; } /**** IMAGE FLOATING, IMAGE CENTERING WWW.CSS-TASARİMM.TR.GG ****/ .floatImgR, .floatImgL, .imageCenter { border: 1px solid #B21; padding: 2px; } .floatImgR { float: right; margin: 10px 0 5px 10px; } .floatImgL { float: left; margin: 10px 10px 5px 0; } .imageCenter { display: block; margin: 10px auto; } /**** CLEARING ****/ br.clear { clear: both; }
<= Tasarimin Üzerine =>
<div id="header"> <div id="logo"> <h3><a href="#" _fcksavedurl="#">Tasarim</a></h3> <h4>By <a href="www.htmlkodbre.tr.gg/" _fcksavedurl="www.htmlkodbre.tr.gg/">Css Tasarim bankası</a> + <a href="http://www.site-mekani.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Sİte Mekani</a></h4> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#" accesskey="1" title="">ana sayfa</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">iletişim</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">yorumlar</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">hakkımızda</a></li> </ul> </div> </div> <hr /> <div id="page"> <div id="bg"> <div id="conttent"> <div class="post" style="padding-top: 57px;"> <h4 class="title">CSS Tasarim 6</h4> <h5 class="date">Pazartesi, Eylül 22, 2008</h5> <div class="entry">
<= Tasarimin ALtına =>
</div> <p class="meta"></p> </div> </div> <!-- end contentn --> <div id="sidebar"> <div id="about-box"> <h4>Duyuru Panosu</h4> <p>Burada Siteniz Hakkında Yenilikleri Verebilirsiniz.<br>Yada Dost Siteleri Yazabilirsiniz.</p> </div> <ul> <li> <h4>Menü</h4> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h4>Tasarimlar</h4> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> </div> <!-- end page --> <hr /> <div id="footer"> <p>(c) 2008 WwW.Site-Adi.tR.gg. Tüm Hakkları Saklıdır. Design by <a href="http://www.htmlkodbre.tr.gg/" _fcksavedurl="http://www.htmlkodbre.tr.gg/">Css Tasarim Merkezi</a> ve <a href="http://WwW.Site-Adi.tR.gg" _fcksavedurl="http://WwW.Site-Adi.tR.gg">WwW.Site-Adi.tR.gg</a>.</p> </div>
<= Css Kod Bölümüne =>
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;} /* WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG WWW.HTMLKODBRE.TR.GG */ body { margin: 0; padding: 0; background: #F4FBFF url(https://img.webme.com/pic/c/css-tasarimm/7-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #405A67; } h3, h4, h5 { margin: 0; font-weight: normal; color: #4F6977; } h3 { letter-spacing: -1px; font-size: 44px; } h4 { font-size: 28px; } h5 { font-size: 16px; } p, ul, ol { margin: 0 0 1.5em 0; line-height: 1.5em; text-align: justify; } p { } blockquote { font-style: italic; } ul { } ol { } a { color: #38B5F1; } a:hover { text-decoration: none; } small { } hr { display: none; } img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: left; margin: 0 0 0 15px; } /* Header */ #header { width: 954px; height: 183px; margin: 0 auto; margin-top: -31px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img02.jpg); } /* Logo */ #logo { float: left; } #logo h3, #logo h4 { float: left; text-transform: lowercase; color: #FFFFFF; } #logo h3 { padding: 115px 0 0 50px; font-weight: bold; } #logo h4 { padding: 143px 0 0 8px; font-size: 14px; font-weight: bold; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 140px 20px 0 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { padding: 0 28px 0 0; text-transform: lowercase; text-decoration: none; font-size: 16px; font-weight: bold; color: #FFFFFF; } /* Page */ #page { width: 954px; margin: 0 auto; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/7-img03.jpg) repeat-y; } #bg { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img06.jpg) no-repeat left bottom; } /* Content */ #conttent { float: left; width: 680px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img04.jpg) no-repeat; } /* Posts */ .post { width: 606px; padding: 30px 0 0 48px; } .post .title { padding: 0 0 0 12px; } .post .title a { color: #4F6977; } .post .date { margin: -26px 25px 15px 0; text-align: right; color: #79AFCD; } .post .entry { padding: 25px 20px 0 12px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img07.jpg) no-repeat; } .post .meta { padding: 15px 12px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img08.jpg) no-repeat left bottom; } .post .meta b { display: none; } .post .more, .post .comments { padding: 0 30px 0 20px; } .post .more { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img09.gif) no-repeat left center; } .post .comments { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img10.gif) no-repeat left center; } /* About Box */ #about-box { width: 185px; height: 162px; padding: 70px 37px 0 35px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img11.jpg) no-repeat left bottom; } #about-box h4 { margin-bottom: 25px; font-size: 18px; font-weight: normal; } #about-box p { font-size: 12px; } /* Sidebar */ #sidebar { float: right; width: 274px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img05.jpg) no-repeat; } #sidebar ul { width: 206px; margin: 0; padding: 0 0 0 30px; list-style: none; } #sidebar li { } #sidebar li ul { width: auto; padding: 0 15px 0 10px; } #sidebar li li { padding: 5px 0 5px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img13.gif) repeat-x; } #sidebar li li.first { padding-top: 0; background: none; } #sidebar li h4 { font-size: 18px; padding: 30px 0 40px 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img12.jpg) no-repeat left bottom; } /* Footer */ #footer { padding: 30px 0; } #footer p { text-align: center; font-size: 12px; color: #83B3CE; } #footer a { color: #83B3CE; }
<= Tasarimin Üzerine =>
<div id="containr"> <!-- header --> <div id="logo"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.htmlkodbre.tr.gg">CSS TASARİM BANKASI</a></div> <div id="menu"> <a href="#" _fcksavedurl="#">Ana Sayfa</a> <a href="#" _fcksavedurl="#">Hakkımızda</a> <a href="#" _fcksavedurl="#">Toplist</a> <a href="#" _fcksavedurl="#">Link Listesi</a> <a href="#" _fcksavedurl="#">Sponsorlar</a> </div> <!--end header --> <!-- main --> <div id="main"> <div id="sidebar"> <h2>Site Menüsü</h2> <ul> <li><a href="#" _fcksavedurl="#">Tasarim 1</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 2</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 3</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 5</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 6</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 7</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 8</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 10</a></li> </ul> </div> <div id="text">
<= Tasarimin ALtına =>
</div> </div> <!-- end main --> <!-- footer --> <div id="footer"> <div id="menu_footer"><a href="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#" _fcksavedurl="#">Hakkımızda</a> | <a href="#" _fcksavedurl="#">Toplist</a> | <a href="#" _fcksavedurl="#">Link Listesi</a> | <a href="#" _fcksavedurl="#">Sponsorlar</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Site Haritasi</a> | <a href="#" _fcksavedurl="#">HTML Kodlari</a> | <a href="#" _fcksavedurl="#">Diğer</a></div> <div id="left_footer">© Copyright 2008 <b>www.siteadresi.tr.gg</b></div> <div id="right_footer"> <!-- WWW.HTMLKODBRE.TR.GG --- SİTESİNE AYİTTİR. :-) --> Design by <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.chtmlkodbre.tr.gg" title="CSS Tasarim bankası"><b>siteadresiniz.tr.gg</b></a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg" title="CSS Tasarimm"><b>CSS Tasarimm</b></a> </div> </div> <!-- end footer --> </div>
<= Css Kod Bölümüne =>
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;} #containr {background:url(https://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;} #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;} #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(https://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;} #footer {padding:0 110px; height:169px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/10-footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}
<= Tasarimin Üzerine =>
<div id="wrap"> <h1><a href="www.htmlkodbre.tr.gg" _fcksavedurl="www.htmlkodbre.tr.gg">Css Tasarim Bankası</a></h1> <div id="header"> </div> <div id="content"> <div class="right">
<= Tasarimin ALtına =>
</div> <div class="left"> <h2>Menu :</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Haberler</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Son Dakika</a></li> </ul> <h2>Css Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#">CSS Tasarim 1</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 2</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 3</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 5</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 6</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 7</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 8</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 10</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 11</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 12</a></li> </ul> </div> <div style="clear: both;"> </div> </div> <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim Merkezi</a>. <br><br> <center><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg"><img src="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" alt="css tasarim bankası" /></a></center> </div> </div>
<= Css Kod Bölümüne =>
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;} * { margin: 0; padding: 0; } body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #222; margin: 0; padding: 0; } a { text-decoration: none; color: #FF9600; } a:hover { text-decoration: underline; color: #111; } #wrap { margin: 0 auto; width: 500px; } #header { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-header.jpg) no-repeat; height: 180px; } h1 { padding: 10px 0 0 5px; font-size: 18px; color: #000; } h1 a { padding: 10px 0 0 5px; font-size: 18px; color: #000; font-weight: 100; text-decoration: underline; } #content { padding: 0 20px; background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-content.jpg) repeat-y; } .right { float: right; width: 300px; text-align: justify; } .right h3 { font-size: 18px; font-weight: 100; padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; } .right h3 a { text-decoration: none; color: #fff; } .right h3 a:hover { color: #111; } .left { float: left; width: 150px; } .left h2 { padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; color: #fff; font-size: 13px; } .left ul { padding: 10px 0 15px 20px; color: #FF9600; } .left ul li a { text-decoration: none; font-weight: 600; } .left ul li a:hover { } .articles { padding: 10px; } #bottom { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-bottom.jpg) no-repeat; padding: 10px 0; } #footer { text-align: center; font-size: 11px; color: #aaa; padding-bottom: 10px; } #footer a { color: #aaa; } #footer a:hover { color: #111; }
<= Tasarimin Üzerine =>
<div id="container"> <!-- header --> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Sitenin İsmi</a></div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href=www.csstasarim-arsiv.tr.gg"#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Site Map</a></li> </ul> </div> </div> <!--end header --> <!-- main --> <div id="main"> <div id="sidebar"> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz. Yenilikleri Falan Filan İşte. <br> www.csstasarim-arsiv.tr.gg</p> </div> <div id="text"> <h1>Sitemize Hoşgeldiniz...</h1>
<= Tasarimin ALtına =>
</div> </div> <!-- end main --> <!-- footer --> <div id="footer"> <div id="left_footer">© Copyright 2008 Senin Siten</div> <div id="right_footer"> <!-- WWW.htmlkodbre.tr.gg :-) --> <a href="www.csstasarim-arsiv.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS Tasarim Bankası</a> by <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Site-Mekani</a> </div> </div> <!-- end footer --> </div>
<= Css Kod Bölümüne =>
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/14-body_bckg.jpg) center repeat-y #1f0100;} body {margin:0; font-size:15px; line-height:18px; font-family:"Times New Roman", Times, serif; background:url(https://img.webme.com/pic/c/css-tasarimm/14-head_bckg.jpg) repeat-x; padding-top:80px;} a {color:#775b30;} a:hover {text-decoration:none;} #container {width:1000px; margin:0 auto;} #header {margin:0 20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-main_top.jpg) no-repeat #FFFFFF; height:80px;} #logo {float:left; height:30px; padding:50px 0 0 90px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-logo.gif) no-repeat 40px 40px; width:290px;} #logo a {color:#000000; font-size:24px; text-decoration:none; text-transform:uppercase;} #menu {float:left; height:30px; padding:50px 0 0 0; width:580px;} #menu ul {margin:0; padding:0;} #menu ul li {display:inline; list-style:none;} #menu ul a {display:block; float:left; font-size:18px; text-decoration:none; padding:0 10px 2px 10px; color:#000000;} #menu ul a:hover {background-color:#F7F2EE;} #main {margin:0 20px; background-color:#FFFFFF; float:left;} #text {float:right; width:550px; padding:10px 20px 0 20px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text ul li {padding-left:20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-li.gif) no-repeat; list-style:none;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-size:20px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:left; width:270px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-sidebar_image.jpg) no-repeat 0 10px; padding:420px 50px 20px 50px; color:#775b30; font-size:12px;} #footer {height:149px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/14-footer_bckg.jpg) no-repeat; text-transform:uppercase; font-size:10px; color:#5c5c5c;} #left_footer {float:left; padding:40px 0 0 50px;} #right_footer {float:right; padding:40px 50px 0 0;}
<= Tasarimin Üzerine =>
<div id="wrapper"> <div id="header"> <div id="navigation"> <a href="#" _fcksavedurl="#">Sayfa</a> | <a href="#" _fcksavedurl="#">Mekan</a> | <a href="#" _fcksavedurl="#">İltşm</a> | <a href="#" _fcksavedurl="#">Arama</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">-Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">-Defter</a></li> <li><a href="#" _fcksavedurl="#">-İletişim</a></li> <li><a href="#" _fcksavedurl="#">-Toplist</a></li> <li><a href="#" _fcksavedurl="#">-Hakkımızda</a></li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgileri Verebilirsiniz.<br>www.htmlkodbre.tr.gg</p> </div> <div id="main">
<= Tasarimin ALtına =>
</div> </div> <div id="footer"> <p> Copyright © 2008 | <a href="www.htmlkodbre.tr.gg" _fcksavedurl="www.htmlkodbre.tr.gg">CSS Tasarim Bankası</a> | <a href="www.htmlkodbre.tr.gg" _fcksavedurl="www.htmlkodbre.tr.gg">www.htmlkodbre.tr.gg</a> | </p> </div> </div>
<= Css Kod Bölümüne =>
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;} @charset "utf-8"; /* CSS Tasarim Bankası www.htmlkodbre.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img, div, span { padding:0; margin:0; } body { background-color: #765f38; } #wrapper { width: 786px; margin: 0px auto; } #header { margin-top: 15px; width: 786px; height: 163px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 80px; padding-left: 15px; margin:0px; width: 400px; float: left; } #logo a { color: #382612; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; line-height:72px; } #navigation { padding-top: 12px; color: #382612; font-family: Times; font-size: 24px; float: right; clear: right; width: 300px; } #navigation a { color: #382612; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-repeat: no-repeat; width: 780px; float: left; background-color: #a28e69; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-sidebar.gif); background-repeat: repeat-y; background-position:right; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-background.gif); background-repeat: no-repeat; margin-left:20px; float: left; width: 546px; } #footer { width: 780px; height: 40px; background-color: #593c1b; clear: both; padding-top: 15px; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #252d05; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #5c4211; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffe381; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }
<= Tasarimin Üzerine =>
<div id="wrapper"> <h1>Css bankası</h1> <div id="nav"> <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Home</a> <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Servis</a> <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">İletişim</a> <a href="http://www.htlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Toplist</a> <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">Yorumlar</a> </div> <div id="body"> <div id="body-top"> <div id="body-top-2"></div> <div id="body-bot"> <div id="welcome"> <img src="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg" _fcksavedurl="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg" width="231" height="301" alt="www.csstasarim-arsiv.tr.gg" /> <h2>Hoşgeldiniz.</h2> <p>Sitemize Hoşgeldiniz Bu Tasarim <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">www.htmlkodbre.tr.gg</a> Sitesinden Alınmıştır.Sizde Ordan Bu Tasarimi Kullanabilirsiniz.</p> </div> <div id="conntent">
<= Tasarimin ALtına =>
<div class="fineline"></div> <div id="planer"> <h2>Yaprak Tasarimi</h2> <div class="fineborder"><img src="https://img.webme.com/pic/c/css-tasarimm/css14.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css14.jpg" width="186" height="79" alt="CSS 14" /></div> <p class="more"><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg/css14.htm" class="bar-lit">Tasarima Git</a></p> </div> <div id="stories"> <h2>Çiçek Tasarimi</h2> <div class="fineborder"><img src="https://img.webme.com/pic/c/css-tasarimm/css15.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css15.jpg" width="186" height="79" alt="CSS 15" /></div> <p class="more"><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg/css15.htm" class="bar-lit">Tasarima Git</a></p> </div> <div class="clear-flat"></div> </div> <div class="clear"></div> </div> </div> </div> <div id="footer"> <p>Copyright <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://htmlkodbre.tr.gg"> www.htmlkodbre.tr.gg</a> Sitesine Ayittir.</p> </div> </div>
<= Css Kod Bölümüne =>
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html, body, ul, li, h1, h2, h3, h4 { margin: 0px; padding: 0px; list-style: none; } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #544e38; } img { border: 0px; } a { text-decoration: underline; } a:hover { text-decoration: underline; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: white; text-align: center; font: 11px verdana, arial, sans-serif; } #wrapper { text-align: left; margin: auto; width: 728px; } #body { background: url(https://img.webme.com/pic/c/css-tasarimm/17-body_bg.gif) repeat-y; color: white; width: 100%; } #body-top { background: top left url(https://img.webme.com/pic/c/css-tasarimm/17-body_top.gif) no-repeat; position: relative; } #body-bot { background: bottom left url(https://img.webme.com/pic/c/css-tasarimm/17-body_bot.gif) no-repeat; padding-bottom: 17px; } #body-top-2 { position: absolute; top: 12px; left: 251px; width: 463px; height: 11px; background: top left url(https://img.webme.com/pic/c/css-tasarimm/17-body_top_2.gif) no-repeat; } #wrapper { position: relative; padding-top: 68px; } h1 { position: absolute; top: 36px; left: 13px; font-size:26px; color:#3f3c2d; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; } #nav { position: absolute; top: 43px; left: 256px; } #nav a { background-image:url(https://img.webme.com/pic/c/css-tasarimm/17-menu.gif); width:90px; height:19px; display:inline; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align:center; padding-top:6px; text-decoration:none; color:#e9e4d0; font-weight:bolder; } #nav a:hover { color:#544e38; } #body-bot { padding-top: 12px; } #welcome { float: left; width: 231px; padding-left: 13px; } #welcome a { color: #F2F7F8; } #welcome a:hover { color: #CFCCBF; } #welcome h2 { text-align: center; margin: 11px; color:#ceb085; font-size:24px; } #welcome p { margin: 0px 19px; } #welcome .more { margin-top: 18px; margin-bottom: 10px; } #conntent { float: right; width: 418px; padding-right: 34px; padding-top: 23px; color: #686454; } #conntent .left { margin-right: 10px; } #conntent a { color: #5A5644; } #conntent a:hover { color: #26241A; } #intro { margin: 12px; } .fineline { border-bottom: 1px solid #D3CAA9; margin-bottom: 12px; } .fineline-flat { border-bottom: 1px solid #D3CAA9; } .fineborder { border: 1px solid #D3CAA9; padding: 2px; width: 186px; margin-bottom: 12px; } .bar-lit { padding-left: 6px; background: 0px 4px url(https://img.webme.com/pic/c/css-tasarimm/17-bar_lit.gif) no-repeat; } .bar-drk { padding-left: 6px; background: 0px 4px url(https://img.webme.com/pic/c/css-tasarimm/17-bar_drk.gif) no-repeat; } #picbar { background: #A3A189; width: 415px; margin: 2px 0 19px 0; } #arr-left, #arr-right { float: left; width: 15px; } .picbox { float: left; width: 117px; padding: 2px; border: 1px solid #8B846A; margin: 5px 0px 5px 4px; } #picbar img { display: block; } #arr-right { margin-left: 4px; } #planer { float: left; width: 186px; border-right: 1px solid #D3CAA9; padding-right: 20px; padding-top: 5px; } #stories { float: right; width: 195px; padding-top: 5px; } #planer p, #stories p { margin: 4px 0px; } #planer .more, #stories .more { margin: 12px 0px; } .clear-flat { margin-bottom: 4px; } #footer { font: 11px arial, sans-serif; color: #4E4A3A; text-align: right; padding-right: 47px; } #footer p { margin-top: 0.5em; }
<= Tasarimin Üzerine =>
<div id="wrapper"> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Şehir</a></div> <div id="navigation"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Site</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Haber</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.htmlkodbre.tr.gg</a></li> </ul> <h3>Site Haberleri</h3> <p>Siteniz Hakkındaki Haberleri Buraya Yazınız.</p> </div> <div id="main">
<= Tasarimin ALtına =>
</div> </div> <div id="footer"> </div> </div>
<= Css Kod Bölümüne =>
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;} @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img { padding:0; margin:0; } body { background-color: #cacabf; } #wrapper { width: 780px; margin: 0px auto; } #header { width: 780px; height: 240px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 30px; width: 300px; float: right; clear: right; } #logo a { color: #ffffff; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; } #navigation { padding-top: 80px; float: right; clear: right; width: 300px; } #navigation a { color: #273c5d; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-main.jpg); background-repeat: repeat-y; float:right; width: 780px; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { float: left; width: 536px; margin-bottom: 15px; padding:15px; } #footer { padding-top: 40px; width: 780px; height: 51px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-footer.jpg); clear: both; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }
<= Tasarimin Üzerine =>
<div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">Toplist</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">Yorum</a></li> <li><a href="#" _fcksavedurl="#" accesskey="5" title="">Hakkında</a></li> <li><a href="#" _fcksavedurl="#" accesskey="6" title="">İletişim</a></li> </ul> </div> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Css Bankası</a></h1> <h2><a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">CSS Tasarim Bankası</a></h2> </div> <div id="banner"><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></div> </div> <!-- end #header --> <div id="page"> <div id="conntent"> <div class="post"> <h1 class="title">HTMLkodbre.tR.gg</h1> <div class="story"> Buraya siteniz hakkına bir şeyler yazabilirsiniz. Haberler, duyururular vs... </div> <div class="meta"> <p class="date">Tasarimm Tarihi 08.02.2oo8</p> </div> </div> <div class="post boxed"> <h2 class="title">CSS Tasarim bankası!!!</h2> <div class="story">
<= Tasarimin ALtına =>
</div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> </div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Geçmiş (Arşiv)</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ocak 2008</a> <i>(2)</i></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a> <i>(30)</i></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a> <i>(28)</i></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defterit</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#">Anketler Site Hakkında </a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">İceblue Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> <!-- end #page --> <div id="footer"> <p id="legal">Copyright © 2008 Htmlkodbre by <a href="htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">CSS Tasarim bankası</a></p> </div> <!-- end #footer -->
<= Css Kod Bölümüne =>
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;} /* CSS Tasarim Merkezi Design By ::: www.csstasarim-arsiv.tr.gg */ * { margin: 0; padding: 0; } body { background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/20-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772; } h1, h2, h3 { margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333333; } h1 { font-size: 197%; } h2 { font-size: 152%; } h3 { font-size: 100%; font-weight: bold; } p, ul, ol { margin-bottom: 15px; line-height: 1.6em; } ul, ol { margin-left: 2em; } blockquote { margin-left: 1em; padding-left: 1em; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-y; font-style: italic; } a:link { color: #0AAAFD; } a:hover, a:active { text-decoration: none; color: #FF6700; } a:visited { color: #7F7772; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Menu */ #menu { width: 770px; height: 105px; margin: 0 auto; margin-top: -27px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 122px; height: 65px; padding: 40px 0 0 0; } #menu a { display: block; width: 122px; height: 32px; padding: 13px 0 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); } /* Header */ #header { width: 770px; height: 160px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 250px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img07.jpg) no-repeat center center; letter-spacing: 8px; font-size: 197%; } #logo h2 { letter-spacing: 2px; font-size: 85%; } #logo a { text-transform: uppercase; text-decoration: none; color: #FFFFFF; } /* Banner */ #banner { float: right; width: 520px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img06.jpg) no-repeat; } #banner a { float: right; padding: 120px 20px 0 0; text-decoration: none; text-align: right; font-size: 136%; font-style: italic; color: #FFFFFF; } #page { width: 760px; margin: 0 auto; padding: 20px 0 0 0; } #conntent { float: right; width: 510px; } .post { margin-bottom: 20px; } .post .title { padding: 0 20px; } .post .story { padding: 0 20px; } .post .meta { padding: 5px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } .post .meta p { margin: 0; font-size: 77%; } .boxed .title { height: 32px; margin: 0; padding: 8px 0 0 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img08.jpg) no-repeat; letter-spacing: -1px; color: #FF3300; } .boxed .story { padding: 20px; border: 1px solid #FF8D17; } .boxed .meta { padding: 5px 10px; background: #FF8D17; color: #FFFFFF; } .boxed .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 15px; } #sidebar li ul { padding: 10px; border: 1px solid #0AAAFD; border-top: none; } #sidebar li li { margin: 0; padding: 3px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img10.jpg) no-repeat; letter-spacing: -1px; color: #327EBE; } #sidebar a:link { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li a { padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img11.gif) no-repeat left center; } /* Footer */ #footer { clear: both; height: 100px; padding: 15px 0; background: #D1D1D1; border-top: 5px solid #999999; text-align: center; } #footer p { margin: 0; color: #999999; } #footer a { color: #999999; } #footer a:hover { color: #FFFFFF; }
<= Tasarimin Üzerine =>
<!-- start header --> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Yorum</a></li> <li><a href="#" _fcksavedurl="#">Hakkında</a></li> <li class="last"><a href="#" _fcksavedurl="#">TopList</a></li> </ul> </div> </div> <!-- end header --> <!-- start page --> <div id="wrapper"> <div id="wrapper-btm"> <div id="page"> <!-- start content --> <div id="content"> <div id="banner"> </div> <div class="post">
<= Tasarimin ALtına =>
</div> </div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Ara" /> </fieldset> </form> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Anketler</a></li> </ul> </li> <li> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">Link Liste 1</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 2</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 3</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 4</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 5</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 6</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 7</a></li> </ul> </li> <li> <h2>Site Ekle </h2> <ul> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> <!-- start footer --> <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 htmlkodbre by <a href="http://www.htmlkodbre.tr.gg" _fcksavedurl="http://www.htmlkodbre.tr.gg">CSS Tasarim Bankası</a>.</p> </div> </div> <!-- end footer -->
<= Css Kod Bölümüne =>
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;} /* Css Tasarim Merkezi www.css-tasarimm.tr.gg */ body { margin-top: 49px; padding: 0; background: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BBBBBB; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #48ACDE; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #48ACDE; } a:hover, a:active { text-decoration: none; color: #48ACDE; } a:visited { color: #48ACDE; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Header */ #header { clear: both; width: 860px; height: 52px; margin: 0 auto; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } /* Menu */ #menu { float: left; width: 860px; height: 54px; padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img01.jpg) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-right: 3px; padding: 10px 20px; text-decoration: none; text-transform: lowercase; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #menu a:hover { text-decoration: none; color: #48ACDE; } #menu .current_page_item a { color: #48ACDE; } /** LOGO */ #banner { width: 620px; height: 240px; margin: 0 auto; padding: 10px 0 0 0; background: #BCE03E url(https://img.webme.com/pic/c/css-tasarimm/22-img04.jpg) no-repeat left top; } #logo { width: 820px; height: 60px; margin: 0 auto; } #logo h1, #logo h2 { float: left; margin: 0; padding: 0 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:36px; font-style: italic; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: 20px 0 0 5px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: ##48ACDE; } #logo p a { text-decoration: none; color: #B6ACA2; } #logo p a:hover { text-decoration: underline; } #wrapper { width: 860px; margin: 0 auto; background: #000000 url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } #wrapper-btm { background: url(https://img.webme.com/pic/c/css-tasarimm/22-img03.jpg) no-repeat left bottom; } /* Page */ #page { width: 860px; margin: 0 auto; padding-top: 20px; } /* Content */ #content { float: right; width: 620px; } /* Post */ .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { } .post h2 { height: 32px; padding: 8px 0 0 15px; font-size: 18px; color: #DADADA; } .post .entry { padding: 0 15px; } .post .meta { margin-left: 15px; margin-right: 15px; padding: 15px 0px 30px 0px; border-top: 1px dashed #333333; font-size: 10px; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left center; } .post .meta .comments { padding-left: 22px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left center; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 210px; padding-left: 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { height: 32px; margin-bottom: 10px; font-size: 18px; color: #DADADA; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #48ACDE; text-transform: lowercase; font-size: 11px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { width: 860px; height: 64px; margin: 0 auto; } #footer { margin: 0 auto; height: 64px; min-height: 64px; padding: 0; font-size: 10px; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 10px; padding-left: 30px; text-align: center; color: #999999; } #legal a { }
CSS TASARIM SAYFALARI DEVAMI TIKLA
Bugün 53 ziyaretçikişi burdaydı!
Bismillahirrahmanirrahim
DUYURU
Sitemize Hoşgeldiniz!
htmlkodbre.tr.gg tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!
Facebook beğen
Toplist
Web Directory
2009 GUNCEL| CSS DESIGN| | RED TASARIM| | ICEBLUE TASARIM| BUFTERY TASARIM | TV RADYO KODLARI | HABER KODLARI | HTML KODLARI | JAVASPRIHT KODLAR |
MART 2009 © Copyright by Htmlkodbre ® Tüm Hakları saklıdır
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol
Toplist
Web Directory
