Berkayla dünya
Ana Sayfa
İletişim
Ziyaretçi defteri
Yeni sayfanın başlığı
Kodlar
Hakkimda
Yeni saasdasdayfanın başlığı
yeni tas
Yeni sayfanıniş başlığı
Yeni sayfanınffa başlığı
Yeni asayfanın başlığı
yeni tas
Önizleme
Psd Dosyasını İndir
Boş Header Resmi
Tasarım Üstü Alanı Kodu
<div id="design"> <div id="usts"><div class="ustmenu"><div class="underlinemenu"> <ul> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> </ul> </div> </div></div> <div id="icerikalani"> <div id="tents"> <div class="solmenu"><div class="arrowlistmenu"> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <li><a href="Buraya Link" _fcksavedurl="Buraya Link">Link Ekle</a></li> <br/> </div> </div> <div class="orta">
Tasarım Altı Alanı Kodu
</div> </div> </div> <div id="alts"></div> </div>
Css Kodu Alanı Kodu
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(http://www.backgroundlabs.com/backgrounds/163.gif); } #design { width: 1000px; margin-left: auto; margin-right: auto; } #usts{ margin-left: auto; margin-right: auto; background: url(http://img180.imageshack.us/img180/5556/tasarimmm01.png); width: 1000px; height: 220px; float: left; } .ustmenu { margin-left: auto; margin-right: auto; padding: 162px 0 0 160px; float: left; overflow: hidden; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:13px; } #icerikalani { margin-left: auto; margin-right: auto; background: url(http://img180.imageshack.us/img180/7339/tasarimmm02.png); text-align: justify; float: left; } #tents { width: 985px; padding: 0 0 0 13px; text-align: justify; overflow: auto; } .solmenu { width: 175px; padding: 0 0 0 10px; float: left; overflow: hidden; text-align: justify; } .orta { width: 700px; padding: 0 0 0 32px; float: left; overflow: hidden; text-align: justify; font-family:Tahoma; font-size:15px; color:#333; font-weight:bolder; } #alts{ margin-left: auto; margin-right: auto; background: url(http://img230.imageshack.us/img230/3641/tasarimmm03.png); width: 1000px; height: 120px; float: left; } Üst Menü <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .underlinemenu{ font-weight: bold; width: 100%; } .underlinemenu ul{ padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/ margin: 0; text-align: right; //set value to "left", "center", or "right"*/ } .underlinemenu ul li{ display: inline; } .underlinemenu ul li a{ color: #494949; padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/ margin-right: 20px; /*spacing between each menu link*/ text-decoration: none; border-bottom: 3px solid gray; /*bottom border is 3px*/ } .underlinemenu ul li a:hover, .underlinemenu ul li a.selected{ border-bottom-color: black; } </style> Sol Menü <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: #b0b0b0; background: black url(https://img.webme.com/pic/b/berkay-kuzu/menuu.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(/media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 10px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #dadada; } </style>
Bugün 3 ziyaretçi (4 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol