KODBANKS ®

Css siyah tasarım

Tasarım üstü:

<div id="sayfa"> <div id="baslik"> <table width="850" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="705" height="92"> </td> <td width="685" align="left" valign="bottom"><p class="style1"><em>Sitemize hoş Geldiniz</em></p> </td> <td width="160"> </td> </tr> </table> </div> <div id="menu"> <div id="menu_2"> <table width="850" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="24" height="48" align="center"> </td> <td width="115" align="center"><a href="#URL" _fcksavedurl="#URL">Ana Sayfa</a></td> <td width="129" align="center"><a href="#URL" _fcksavedurl="#URL">Hakkimizda</a></td> <td width="140" align="center"><a href="#URL" _fcksavedurl="#URL">Iletisim</a></td> <td width="148" align="center"><a href="#URL" _fcksavedurl="#URL">FORUM</a></td> <td width="140" align="center"><a href="#URL" _fcksavedurl="#URL">Galeri</a></td> <td width="122" align="center"><a href="Adres" _fcksavedurl="Adres">Link</a></td> <td width="32"> </td> </tr> </table> </div> <div id="menu_acilim"></div> </div> <div id="duyuru"> <table width="850" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="138" height="31"> </td> <td width="356"><marquee class="kyazi" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%22"> SİTE ADINIZ <a href="ADRES" _fcksavedurl="ADRES">lİNK</a> Duyurularınız buraya </marquee></td> <td width="22"> </td> <td width="59" align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="55" height="15" title="saat"> <param name="movie" value="dijitalsaat-.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="http://www.fileden.com/files/2009/3/10/2357509//dijitalsaat-.swf" width="55" height="15" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed> </object></td> <td width="275"> </td> </tr> </table> </div> <div id="icerik"> <table width="850" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="34" valign="top" scope="col"> </th> <th width="585" valign="top" scope="col"><div id="content"> <style type="text/css"> /* Reset style */ * { margin:0; padding:0; word-break:break-all; } body { background:#000; color:#000; font:12px/1.6em Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size:1em; } a { color:#B3FF99; text-decoration:none; } a:hover { text-decoration:underline; } ul, li { list-style:none; } fieldset, img { border:none; } legend { display:none; } em, strong, cite, th { font-style:normal; font-weight:normal; } input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; } table { border-collapse:collapse; } html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/ /* iFocus style */ #ifocus { width:525px; height:245px; margin:20px; border:1px solid #DEDEDE; background:#F8F8F8; } #ifocus_pic { display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px; } #ifocus_piclist { position:absolute; } #ifocus_piclist li { width:410px; height:225px; overflow:hidden; } #ifocus_piclist img { width:410px; height:225px; } #ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; } #ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; } #ifocus_btn .current { background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } #ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; } #ifocus_tx .normal { display:none; } </style> <FCK:meta content="haber,manset,ajax,css,bedava,sitem," name="keywords" /> <FCK:meta content="Bedava Sitem Ve Diğer Tüm Siteler İçin" name="description" /><script type="text/javascript"> function $(id) { return document.getElementById(id); } function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos)/10); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x)/10); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos)/10); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y)/10); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; elem.movement = setTimeout(repeat,interval); } function classNormal(iFocusBtnID,iFocusTxID){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); for(var i=0; i<iFocusBtns.length; i++) { iFocusBtns[i].className='normal'; iFocusTxs[i].className='normal'; } } function classCurrent(iFocusBtnID,iFocusTxID,n){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); iFocusBtns[n].className='current'; iFocusTxs[n].className='current'; } function iFocusChange() { if(!$('ifocus')) return false; $('ifocus').onmouseover = function(){atuokey = true}; $('ifocus').onmouseout = function(){atuokey = false}; var iFocusBtns = $('ifocus_btn').getElementsByTagName('li'); var listLength = iFocusBtns.length; iFocusBtns[0].onmouseover = function() { moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (listLength>=2) { iFocusBtns[1].onmouseover = function() { moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } } if (listLength>=3) { iFocusBtns[2].onmouseover = function() { moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } } if (listLength>=4) { iFocusBtns[3].onmouseover = function() { moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } } } setInterval('autoiFocus()',5000); var atuokey = false; function autoiFocus() { if(!$('ifocus')) return false; if(atuokey) return false; var focusBtnList = $('ifocus_btn').getElementsByTagName('li'); var listLength = focusBtnList.length; for(var i=0; i<listLength; i++) { if (focusBtnList[i].className == 'current') var currentNum = i; } if (currentNum==0&&listLength!=1 ){ moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } if (currentNum==1&&listLength!=2 ){ moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } if (currentNum==2&&listLength!=3 ){ moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } if (currentNum==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==1&&listLength==2 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==2&&listLength==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } } addLoadEvent(iFocusChange); </script> <div align="center"> <div id="ifocus"> <div id="ifocus_pic"> <div id="ifocus_piclist" style="top: 0pt; left: 0pt"> <ul> <li><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="haber1" src="http://www.drseussjuice.com/wp-content/uploads/2011/06/Ecco-470x270.jpg" _fcksavedurl="http://www.drseussjuice.com/wp-content/uploads/2011/06/Ecco-470x270.jpg" /></a></li> <li><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="haber 2 açıklama" src="http://tevami.com/wp-content/uploads/2011/07/renault-4-2-470x270.jpg" _fcksavedurl="http://tevami.com/wp-content/uploads/2011/07/renault-4-2-470x270.jpg" /></a></li> <li><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="haber 3 açıklama" src="http://www.italydestination.com/uploads/cache/4/9/34_neve_470x270_c.jpg" _fcksavedurl="http://www.italydestination.com/uploads/cache/4/9/34_neve_470x270_c.jpg" /></a></li> <li><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="haber 4 açıklama" src="http://www.goodwood.co.uk/images/BlackandWhiteimages/rev75-470x270.jpg" _fcksavedurl="http://www.goodwood.co.uk/images/BlackandWhiteimages/rev75-470x270.jpg" /></a></li> </ul> </div> <div id="ifocus_opdiv"> </div> <div id="ifocus_tx"> <ul> <li class="current">Buraya Haber Başlık 1</li> <li class="normal">Buraya Haber Başlık 2</li> <li class="normal">Buraya Haber Başlık 3</li> <li class="normal">Buraya Haber Başlık 4</li> </ul> </div> </div> <div id="ifocus_btn"> <ul> <li class="current"><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="" src="http://www.drseussjuice.com/wp-content/uploads/2011/06/Ecco-470x270.jpg" _fcksavedurl="http://www.drseussjuice.com/wp-content/uploads/2011/06/Ecco-470x270.jpg" /></a></li> <li class="normal"><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="" src="http://tevami.com/wp-content/uploads/2011/07/renault-4-2-470x270.jpg" _fcksavedurl="http://tevami.com/wp-content/uploads/2011/07/renault-4-2-470x270.jpg" /></a></li> <li class="normal"><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="" src="http://www.italydestination.com/uploads/cache/4/9/34_neve_470x270_c.jpg" _fcksavedurl="http://www.italydestination.com/uploads/cache/4/9/34_neve_470x270_c.jpg" /></a></li> <li class="normal"><a target="_blank" href="SAYFA ADRES" _fcksavedurl="SAYFA ADRES"><img alt="" src="http://www.goodwood.co.uk/images/BlackandWhiteimages/rev75-470x270.jpg" _fcksavedurl="http://www.goodwood.co.uk/images/BlackandWhiteimages/rev75-470x270.jpg" /></a></li> </ul> </div> </div> </div>
Tasarım altı:

</div></th> <th width="13" valign="top" scope="col"> </th> <th width="172" valign="top" scope="col"><table width="172" border="0" cellspacing="0" cellpadding="1"> <tr> <th height="26" align="left" scope="col"><a href="#URL" _fcksavedurl="#URL">Ana Sayfa</a></th> </tr> <tr> <td height="28" align="left"><a href="#URL" _fcksavedurl="#URL">Hakkimizda</a></td> </tr> <tr> <td height="30" align="left"><a href="#URL" _fcksavedurl="#URL">Iletisim</a></td> </tr> <tr> <td height="31" align="left"><a href="ADRES" _fcksavedurl="ADRES">lİNK</a></td> </tr> <tr> <td height="31" align="left"><a href="ADRES" _fcksavedurl="ADRES">lİNK</a></td> </tr> <tr> <td height="31" align="left"><a href="ADRES" _fcksavedurl="ADRES">lİNK</a></td> </tr> <tr> <td height="31" align="left"><a href="ADRES" _fcksavedurl="ADRES">lİNK</a></td> </tr> <tr> <td height="31" align="left"><a href="ADRES" _fcksavedurl="ADRES">lİNK</a></td> </tr> </table></th> <th width="46" valign="top" scope="col"> </th> </tr> </table> </div> <div id="copright"> <div id="copright_giris"> <table width="850" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="266" height="55"> </td> <td width="433" align="center">Copright © 2012-<a href="http://kodbanks.tr.gg/" _fcksavedurl="http://kodbanks.tr.gg/">Kodbanks-</a>Düzenleme by:Alparslan <br>Online-<script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://fenerbahceoniki.tr.gg/"></script> /50 Kişi / 88 Sayfa gezgi</td> <td width="151"></td> </tr> </table> </div> </div> </div> <style></style><div><a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="new"></a></div> <a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="_blank"><img src="http://img2.ressim.net/out.php/i5545760_kodbanks-tr-gg-logo-gif" _fcksavedurl="http://img2.ressim.net/out.php/i5545760_kodbanks-tr-gg-logo-gif" _fcksavedurl="http://img2.ressim.net/out.php/i5545760_kodbanks-tr-gg-logo-gif" style="position:absolute; left:0px; top: 0px;" border="0"></a> <style> a.asagi { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> </style> <a href="#" _fcksavedurl="#" _fcksavedurl="#" class="asagi"><img src="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" _fcksavedurl="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" _fcksavedurl="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" border="0" title="Yukarı" /></a> <a name="top"></a> <style> a.yukari { position:fixed; bottom:15px; left:7px; font:11px arial; text-transform:uppercase; } </style> <a href="http://kodbanks.tr.gg/Sitenin-sa%26%23287%3B-alt%26%23305%3Bna-Atat.ue.rk-resmi.htm" _fcksavedurl="http://kodbanks.tr.gg/Sitenin-sa%26%23287%3B-alt%26%23305%3Bna-Atat.ue.rk-resmi.htm" _fcksavedurl="http://kodbanks.tr.gg/Sitenin-sa%26%23287%3B-alt%26%23305%3Bna-Atat.ue.rk-resmi.htm" _fcksavedurl="http://kodbanks.tr.gg/Sitenin-sa%26%23287%3B-alt%26%23305%3Bna-Atat.ue.rk-resmi.htm" class="yukari"><img src="http://img2.ressim.net/out.php/i5545752_kodbanks-ataturk-png" _fcksavedurl="http://img2.ressim.net/out.php/i5545752_kodbanks-ataturk-png" _fcksavedurl="http://img2.ressim.net/out.php/i5545752_kodbanks-ataturk-png" _fcksavedurl="http://img2.ressim.net/out.php/i5545752_kodbanks-ataturk-png" border="0" title="Özlüyoruz" /></a>
Css kodu:

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;} #sayfa { height: 550px; width: 850px; margin-right: auto; margin-left: auto; } #baslik { background-image: url(http://img2.ressim.net/out.php/i5576184_01-baslik-jpg); height: 124px; width: 850px; } #menu { background-image: url(http://img2.ressim.net/out.php/i5576439_02-menu-jpg); height: 40px; width: 850px; } #duyuru { background-image: url(http://img2.ressim.net/out.php/i5576186_03-duyuru-jpg); height: 32px; width: 850px; } #menu_2 { height: 58px; width: 850px; } #copright { background-image: url(http://img2.ressim.net/out.php/i5576188_05-copright-jpg); height: 62px; width: 850px; } #icerik { background-image: url(http://img2.ressim.net/out.php/i5576187_04-icerik-jpg); height: auto; width: 850px; } #copright_giris { height: 62px; width: 850px; } body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #CCC; font-weight: bold; } body { background-color: #CCC; } a { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #CCC; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #CCC; } a:hover { text-decoration: none; color: #CCC; } a:active { text-decoration: none; color: #fff; } .style1 { font-size: 30px; font-weight: bold; }

Css siyah tasarım

İki insan Çeşidi Vardır: Zaman Geçtikçe Hatalarıyla Yüzleşen, Zaman Geçtikçe Yüzsüzleşen...!