Css Tasarımlar

TASARIM ÜZERİNE

TASARIM ALTINA

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 Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin-bottom: 50px; background: #FFFFFF url(http://img268.imageshack.us/img268/9076/img1n.gif) repeat-x; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3B3B3B; } h1, h2, h3 { color: #4F789F; } h1 { } h2 { } h3 { font-size: 1em; } p, blockquote, ul, ol { } p { } blockquote { } ul { } ul li { } ol { } ol li { } a { color: #4F789F; } a:hover { text-decoration: none; } img { border: 1px solid #3B3B3B; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Boxed Style */ .boxed { } .boxed .title { padding: 10px 15px; background: #3B3B3B; text-transform: uppercase; font: bold .77em Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } .boxed .content { padding: 15px; } .boxed ul { list-style: none; } /* Post */ .post { clear: both; padding: 20px; border-bottom: 1px solid #3B3B3B; } .post .title { } .post .content { line-height: 1.6em; } .post .title { margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; } .post p, .post blockquote, .post ul, .post ol { margin-bottom: 1em; } .post blockquote, .post ul, .post ol { margin-left: 3em; } /* Header */ #header { width: 700px; height: 150px; margin: 0 auto; background: #69B10A url(http://img42.imageshack.us/img42/2972/img2tqp.jpg); } #header h1, #header h2 { text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; } #header h1 { float: left; padding: 80px 0 0 20px; letter-spacing: -3px; font-size: 48px; } #header h2 { float: left; padding: 107px 0 0 7px; } #header a { text-decoration: none; color: #FFFFFF; } /* Page */ #page { width: 700px; margin: 0 auto; background: url(http://img42.imageshack.us/img42/2724/img3.gif) repeat-y; border-top: 20px solid #3B3B3B; } #content { float: right; width: 497px; padding-right: 1px; } #sidebar { float: left; width: 200px; padding-left: 1px; } /* Menu */ #menu { } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; padding: 5px 15px; border-bottom: 1px solid #FFFFFF; text-decoration: none; color: #3B3B3B; } #menu a:hover { background: #4F789F; color: #FFFFFF; } #menu .active a { background: #BABABA; color: #000000; } /* Login */ #login { } #login fieldset { border: none; } #login legend { display: none; } #login input { margin-bottom: 5px; } #inputtext1, #inputtext2 { width: 160px; } /* Updates */ #updates { } #updates ul { } #updates li { margin-bottom: 20px; } #updates h3 { font-size: .77em; } /* Footer */ #footer { width: 670px; height: 15px; margin: 0 auto; padding: 5px 15px; background: #3B3B3B; font-size: .77em; color: #FFFFFF; } #legal { float: left; } #links { float: right; }

www.add-url.tr.gg Yapımıdır

TASARIM ÜZERİNE

TASARIM ALTINA

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(none) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/w/webbil/asku.jpg); width: 1007px; height: 242px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/w/webbil/asko.jpg); width: 1007px; height: 100%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/w/webbil/aska1.jpg); width: 1000px; height: 307px; float: left; } #kommentartext { background-image:url(none); }

Tasarım Üzerine <div id="contentt"> <div id="back">  <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">Ana Sayfa</a></li> <li id="button2"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">Blog</a></li> <li id="button3"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">Galeri</a></li> <li id="button4"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">Hakkında</a></li> <li id="button5"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div>   <div id="main"> <div id="right"> <h2>WwW.Css-TasaRiMm.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />

Tasarım Altına </div> <div id="left"> <h3>MENÜ</h3> <ul> <li><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 Ekle</a></li> <li><a href="#" _fcksavedurl="#" _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="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#" _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>    </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="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>

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; }