Tema Design | Ücretsiz TR.GG CSS Temalarý

<div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">chasmogamous</a></h1> <h2>By Free CSS Templates</h2> </div> <div id="menu"> <ul> <li class="first"><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">Articles</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">Blogs</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">About Us</a></li> <li><a href="#" _fcksavedurl="#" accesskey="5" title="">Contacts</a></li> <li><a href="#" _fcksavedurl="#" accesskey="6" title="">RSS</a></li> </ul> <div id="search"> <form method="get" action=""> <fieldset> <input id="s" type="text" name="s" value="" /> <input id="x" type="submit" value="GO" /> </fieldset> </form> </div> </div> </div><hr /> <!-- start page --> <div id="page"> <!-- start content --> <div id="content"> <div class="post"> <h2 class="title"><a href="#" _fcksavedurl="#">Welcome to Chasmogamous</a></h2> </div>

</div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li id="calendar"> <h2>Calendar</h2> <table summary="Calendar"> <caption> November 2007 </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="October" colspan="3" id="prev"><a href="http://wordpress.local/?m=200710" _fcksavedurl="http://wordpress.local/?m=200710" title="View posts for October 2007">« Oct</a></td> <td class="pad"> </td> <td abbr="December" colspan="3" id="next"><a href="http://wordpress.local/?m=200710" _fcksavedurl="http://wordpress.local/?m=200710" title="View posts for December 2007">Dec »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="3" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td id="today">5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> </tr> <tr> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> </tr> <tr> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> </tr> <tr> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </li> <li> <h2>Etiam dolore</h2> <p>Nulla pellentesque dolor non tellus. Duis vel elit sit <a href="#" _fcksavedurl="#">amet ipsum vehicula</a> varius. Vestibulum ante ipsum primis in faucibus orci luctus.</p> </li> <li> <h2>Consequat lorem</h2> <ul> <li><a href="#" _fcksavedurl="#">Proin nec magna nec massa</a></li> <li><a href="#" _fcksavedurl="#">Sit amet purus congue</a></li> <li><a href="#" _fcksavedurl="#">Molestie aliquam erat volutpat</a></li> <li><a href="#" _fcksavedurl="#">Amet ipsum vehicula varius</a></li> <li><a href="#" _fcksavedurl="#">Primis in faucibus orci luctus</a></li> <li><a href="#" _fcksavedurl="#">Vestibulum ante ipsum</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer"> <p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p> <p class="credit">Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <p align="center"><a href="http://temadesign.tr.gg/" _fcksavedurl="http://temadesign.tr.gg/" _fcksavedurl="http://temadesign.tr.gg/" _fcksavedurl="http://temadesign.tr.gg/"> <img border="0" src="https://img.webme.com/pic/t/temadesign/temadesign-kucukbanner.gif" _fcksavedurl="https://img.webme.com/pic/t/temadesign/temadesign-kucukbanner.gif" _fcksavedurl="https://img.webme.com/pic/t/temadesign/temadesign-kucukbanner.gif" _fcksavedurl="https://img.webme.com/pic/t/temadesign/temadesign-kucukbanner.gif"></a></p>

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 { background: #809315 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img01.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; margin: 0px; padding: 0px; } input, textarea { width: 220px; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img04.gif) repeat-x; border-top: 1px solid #A3A3A3; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #D6D6D6; font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6E6E6E; } h1, h2, h3 { } h1, h1 a, h2, h2 a { text-decoration: none; } h1 a:hover, h2 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h2 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; line-height: 190%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #FFFFFF; } a:hover { text-decoration: none; color: #FFFFFF; } a img { border: none; } img.left { float: left; margin-right: 20px; } img.right { float: right; margin-right: 20px; } hr { display: none; } #header { width: 960px; height: 166px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img02.jpg) no-repeat top left; } /* Logo */ #logo { width: 870px; height: 152px; margin: 0 auto; } #logo h1, #logo h2 { margin: 0; } #logo h1 { float: left; padding-top: 75px; padding-left: 50px; font-weight: normal; text-transform: lowercase; } #logo h2 { float: left; padding-top: 95px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; } #logo h2, #logo h2 a { color: #FFFFFF; } #logo a { text-decoration: none; } /* Menu */ #menu { width: 960px; margin: 0 auto; } #menu ul { margin: 0; padding: 0 0 0 28px; list-style: none; line-height: normal; } #menu li { float: left; padding: 0 2px 0 2px; } #menu li.first a{ float: left; background: #619E00; padding: 9px 20px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF; } #menu a { float: left; background: #406800; padding: 10px 20px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF; } #menu a:hover { text-decoration: none; background: #619E00; padding: 9px 20px; } /* Search */ #search { float: right; width: 200px; } #search form { margin: 0; padding: 0; margin-top: -10px; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { } #search #s { width: 150px; } #search #x { margin: 0; padding: 0; width: 30px; background: #406800; color: #FFFFFF; } /* Banner */ #banner { width: 960px; margin: 0 auto; padding: 8px 0; } /* Page */ #page { width: 900px; margin: 0 auto; padding: 45px 35px 0 25px; } /* Content */ #content { float: right; width: 603px; } .post { } .post .title { margin: 0; padding: 20px 20px 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img04.gif) no-repeat left 100%; border-bottom: 1px solid #FFFFFF; } .post .title a:hover { text-decoration: none; } .post .entry { padding: 0 20px; } .post .meta { height: 25px; margin: 15px 0 20px 0; padding: 10px 0 0 20px; background: #4E9FC8 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img07.gif) no-repeat; line-height: normal; } /* Sidebar */ #sidebar { float: left; width: 250px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 5px 20px; } #sidebar li h2 { height: 30px; margin-bottom: 15px; padding: 5px 0px 0px 20px; background: #4E9FC8 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img03.jpg) no-repeat; font-size: 18px; color: #FFFFFF; } #sidebar li p { padding: 0 20px; } /* Calendar */ #sidebar #calendar { padding: 0; } #calendar caption { } #calendar table { width: 100%; padding: 0 20px; text-align: center; } #calendar thead th { border-bottom: 2px solid #F2F2F2; border-top: 1px solid #F2F2F2; } #calendar tbody td { padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #calendar tfoot td { border-top: 1px solid #F2F2F2; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar a { font-weight: bold; } /* Footer */ #footer { clear: both; width: 870px; height: 50px; margin: 0 auto; padding: 35px 45px; border-top: 5px solid #4E9FC8; } #footer p { margin: 0; line-height: normal; color: #FFFFFF; } #footer a { color: #406800; } #footer .legal { float: left; } #footer .credit { float: right; }