HackerEdit53 Design

Blog v1

Merhaba arkadaşlar.Yeni tasarımımın adı Blog v1.Adını bir blog için tasarladığım nedeniyle koydum.
Header'i falan değiştirebilirsiniz.Daha şekil bir görünüm kazandırabilirsiniz.Ben size iskeleti verdim.
Not:Önizlemedeki kuru kafa semboluü,normalde tasarımda yoktur.

Tasarım üstü

<div id="design"> <div id="header"> <h1 class="hptitle">HackerEdit53</h1> <h2 class="slogan">Güncel webmaster portalı..</h2> </div> <div id="ctop"></div> <div id="main"> <div id="menu"> <h1>Menü</h1> <h2>Navigasyon</h2> <br />  <div id="menu_items"> <a href="#" _fcksavedurl="#">»  Anasayfa</a> <a href="#" _fcksavedurl="#">»  İletişim</a> <a href="#" _fcksavedurl="#">»  Hakkımda</a> <a href="#" _fcksavedurl="#">»  Ziyaretçi Defteri</a> <a href="#" _fcksavedurl="#">»  Toplist</a> </div> <br /> <h1>Duyurular</h1> <h2>Site tasarımı</h2> <p>Arkadaşlar sitemizin tasarımı değişmiştir.Hepimize uğurlu olsun <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></p> <br /> <h1>Link Takas</h1> <h2>Dostlarım..</h2> <br /> <div id="menu_items"> <a href="#" _fcksavedurl="#">»  Link Takas</a> <a href="#" _fcksavedurl="#">»  Link Takas</a> <a href="#" _fcksavedurl="#">»  Link Takas</a> <a href="#" _fcksavedurl="#">»  Link Takas/a> <a href="#" _fcksavedurl="#">»  Link Takas</a> </div> <br /> </div> <div id="subpage"><h2>Merhaba ziyaretçi "Blog v1" sayfasında takılıyorsunuz.Keyifli vakitler..</h2></div>

Tasarım altı

CSS

/*Blogv1  -  Copyright by www.HackerEdit53.Tr.Gg*/       /*VERSTECKT*/  h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;}  #nav_container{display:none;} #sidebar_container{display:none;} #counter{display:none;}          /*VERSTECKT ENDE*/            /*HINTERGRUND*/  body{      background: url(https://img.webme.com/pic/p/poddi-designs/blogstyle1_bg.gif) repeat;     font-family: verdana, arial, sans-serif;     font-weight: normal;     font-size: .69em;     padding: 0px;     margin: 0px;     }      /*HINTERGRUND ENDE*/        /*FORMATIERUNG*/  *{padding: 0;margin: 0;}  p{     margin: 0px;     font-weight: normal;     padding: 0px 0px 16px 0px;     line-height: 1.5em;     }  h1{      font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     color: #c40000;     }  h2{     margin: 0px;     font-size: 100%;     color: #000000;     }  a{     color: #a9ac99;     text-decoration: none;     outline: none;     }  a:hover{     color: #c40000;     text-decoration: underline;     }  ul, li{     list-style-type: square;     }  hr{     height: 1px;     border: 0px dashed #ced2ba;     background-color: #ced2ba;     margin: 5px;     }      img{     border: 0px;     }      /*FORMATIERUNGEN ENDE*/        /*DESIGNCONTAINER*/  #design{     width: 808px;     margin: 0px auto;     color: #fff;     margin-top: 0px;     font-weight: normal;     }  #main{     width: 808px;     background: url(https://img.webme.com/pic/p/poddi-designs/blogstyle1_cbg.gif);     background-repeat: repeat-y;     float: left;     clear.both;     }      /*DESIGNCONTAINER ENDE*/        /*Header*/  #header{     background-image: url(https://img.webme.com/pic/h/hackeredit53-design/blogv1_header.png);     background-repeat: no-repeat;     width: 808px;     height: 128px;     color: #ffffff;     margin: 0px auto;     float: left;     clear:both;     margin-top: 0px;     }  h1.hptitle{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 30px; margin-left: 180px;     color: #fff;     }  h2.slogan{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 0px;      margin-left: 240px;     font-size: 120%;     color: #fff;     }      /*HEADER ENDE*/        /*INHALTSBEREICH*/  #subpage{     width: 558px;     height: 30px;     float: left;     padding-left: 15px;     padding-right: 15px;     }  #ctop{     width: 808px;     height: 25px;     clear:both;     float: left;     background: url(https://img.webme.com/pic/h/hackeredit53-design/blogv1_ust.png);     }  #content{     width: 558px;     float: left;     background: transparent;     padding-left: 15px;     padding-right: 15px;     color: #000;     }  #cbottom{     width: 808px;     height: 25px;     clear:both;     float: left;     background: url(https://img.webme.com/pic/h/hackeredit53-design/blogv1_alt.png);     }      /*INHALTSBEREICH ENDE*/        /*MENU*/  #menu {      width: 170px;     margin-left: 15px;     float: left;     padding-left: 10px;     padding-right: 10px;     color: #000; }  #menu_items a:link,  #menu_items a:visited,  #menu_items a:hover {     font-weight: bold;     width: 159px;     height: 16px;     color:#a9ac99;     display:block;     padding: 3px;     border-bottom: 1px solid #ced2ba;     }  #menu_items a:hover {     color: #c40000;     text-decoration: none;     font-weight: bold;     }      /*MENU ENDE*/        /*FOOTER*/  #footer{     width: 808px;     color: #fff;     margin-bottom: 20px;     text-align: right;     float: left;     clear: both;     }  #footer a {     color: #fff;     text-decoration: underline;     }  #footer a:hover{     color: #c40000;     text-decoration: underline;     }          /*FOOTER ENDE*/        /*WEITERES*/  input{     border: 1px solid #a9ac99;      background: #dce0cb;     padding: 2px;     }  textarea{     border: 1px solid #a9ac99;      background: #dce0cb;     padding: 2px;     }  input[type=submit]{     border: 1px solid #a9ac99;      background: #dce0cb;     padding: 2px;     cursor: pointer;     }      /*WEITERES ENDE*/        /*WERBUNG ZENTRIEREN*/  table[height="102"] {     margin:auto;     }       /*WERBUNG ZENTRIEREN ENDE*/