Bu Site AYYILDIZ TİM Destekçisidir | Başarılarınızın Devamını Dileriz |
Ana Sayfa
Hakkimda
HTML Kodlar
Konuk Defteri
Dersler
Siteni Tanit
Webmaster
iletisim kur
CSS
CSS1
CSS2
CSS3
CSS4
CSS5
CSS6
CSS7
CSS8
CSS9
CSS10
HackerFriend Tasarimlari
Referanslar
Yougars intro
AyyildizTimintro
CSS1
Arkadaşlar Resimleri Sayfanın Boyutuna Göre Ayarlamak İçin Biraz Küçülttük Ama Tam Boyutunu Görebilmek İçin Lütfen Resimlerin Üzerlerine Tıklayın!
Tasarım üstüne;
<div id="wrap"> <div id="header"> <div id="topnav"> <ul> <li class="active"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Ana Sayfa</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Hakkımda</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">İletİşİm</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Zİyaretçİ Defterİ</a></li> </ul> </div> <div id="breadcrumb">http://enesdincarslan.tr.gg/<a href="#" _fcksavedurl="#">CSS1</a>.htm</div> <h1 id="sitename"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">EnesDincarsLan.Tr.gg</a><span class="caption">Hayalini Gerçekleştir!</span> </h1> </div> <div id="contents"> <div id="left"> <div class="post"> <div class="post_h"> </div> <div class="postcontent"> <span class="date">EnesDincarsLan.Tr.gg</span> <h5>Bu Tasarım www.EnesDincarsLan.Tr.gg Adresinde!</h5>
Tasarım Altına;
</div> <div class="post_b"> <center> Site design by <a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">EnesDincarsLan.Tr.gg</a> | <strong> Buraya Link Takas Koyabilirsiniz! </strong></center></div> </div> <div id="pagination"> <span class="alignleft"><a href="javascript:%20history.go(-1)" _fcksavedurl="javascript:%20history.go(-1)">« Önceki Sayfa</a></span> <span class="alignright"><a href="javascript:%20history.go(+1)" _fcksavedurl="javascript:%20history.go(+1)">Sonraki Sayfa »</a></span></div> </div> <div id="sidebar"> <h3>Ana Menü</h3> <ul> <li class="cat-item cat-item-4"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg" title="cat">Menü</a></li> <li class="cat-item cat-item-4"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg" title="cat">Menü</a></li> <li class="cat-item cat-item-4"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg" title="cat">Menü</a></li> <li class="cat-item cat-item-4"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg" title="cat">Menü</a></li> <li class="cat-item cat-item-4"><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg" title="cat">Menü</a></li> </ul> <h3>Ana Menü 2</h3> <ul> <li><a href='http://enesdincarslan.tr.gg' _fcksavedurl='http://enesdincarslan.tr.gg' title='EnesDincarsLan.Tr.gg'>Menü Elemanı</a></li> <li><a href='http://enesdincarslan.tr.gg' _fcksavedurl='http://enesdincarslan.tr.gg' title='EnesDincarsLan.Tr.gg'>Menü Elemanı</a></li> <li><a href='http://enesdincarslan.tr.gg' _fcksavedurl='http://enesdincarslan.tr.gg' title='EnesDincarsLan.Tr.gg'>Menü Elemanı</a></li> <li><a href='http://enesdincarslan.tr.gg' _fcksavedurl='http://enesdincarslan.tr.gg' title='EnesDincarsLan.Tr.gg'>Menü Elemanı</a></li> <li><a href='http://enesdincarslan.tr.gg' _fcksavedurl='http://enesdincarslan.tr.gg' title='EnesDincarsLan.Tr.gg'>Menü Elemanı</a></li> </ul> <h3>Ana Menü 3</h3> <ul> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Menü Elemanı</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Menü Elemanı</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Menü Elemanı</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Menü Elemanı</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Menü Elemanı</a></li> </ul> <h3>Ana Menü 4</h3> <ul> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Etiketler</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Etiketler</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Etiketler</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Etiketler</a></li> <li><a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">Etiketler</a></li> </ul> <h3>Search Box</h3> <form action="http://enesdincarslan.tr.gg" class=".htm"> <p> <input name="s" class="textbox" type="text" /> <input class="button" value="Search" type="submit" /> </p> </form> </div> <div class="clear"></div> </div> <div id="pagebottom"></div> <div id="footer"> <p>© Coyright 2010-2011 Bütün Hakları Saklıdır</p> <p> Site design by <a href="http://enesdincarslan.tr.gg" _fcksavedurl="http://enesdincarslan.tr.gg">EnesDincarsLan.Tr.gg</a> | Webmaster by <a href="http://facebook.com/Enes.DincarsLan" _fcksavedurl="http://facebook.com/Enes.DincarsLan">Enes Dinçarslan</a> </p> </div> </div>
CSS Koduna;
table {margin-left: auto;margin-right: auto} 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;} #wrap #header #sitename { display: block; font: normal 28px Georgia, "Times New Roman", Times, serif; padding-left: 45px; padding-top: 15px; color: #000000; width: 300px; float: left; } #wrap #header .intro { display: block; float: right; width: 500px; padding-right: 55px; padding-top: 20px; font: italic normal 18px Georgia, "Times New Roman", Times, serif; color: #005979; } #wrap #header #breadcrumb a { color: #CCCCCC; text-decoration: none; } #wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active { color: #CCCCCC; text-decoration: none; }#wrap #header #breadcrumb a:hover { color: #fff; text-decoration: none; } #wrap #header #sitename .caption { font-size: 12px; display: block; } ul {list-style:none} a { color: #069; } html { background: #14222b url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg); } .clear {clear:both;} body {background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;} #wrap {background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg) repeat-y; width:953px; margin:auto;} #header {background:url(http://www.ressim.net/l/upload/7ce30caf.png) no-repeat; height:210px;} #contents { background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg) no-repeat top; padding-left: 35px; padding-right: 35px; padding-top: 15px; } #footer{ background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg) no-repeat; height:130px; text-align: center; color: #9AACB8; padding-top: 50px; } #wrap #footer a { color: #C7D9E5; text-decoration: none; } #left {width:652px; float:left;} #left .post { width: 639px; margin-left: 4px; margin-bottom: 15px; background: url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y; } #left .post .post_h { background: url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg) no-repeat; height: 17px; } .post .post_b { background: url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg) no-repeat; height: 30px; padding-top: 10px; padding-left: 20px; padding-right: 20px; } .post_b .permalink { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post .postcontent { padding: 5px 25px; } .post .date { font-size: 10px; color: #999999; display: block; background: url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg) no-repeat; padding-left: 20px; height: 16px; padding-top: 4px; } .post h5 { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #007993; display: block; margin-bottom: 18px; padding-top: 5px; } #pagebottom {background:url(http://www.ressim.net/l/upload/8ac5917c.png) no-repeat; height:44px; clear:both;} #topnav { height:50px; padding-top: 32px; padding-left: 30px; }#breadcrumb { color: #CCCCCC; padding-left: 135px; padding-top: 6px; } #wrap #contents #left #pagination { background: #9AACB8; margin-right: 15px; margin-left: 15px; padding: 8px; margin-bottom: 15px; } #pagination .alignleft { display: block; float: left; width: 200px; } #pagination .alignright { text-align: right; display: block; margin-left: 400px; } #topnav li { display: inline; text-transform: uppercase; font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif; } #topnav a { display: block; height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;} #topnav .active a {background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png) no-repeat; color:#fff;} #topnav a:hover {background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png) no-repeat; color:#333;}#wrap #contents #sidebar { margin-left: 665px; } #wrap #contents #sidebar h3 { background: url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg) no-repeat; display: block; width: 195px; height: 30px; color: #FFFFFF; padding-top: 6px; padding-right: 10px; padding-left: 10px; font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px; } #sidebar .cat-item { display: block; height: 24px; border:none!important; padding:0!important; } #sidebar li { margin-left: 10px; margin-right: 10px; } #sidebar li { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #91B5CC; } #sidebar ul li a { text-decoration: none; color: #15222B; } .cat-item a { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } #sidebar ul { margin-bottom: 15px; } .post p { line-height: 18px; margin-bottom: 18px; } .post_b .category { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/category.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b a { color: #FFFFFF; text-decoration: none; } .post_b .comment { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat; height: 16px; padding-left: 24px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b a:visited, .post_b a:active { color: #FFFFFF; text-decoration: none; } .post_b a:hover { color: #FFFFFF; text-decoration: underline; } a:visited, active { color: #000033; } a:hover { color: #000000; text-decoration: none; } #pagination a { text-decoration: none; } #sidebar ul li a:visited, #sidebar ul li a:active { text-decoration: none; color: #15222B; } #sidebar ul li a:hover { text-decoration: none; color: #000000; } .cat-item a:visited .cat-item a:active { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } .cat-item a:hover { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #000000; border-bottom: 1px solid #91B5CC; background: #DEE9EF; } #wrap #contents #sidebar .searchform p { padding: 8px; } #wrap #contents #sidebar .searchform .button { display: block; float: left; } #wrap #contents #sidebar .searchform .textbox { display: block; border: 1px solid #15222B; float: left; width: 140px; margin-right: 3px; padding: 2px; } #wrap #footer a:visited { color: #C7D9E5; } #wrap #footer a:hover { color: #FFFFFF; text-decoration: none; } img.alignleft { float: left; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8E98A1; } img.alignright { float: right; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8F9EA5; } #wrap #header #sitename a { text-decoration: none; color: #000; } blockquote { font: 14px Georgia, "Times New Roman", Times, serif; color: #006699; display: block; padding: 5px; border-top: 1px solid #C7D9E5; border-bottom: 1px solid #C7D9E5; margin-top: 10px; margin-bottom: 10px; } h1 a { text-decoration: none; } h5 a { text-decoration: none; } blockquote p { margin-bottom: 0!important; } .post ul, .post ol { margin-bottom: 15px; } .post ol { list-style: decimal outside; padding-left: 15px; } .post ol li { padding: 4px; } #wrap #contents #left .post .postcontent code { display: block; margin-bottom: 15px; padding: 10px; background: #C7D9E5 url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat right bottom; color: #000000; font: 11px "Courier New", Courier, monospace; white-space: pre; } #wrap #contents #left #comments { width: 639px; margin-left: 6px; } #wrap #contents #left #comments ol { list-style: none; } #wrap #contents #left #comments ol li { display: block; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #D4D0C8; background: #f4f4f4; } #wrap #contents #left #comments ol.odd { background: #fff!important; } h3 a { text-decoration: none; } h3 { font-size: 16px; margin-bottom: 15px; } #wrap #contents #left #comments #commentop { background: url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg) no-repeat; height: 64px; } #wrap #contents #left #comments #commentcontent { background: url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg) repeat-y; padding: 5px 15px; } #wrap #contents #left #comments #commentbtm { background: url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg) no-repeat; height: 38px; } #wrap #contents #left #comments .text { border: 1px solid #C7D9E5; margin-bottom: 15px; padding: 3px; display: block; width: 200px; } #wrap #contents #left #comments #commentcontent form { padding-left: 45px; } #comment { border: 1px solid #C7D9E5; margin-bottom: 15px; }
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol
