BayGeNçLiK / SÜpEr GeNçLiK PLaTfOrMu

En güncel site !..

Css tasarımlar

TASARIM ÜSTÜNE

TASARIM ALTINA

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;} #counter{text-align:center;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(arkaplan url) top center fixed; } #tasarim{ width: 900px; margin-left: auto; margin-right: auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img697.imageshack.us/img697/903/v6tasarim01.gif); width: 900px; height: 190px; float: left; } .ust{ width:545px; float: left; padding: 105px 0 0 355px; overflow: hidden; text-align: justify; } #ustmenu{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img9.imageshack.us/img9/9647/v6tasarim02.gif); width: 900px; height: 96px; float: left; } .ustmenu{ width:880px; float: left; padding: 30px 0 0 20px; overflow: hidden; text-align: justify; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img41.imageshack.us/img41/5996/v6tasarim03.gif); width: 900px; height: 100%; float: left; } .sagsutun{ width:860px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img299.imageshack.us/img299/1958/v6tasarim04.gif); width: 900px; height: 176px; float: left; } <html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <style> body{ margin:0; padding:0; } ul#menu, ul#menu ul{ padding: 0; margin: 0; list-style: none; } ul#menu li { float: left; position: relative; width: 150px; } ul#menu li ul { display: none; position: absolute; top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */ left: 0; } ul#menu li > ul { top: auto; left: auto; } ul#menu li a { font: bold 11px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; color: #000; background: #efefef; text-decoration: none; } ul#menu li a:hover { color: #a00; background: #fff; } ul#menu li:hover ul, ul#menu li.over ul { display: block; } </style> <script type="text/javascript"> startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; </script> </head> </html>

Tasarım Üstü

Tasarım Altı

Css Koduna

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(https://img.webme.com/pic/b/bilgi-st/arkaaaaaaa.gif) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img185.imageshack.us/img185/2255/terty01.gif); width: 1000px; height: 295px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img405.imageshack.us/img405/345/terty02.gif); width: 1000px; height: 100%; float: left; } .solsutun{ width:216px; float: left; padding: 0 0 0 30px; overflow: hidden; } .sagsutun{ width:700px; float: left; padding: 0 0 0 35px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img515.imageshack.us/img515/5710/terty03.gif); width: 1000px; height: 189px; float: left; }

Tasarım Üstüne

<div id="tasarim"> <div id="ust"><div class="ust"><h1>SİTE ADI</h1></div> <div class="istatistik">Bugün hiç ziyaretçi gelmedi <img src="http://theme.webme.com/smiles/sad.gif" border="0"> <img src="http://theme.webme.com/smiles/cheesy.gif" border="0"> <br />Tarayıcıyı bilmiyorum<br /> İp adresi yok </div></div> <div id="ustmenu"><div class="ustmenu"> <center> <body> <div id="tabs10"> <ul> <li id="current"><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Anasayfa</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Bu</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tasarım</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Endless94</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tarafından</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Yapılmıştır!</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Bs-Tasarimci</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tr.Gg</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Daha </span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Fazlası</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>İçin</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tıklayınız</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Css Tasarım</span></a></li> </ul> </div> </body></center> </div></div> <div id="siteadi"><div class="siteadi">bs-tasarimci.tr.gg</div></div> <div id="orta"> <div class="solsutun"> <body> <div id="navcontainer"> <ul id="navlist">  <li id="active"><a id="current" href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg">Bu</a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg">Tasarım</a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg">EndLésS 94</a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg">Tarafından</a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg">Yapılmıştır!!</a></li> </ul> </div> </body> </div> <div class="ortasutun">

Tasarım altına

Css koduna

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;} #counter{text-align:center;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(arkaplan beyaz kalsı aksi takdirde güzel olmuyor) top center fixed; } #tasarim{ width: 1100px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img28.imageshack.us/img28/4164/bstas801.gif); width: 1100px; height: 125px; float: left; } .ust{ width:350px; float: left; padding: 50px 0 0 50px; overflow: hidden; } .istatistik{ width:370px; float: left; padding: 25px 0 0 305px; overflow: hidden; } #ustmenu{ margin-left: auto; margin-right: auto; background: url(http://img717.imageshack.us/img717/7695/bstas802.gif); width: 1100px; height: 55px; float: left; } .ustmenu{ width:1030px; float: left; padding: 15px 0 0 20px; overflow: hidden; } #siteadi{ margin-left: auto; margin-right: auto; background: url(http://img97.imageshack.us/img97/9117/bstas803.gif); width: 1100px; height: 125px; float: left; } .siteadi{ width:180px; float: left; padding: 62px 0 0 100px; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img529.imageshack.us/img529/1867/bstas804.gif); width: 1100px; height: 100%; float: left; } .solsutun{ width:246px; float: left; padding: 0 0 0 20px; overflow: hidden; } .ortasutun{ width:745px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #reklam{ margin-left: auto; margin-right: auto; background: url( http://img529.imageshack.us/img529/7032/bstas805.gif); width: 1100px; height: 149px; float: left; } .reklam{ width:747px; float: left; padding: 30px 0 0 324px; overflow: hidden; text-align: justify; } #bos{ margin-left: auto; margin-right: auto; background: url(http://img580.imageshack.us/img580/6150/bstas8alt01.gif); width: 1100px; height: 43px; float: left; } #yaz{ margin-left: auto; margin-right: auto; background: url(http://img641.imageshack.us/img641/4739/bstas8alt02.gif); width: 1100px; height: 43px; float: left; } .yaz{ width:1045px; float: left; padding: 10px 0 0 35px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img41.imageshack.us/img41/7607/bstas8alt03.gif); width: 1100px; height: 42px; float: left; } .copyright{ width:850px; float: left; padding: 8px 0 0 15px; overflow: hidd

BUGÜN 1 ziyaretçiBuRdAyDı

BaYgENçLiK

Baygenclik

BayGeNçLiK / SÜpEr GeNçLiK PLaTfOrMu

baygenclik

Css tasarımlar

Son eklenenler

Baygençlik

İnternet dünyası

İNCELEME BÖLÜMÜ

BENİM KÖŞEM

WEB MASTER

VİDEO DERSLER