| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var

css9

GRİ CSS



    Tasarımın Üzerindeki Bölüme

     <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Site adı</a></h1> <p> Site Logosu</p> </div> <div id="menu"> <ul id="main"> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Z. Defteri</a></li> </ul> <ul id="feed"> <li><a href="#" _fcksavedurl="#">Html Kod</a></li> <li><a href="#" _fcksavedurl="#">Tasarımlar</a></li> </ul> </div> </div>  <div id="wrapper">  <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="sidebar1" class="sidebar"> <ul> <li> <h2>Ana mEnü</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Z. Defteri</a></li> <li><a href="#" _fcksavedurl="#">Tasarım İstek</a></li> <li><a href="#" _fcksavedurl="#">Teknoloji Haberleri</a></li> <li><a href="#" _fcksavedurl="#">Sitenin Webmaster'ı</a></li> </ul> </li> <li> <h2>Tasarımlar</h2> <ul> <li><a href="#" _fcksavedurl="#">İceblue</a> [ 10 ]</li> <li><a href="#" _fcksavedurl="#">Red</a> [ 2 ]</li> <li><a href="#" _fcksavedurl="#">Butterfly</a> [ 1 ]</li> <li><a href="#" _fcksavedurl="#">Css Design</a> [ 8 ]</li> </ul> </li> <li> <h2>Ekstra Menü</h2> <ul> <li><a href="#" _fcksavedurl="#">Nickler</a></li> <li><a href="#" _fcksavedurl="#">Videolar</a></li> <li><a href="#" _fcksavedurl="#">Html Kodları</a></li> </ul> </li> </div>  <div id="content">

    Tasarımın Altındaki Bölüme

    </div>   <div id="sidebar2" class="sidebar"> <ul> <li> <form id="searchform" method="get" action="#"> <div> <h2>Arama Yap</h2> <input type="text" name="s" id="s" size="15" value="" /> </div> </form> </li> <li> <h2>Tags</h2> <p class="tag"><a href="#" _fcksavedurl="#">html</a> <a href="#" _fcksavedurl="#">red</a> <a href="#" _fcksavedurl="#">iceblue</a> <a href="#" _fcksavedurl="#">butterfly</a> <a href="#" _fcksavedurl="#">css</a> <a href="#" _fcksavedurl="#">buton</a> <a href="#" _fcksavedurl="#">nick</a> <a href="#" _fcksavedurl="#">video</a></p></li> <li> <h2>Takvim</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption> October 2009 </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="September" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="View posts for September 2009">« Sep</a></td> <td class="pad"> </td> <td colspan="3" id="next"> </td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> <td id="today">4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> </tr> <tr> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> </tr> <tr> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="4"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div> </div>  </div> <div id="footer"> <p class="copyright">© 2009 All Rights Reserved • Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.<br /><a href="#" _fcksavedurl="#">Privacy Policy</a> • <a href="#" _fcksavedurl="#">Terms of Use</a></p> </div>

    Css Kodu Bölümüne Bölüme

     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 */ body { margin-top: 10px; padding: 0; background: #787878 url(https://img.webme.com/pic/n/newsfriend/img01.jpg) repeat left top; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #616161; } h1, h2, h3 { margin-top: 0; text-transform: uppercase; color: #528DC8; } h1 { font-size: 1.6em; font-weight: normal; } h2 { font-size: 1.6em; } h3 { font-size: 1em; } ul { } a { text-decoration: none; color: #528DC8; } a:hover { border-bottom: none; } a img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } #header { width: 960px; margin: 0 auto; height: 150px; } /* Header */ #logo { width: 960px; height: 100px; margin: 0 auto; padding: 0; } #logo h1, #logo p { float: left; margin: 0; color: #528DC8; } #logo span { color: #000000; } #logo h1 { padding: 25px 0 0 0; letter-spacing: -1px; text-transform: lowercase; font-weight: normal; font-size: 3em; } #logo p { text-transform: uppercase; padding: 47px 0 0 3px; font-size: 10px; color: #110E0F; } #logo a { border: none; text-decoration: none; color: #528DC8; } /* Menu */ #menu { width: 960px; margin: 0px auto; padding: 0px; height: 52px; background: url(https://img.webme.com/pic/n/newsfriend/img02.jpg) no-repeat left top; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 33px; margin: 0px; padding: 19px 30px 0px 30px; text-decoration: none; text-transform: capitalize; background: url(https://img.webme.com/pic/n/newsfriend/img03.jpg) no-repeat right 50%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { color: #FFFFFF; } /* Wrapper */ #wrapper { } /* Page */ #page { width: 960px; margin: 0px auto; background: url(https://img.webme.com/pic/n/newsfriend/img05.jpg) repeat-y left top; } #page-bgtop { background: url(https://img.webme.com/pic/n/newsfriend/img04.jpg) no-repeat left top; } #page-bgbtm { background: url(https://img.webme.com/pic/n/newsfriend/img06.jpg) no-repeat left bottom; } /* Latest Post */ #latest-post { padding: 20px; border: 1px solid #E7E7E7; } /* Content */ #content { float: left; width: 500px; margin: 0px; padding: 20px 0px 0px 0px; } .post { padding-bottom: 15px; line-height: 200%; } .post h1 { font-weight: normal; } .title { height: 50px; margin: 0px 10px; padding: 11px 0px 4px 10px; text-transform: capitalize; font-weight: normal; background: url(https://img.webme.com/pic/n/newsfriend/img12.jpg) no-repeat left top; } .title a { border-bottom: none; color: #528DC8; } .title a:hover { } .byline { margin: -10px 20px 20px 20px; } .tag { padding: 0 15px; } .entry { padding: 0 20px; } .links { padding: 4px 0px; text-align: right; font-weight: bold; } .links a { border: none; } .links a:hover { } /* Sidebars */ #sidebar1 { float: left; padding-top: 20px; padding-left: 10px; } #sidebar2 { float: right; } #sidebar1 ul { padding-bottom: 20px; } #sidebar1 li { background: url(https://img.webme.com/pic/n/newsfriend/img11.jpg) no-repeat left bottom; } #sidebar1 li ul { background: url(https://img.webme.com/pic/n/newsfriend/img10.jpg) repeat-y left top; } #sidebar1 li li { background: url(https://img.webme.com/pic/n/newsfriend/img08.gif) no-repeat 0 13px; } #sidebar1 li h2 { height: 25px; padding-top: 15px; background: url(https://img.webme.com/pic/n/newsfriend/img09.jpg) no-repeat left top; color: #333333; } .sidebar { float: left; width: 220px; padding: 10px 0 0 0; font-size: 12px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { padding: 0 0 20px 0; } .sidebar li ul { } .sidebar li li { margin: 0 10px 0 15px; padding: 8px 0px 8px 20px; border-bottom: 1px #B5B5B5 dashed; background: url(https://img.webme.com/pic/n/newsfriend/img08.gif) no-repeat 0 13px; text-align: left; } .sidebar li h2 { height: 30px; margin: 0 0 0 0; padding: 8px 15px 0px 35px; background: url(https://img.webme.com/pic/n/newsfriend/img07.jpg) no-repeat left top; font-size: 12px; color: #FFFFFF; } .sidebar a { } /* Search */ #searchform { margin: 0; padding: 0 0 0 0; } #searchform br { display: none; } #searchform h2 { } #s { margin: 10px 0px 0 15px; padding: 2px 2px; width: 180px; height: 18px; border: 1px solid #949494; background: #FFFFFF; font-size: 10px; color: #000000; } #x { margin: 0; padding: 2px 5px; height: 25px; background: #CA8186; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; } /* Calendar */ #calendar_wrap { padding: 0 15px; text-align: center; } #calendar_wrap table { width: 100%; } #calendar_wrap th { } #calendar_wrap td { } #calendar_wrap tfoot td { border: none; } #calendar_wrap tfoot td#prev { text-align: left; font-weight: bold; border: none; } #calendar_wrap tfoot td#prev a { border: none; } #calendar_wrap tfoot td#next { text-align: right; font-weight: bold; border: none; } #calendar_wrap tfoot td#next a { border: none; } /* Footer */ #footer { width: 940px; height: 70px; margin: 0 auto; padding-left: 20px; } #footer p { margin: 0; padding: 25px 0 0 0; text-align: left; font-size: smaller; } #footer a { } #footer .link { float: right; } #footer .copyright { float: left; }

| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var |

css9