css01
Tasarim Üstü |
<!-- start header --> <div id="header"> <div id="logo"> <h1>ZizalatemTasarımları</h1> <h2><a id="metamorph" href="http://www.zizalatem.tr.gg">Design by Zizalatem</a></h2> </div> <!--Header end --></div> <div id="menu"> <ul> <li><a href="link Buraya">Anasayfa</a></li> <li><a class="nofirst" href="link buraya">Link Adı</a></li> <li><a class="nofirst" href="Link Buraya">Link Adı</a></li> <li><a class="nofirst" href="link buraya">Link Adı</a></li> <li><a class="nofirst" href="link buraya">Link Adı</a></li> </ul> </div> <div id="main"><!-- end header --> <!-- start page --> <div id="page"><!-- start leftbar --> <div class="sidebar" id="leftbar"> <h2>Menü</h2> <div class="line1"> <ul> <li><a href="Link Adresi">Link Adı</a></li> <li><a href="Link Adresi">Link Adı</a></li> <li><a href="Link Adresi">Link Adı</a></li> <li><a href="Link Adresi">Link Adı</a></li> <li><a href="Link Adresi">Link Adı</a></li> <li><a href="Link Adresi">Link Adı</a></li> </ul> </div> <h2>Ek Menü</h2> <div class="line1"> <li><a href="http://www.zizalatem.tr.gg">Bu Tasarım ZizalateM.tr.gg 'y E Aiitir.</a></li> </div> </div> </div> </div> <!-- end leftbar --> <!-- start content --> <div id="content"> <h4> |
Tasarim Alti; |
</h4> </div> </div> <div class="center_bottom"> </div> </div> </div> <!-- end content --> <!-- start rightbar --> <div class="sidebar" id="rightbar"> <h2>Yan Menü</h2> <div class="line1"> <ul> <li><a href="Link Adresi Buraya">Link Adı Buraya</a></li> <li><a href="Link Adresi Buraya">Link Adı Buraya </a></li> <li><a href="Link Adresi Buraya">Link Adı Buraya</a></li> <li><a href="Link Adresi Buraya">Link Adı Buraya</a></li> <li><a href="Link Adresi Buraya">Link Adı Buraya</a></li> </ul> </div> <div class="bottom_small"> </div> <h2>Ek Menü</h2> <div id="rightbot"> <div class="line1"> <ul class="liststyle2"> <li>Bu Sitenin Tasarımı <div class="read"><a href="http://www.zizalatem..tr.gg">Zizalatem.Tr.gg Ye Aiitir.</a></div> </li> </ul> </div> </div> <div class="bottom_small"> </div> </div> <!-- end rightbar --> <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer">Copyright © 2009. Tasarım ZiZALATEM.TR.GG Adresine Aiitir.Düzenleme Aziz ŞİMŞEK</div> </div> |
Css Kodu ; |
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 Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0px; padding: 0px; } p{ padding: 15px; } body { background: #e01400; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; background: #bad6ff url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/bgtop.jpg) top repeat-x; } input, textarea { background: #A4E4F5; border: 1px solid #FFFFFF; font: bold 13px Arial, Helvetica, sans-serif; color: #0F5B96; } h1, h2, h3, p, ol, ul { margin-top: 0; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; } h1, h2 { text-transform: lowercase; font-weight: normal; } h1 { font-size: 2.4em; } h2 { font-size: 1.8em; } h4{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight:normal; color:#FFFFFF; padding-top: 36px; padding-left: 39px; padding-bottom: 15px; } hr { display: none; } #main { width: 1020px; margin: 0 auto; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/conbg.jpg) repeat-y center; } /* Header */ #header { height: 180px; width: 1400px; margin: 0 auto; } #logo { width: 1400px; height: 180px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/header.jpg) no-repeat; } #logo h1, #logo p { margin: 0; line-height: normal; } #logo h1 { padding: 47px 0 0 20px; font-size: 24px; color: #ffffff; } #logo h2 { padding: 10px 0 0 20px; font-size: 10px; text-transform: uppercase; color: #ffffff; } #logo a { text-decoration: none; color: #ffffff; } #menu { height: 47px; width: 840px; padding-left: 180px; margin: 0 auto; background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/menubg.jpg) center; } #menu ul { margin: 0; list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 140px; height: 37px; padding-top: 13px; text-decoration: none; text-align: center; font-size: 18px; font-weight: bold; color: #013696; } .nofirst{ background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/menubor.jpg) left center no-repeat; } #menu a:hover { text-decoration:underline; color: #000000; } /* Page */ #page { width: 976px; margin: 0 auto; } /* Content */ #content { float: left; width: 503px; margin: 10px; } #wel{ background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/wel.jpg) no-repeat center; width: 503px; height: 274px; margin-bottom: 10px; } #wel a{ color:#FFFFFF; text-decoration:none; margin-left: 15px; } #wel a:hover{ text-decoration:underline; } .web{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style:italic; font-weight:bold; } #weltext{ width: 155px; color: #cecccc; margin-left: 20px; } #gallery{ padding-left: 7px; } .gal1{ width: 111px; text-align:center; padding: 5px; float:left; } .gal2{ width: 111px; text-align:center; padding: 5px; float:left; } .gal3{ width: 111px; text-align:center; padding: 5px; float:left; } .gal4{ width: 111px; text-align:center; padding: 5px; float:left; } .gal, .gal2, .gal3, .gal4 a{ color:#FFFFFF; } .gtext{ color: #007993; } .gwiev{ width: 96px; height: 31px; background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/wiev.jpg) no-repeat center; margin-top: 5px; padding-top: 15px; } .wiev{ text-decoration:none; color:#FFFFFF; } .read{ text-align:right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 5px; } .read a{ color: #6686c0; } .read a:hover{ color: #6686c0; text-decoration: underline; } #content .post ul, #content .post ol { margin-left: 30px; } #conbg { background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/conbg.gif) repeat-y top; } #met{ color: #013696; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size: 14px; padding-left: 20px; padding-top:10px; } .post { color: #000000; } .text a { color: #6686c0; } .text a:hover { color: #000000; } .post H2 { width: 503px; height: 25px; font-size: 14px; font-weight: bold; text-align:center; padding-top: 14px; text-transform: uppercase; color: #ffffff; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/contitle.gif) no-repeat; } .center_bottom { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/conbot.gif) no-repeat bottom; height: 2px; } /* Sidebars */ .sidebar { float: left; width: 226px; margin-top: 10px; color: #000000; } .sidebar ul { margin-top: 15px; margin-left: 0px; padding: 0; list-style: none; line-height: normal; padding-right: 30px; } .sidebar ul li a{ color:#000000; text-decoration: none; } .sidebar ul li a:hover{ color:#6786c0; } .sidebar li { padding-left: 15px; background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/liststyle.gif) no-repeat top left; margin-bottom: 15px; margin-left: 20px; } .liststyle2 li{ background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/liststyle2.jpg) no-repeat top left; padding-left: 30px; } .sidebar h2 { width: 226px; height: 25px; font-size: 14px; font-weight: bold; text-align:center; padding-top: 14px; text-transform: uppercase; color: #ffffff; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/title.gif) no-repeat; } .bottom_small { height: 2px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/left_bottom.gif) no-repeat bottom left; width: 228px; margin-bottom: 20px; } #leftbar .line1, #rightbar .line1 { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/left_bg.gif); padding: 4px; } #leftbar .small_back, #rightbar .small_back { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/small_back.gif) repeat-y; } /* Left Sidebar */ #leftbar { } /* Right Sidebar */ #rightbar a{ color: #6686c0; } #com{ padding: 5px; } .hr{ background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/hr.jpg) no-repeat; height: 1px; width: 209px; margin-top: 5px; margin-bottom:5px; } #hr2{ width: 503px; height: 1px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/hr2.jpg) no-repeat center; margin-bottom:5px; } #leftbar .back, #rightbar .back { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/title_back.gif) no-repeat; padding: 10px; } /* Footer */ #footer { clear: both; padding-top: 20px; height: 42px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_flowergallery/images/footer.jpg) no-repeat top; text-align: center; font-size: smaller; color: #013696; } #footer a { color: #013696; } |