®© Seversin Lahanayı ?

<style type="text/css">textarea{<br /><br />background-image:url(http://i253.photobucket.com/albums/hh69/coolbabatr/arkaplantematrgg-akvaryum.jpg);<br /><br />color:0000ff;<br /><br />}</style><textarea rows="5" cols="30" name="Code">

Klavye simgeleri html kodları klavye kodlarını html kodlar içinde kullanmanızda kolaylık sağlar

mavi css tasarım

css bölümüne yapıştır
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-MERKEZ.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(http://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(http://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; } #button2 a { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; } #button3 a { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(http://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; } #logo { background: url(http://csstasarimm.cs.funpic.org/Tasarim-OnizLeme/Css-Tasarim-1/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(http://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(http://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(http://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; }


tasarımın üzerindeki bölüme yapıştır
<a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" target="_blank">Css Merkez.</a><div id="contentt"> <div id="back"> <!-- header begins --> <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> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <h2>WwW.Css-MeRKeZ.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />

tasarımın altındaki bölüme
</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> <!--content ends --> <!-- // // http://www.seversinlahanayi.blogspot.com Design team: // We request you retain the full copyright notice below including the link to www.metamorphozis.com. This not only gives respect to the large amount of time given freely by the developers but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good reason) retain the full copyright we request you at least leave in place the Website Templates line, with Website Templates linked to www.metamorphozis.com. If you refuse to include even this then support may be affected. You are allowed to use this design only if you agree to the following conditions: - You cannot remove copyright notice from this design without our permission. - You cannot use images from this design anywhere else without permission. - If you modify this design it still should contain copyright because it is based on our work. For support visit http://www.seversinlahanayi.blogspot.com The seversin lahanayı Design : 2008 // --> <!--footer begins --> </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.seversinlahanayi.blogspot.com" _fcksavedurl="http://www.seversinlahanayi.blogspot.com " _fcksavedurl="http://www.seversinlahanayi.blogspot.com " title="Css Tasarim ">Css Desing</a></p> </div> </div> </div> <!-- footer ends--><br /><br />

tasarımın altındaki bölüme yapıştır
<!-- end main --><br /><br /> <!-- footer --><br /><br /> <div id="footer"><br /><br /> <div id="menu_footer"><a href="http://www.coolbaba.tr.gg">home</a> <a href="http://www.bedava-web.tr.gg#">bedava-web</a> <a href="#">produ</a> <a href="#">services</a> <a href="#">pricing</a> <a href="#">contact</a> <a href="#">sitemap</a> <a href="#">testimonials</a> <a href="#">etc.</a></div><br /><br /> <div id="left_footer">© Copyright 2008 <b>Your Website</b></div><br /><br /> <div id="right_footer"><br /><br /><br /><br /><!-- Please do not change or delete this links. Read the license! Thanks. :-) --><br /><br />Design by <a href="http://www.realitysoftware.ca" title="Web Design"><strong>Reality Software</strong></a> & <a href="http://www.flashmp3player.org" title="Free Flash MP3 Player"><strong>Flash Music Player</strong></a><br /><br /><br /><br /> </div><br /><br /> </div><br /><br /> <!-- end footer --><br /><br />

css bölümüne yapıştır
h1#title{display: none;}<br /><br />h2#title span {display: none;}<br /><br />div.header{display: none;}<br /><br />li.nav_element{list-style-type: none;}<br /><br />li.nav_element{display: none;}<br /><br /><br /><br />html {background:url(http://capptainn.googlepages.com/body.gif);}<br /><br />body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(http://capptainn.googlepages.com/body_bckg.gif) repeat-x;}<br /><br />a {color:#EE4400; text-decoration:none;}<br /><br />a:hover {text-decoration:underline;}<br /><br /><br /><br />#containr {background:url(http://capptainn.googlepages.com/main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;}<br /><br /><br /><br />#logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;}<br /><br />#logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}<br /><br />#menu {height:40px; text-align:center;}<br /><br />#menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;}<br /><br />#menu a:hover {color:#000000;}<br /><br /><br /><br />#main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;}<br /><br />#text {margin:20px 220px 0 40px;}<br /><br />#text ul {padding:0; margin:10px 0 10px 40px;}<br /><br />#text li {list-style:none; padding-left:15px; background:url(http://capptainn.googlepages.com/li.gif) no-repeat 0px 6px;}<br /><br />h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;}<br /><br />#text p {margin:10px 0;}<br /><br />#sidebar {float:right; padding:20px 30px 0 30px; width:170px;}<br /><br />#sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;}<br /><br />#sidebar ul {margin:0; padding:0;}<br /><br />#sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;}<br /><br />#sidebar li:hover {background-color:#f3f3f3;}<br /><br />#sidebar a {text-decoration:none;}<br /><br /><br /><br />#footer {padding:0 110px; height:169px; clear:both; background:url(http://capptainn.googlepages.com/footer_bckg.jpg) center top no-repeat;}<br /><br />#menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;}<br /><br />#menu_footer a {color:#7A2200; text-transform:lowercase;}<br /><br />#left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;}<br /><br />#left_footer a {color:#FFFFFF;}<br /><br />#right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;}<br /><br />#right_footer a {color:#FFFFFF;}

tasarımın üzerindeki yazı bölümüne
<br /><br /> <!-- header --><br /><br /> <div id="logo"><a href="http://coolbaba.tr.gg/">coolbaba</a></div><br /><br /> <div id="menu"><br /><br /> <a href="http://coolbaba.tr.gg/">BABA SAYFAYA DÖN</a><br /><br /> <a href="#">LİNKLER</a><br /><br /> <a href="http://coolbaba.tr.gg/mail%3Cimg-alt%3D-g--g--src%3D-g-http-d--s--s-i178-.-photobucket-.-com-s-albums-s-w277-s-codocat-s-smileys-s-icon-.-~-.-happymail-.-gif-g---s-%3E.htm">İLETİŞİM</a><br /><br /> <a href="http://coolbaba.tr.gg/Ziyaret%26%23351%3Bi-defteri.htm">Z.DEFTERİ</a><br /><br /> <a href="http://www.bedava-web.tr.gg/Forum/index.htm">FORUM</a><br /><br /> </div><br /><br /> <!--end header --> <br /><br /> <!-- main --><br /><br /> <br /><br /> <div id="sidebar"><br /><br /> <h2>COOLBABA İÇERİKLER</h2><br /><br /> <ul><br /><br /> <li><a href="http://www.bedava-web.tr.gg#">bedava-web1</a></li><br /><br /> <li><a href="#">sidebar link 2</a></li><br /><br /> <li><a href="#">sidebar link 3</a></li><br /><br /> <li><a href="#">sidebar link 4</a></li><br /><br /> <li><a href="http://coolbaba.tr.gg/Hava-Durumu%3Cimg-alt%3D-g--g--src%3D-g-http-d--s--s-i253-.-photobucket-.-com-s-albums-s-hh69-s-coolbabatr-s-weatherhava-.-gif-g---s-%3E.htm">havalı 5</a></li><br /><br /> </ul><br /><br /> </div><br /><br />