TASARIMIN ÜZERİNDEKİ YAZI
<div id="menu"> <ul> <li><a href="http://www.kahraman-ede.tr.gg/ANA-SAYFA.htm" accesskey="1" title="">Ana Sayfa</a></li> <li><a href="http://kahraman-ede.tr.gg/iletisim.htm" accesskey="2" title="">İletisim</a></li> <li><a href="http://www.kahraman-ede.tr.gg/EDE-KONUK-DEFTERi.htm" accesskey="3" title="">Ziyaretci Defteri</a></li> <li><a href="http://kahraman-ede.tr.gg/Galeri/index.htm" accesskey="4" title="">Galeri</a></li> <li><a href="http://kahraman-ede.tr.gg/ataturk.htm" accesskey="5" title="">Atatürk</a></li> <li><a href="http://kahraman-ede.tr.gg/turkuler.htm" accesskey="6" title="">Türküler</a></li> </ul> </div> <div id="header"> <div id="logo"> <h1><a href="#">EDELER DİYARI</a></h1> <h2><a href="#">By Desing Ede</a></h2> </div> <div id="banner"><a href="http://www.kahraman-ede.tr.gg/ANA-SAYFA.htm">Kahramanlar Diyarı Kahramanmaras</a></div> </div> <!-- end #header --> <div id="page"> <div id="conntent"> <div class="post"> <h1 class="title">.</h1> <div class="story"> . </div> <div class="meta"> <p class="date"></p> </div> </div> <div class="post boxed"> <h2 class="title">MARASLIM BİR HAMASET DESTANI</h2> <div class="story">
TASARIMIN ALTINDAKİ YAZI
</div> <div class="meta"> <p class="date">Posted on February 22, 2007 by Admin</p> </div> </div> </div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Ana Menü</h2> <ul> <li class="first"><a href="http://www.kahraman-ede.tr.gg/ANA-SAYFA.htm">Ana Sayfa</a> <i>(2)</i></li> <li><a href="http://www.kahraman-ede.tr.gg/%26%23304%3BL-TANITIMI.htm">İl Tanıtımı</a> <i>(31)</i></li> <li><a href="http://www.kahraman-ede.tr.gg/TARiHiMiZ.htm">Tarihimiz</a> <i>(30)</i></li> <li><a href="http://www.kahraman-ede.tr.gg/MARASLI-SANATCILAR.htm">Maraslı Sanatcılar</a> <i>(31)</i></li> <li><a href="http://kahraman-ede.tr.gg/universiteler.htm">Üniversiteler</a> <i>(28)</i></li> <li><a href="http://kahraman-ede.tr.gg/Sivil-Toplum-Kuruluslari.htm">Sivil Toplum</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menü</h2> <ul> <li class="first"><a href="http://www.kahraman-ede.tr.gg/HASTANELER.htm">Hastaneler</a></li> <li><a href="http://www.kahraman-ede.tr.gg/iLCELERiMiZ.htm">İlçelerimiz</a></li> <li><a href="http://www.kahraman-ede.tr.gg/POSTA-KODLARI.htm">Posta Kodları</a></li> <li><a href="http://www.kahraman-ede.tr.gg/MiLLET-VEKiLLERiMiZ.htm">Millet Vekillerimiz</a></li> <li><a href="http://kahraman-ede.tr.gg/Onemli-Gun-Ve-Haftalar.htm">Önemli Günler</a></li> <li><a href="http://www.kahraman-ede.tr.gg/ETKiNLiKLER.htm">Etkinlikler</a></li> <li><a href="http://kahraman-ede.tr.gg/il-Siteleri.htm">İl Siteleri</a></li> <li><a href="http://www.kahraman-ede.tr.gg/TV-_-RADYO-VE-SPOR.htm">Tv-Radyo-Spor</a></li> <li><a href="http://kahraman-ede.tr.gg/Mehmetcik.htm">Mehmetcik Kösesi</a></li> </ul> </li> <li> <h2>Fix Menü</h2> <ul> <li class="first"><a href="http://kahraman-ede.tr.gg/Galeri/index.htm">Foto Galeri</a></li> <li><a href="#">Maras Fotoğrafları</a></li> <li><a href="#">Integer Gravida Nibh</a></li> <li><a href="#">Maecenas Luctus Lectus</a></li> <li><a href="#">Mauris Vulputate Dolor Nibh</a></li> <li><a href="#">Nulla Luctus Eleifend</a></li> <li><a href="#">Posuere Augue Sit Nisl</a></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> <!-- end #page --> <div id="footer"> <p id="legal">Copyright © 2007 Aquaria. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p> <p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> </div> <!-- end #footer -->
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 Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg); } /* Header */ #header { width: 770px; height: 160px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 250px; height: 160px; background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/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(http://www.freecsstemplates.org/templates/previews/aquaria/images/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; }