Kirmizi mavi bs siten SisBlog Tasarimi
Tasarım üstü: <table width="990" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="94" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_01.png"><table width="990" height="88" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="346" height="50"> </td> <td width="607"> </td> <td width="37"> </td> </tr> <tr> <td> </td> <td align="left" valign="middle"> <div id="menu"> <ul> <li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa1</a> <ul> <li><a href="http://bs-aktif.tr.gg">menu1</a></li> <li><a href="http://bs-aktif.tr.gg">menu2</a></li> <li><a href="http://bs-aktif.tr.gg">menu3</a></li> <li><a href="http://bs-aktif.tr.gg">menu4</a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa2</a> <ul> <li><a href="http://bs-aktif.tr.gg">menu1</a></li> <li><a href="http://bs-aktif.tr.gg">menu2</a></li> <li><a href="http://bs-aktif.tr.gg">menu3</a></li> <li><a href="http://bs-aktif.tr.gg">menu4</a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa3</a> <ul> <li><a href="http://bs-aktif.tr.gg">menu1</a></li> <li><a href="http://bs-aktif.tr.gg">menu2</a></li> <li><a href="http://bs-aktif.tr.gg">menu3</a></li> <li><a href="http://bs-aktif.tr.gg">menu4</a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa4</a> <ul> <li><a href="http://bs-aktif.tr.gg">menu1</a></li> <li><a href="http://bs-aktif.tr.gg">menu2</a></li> <li><a href="http://bs-aktif.tr.gg">menu3</a></li> <li><a href="http://bs-aktif.tr.gg">menu4</a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa5</a> <ul> <li><a href="http://bs-aktif.tr.gg">menu1</a></li> <li><a href="http://bs-aktif.tr.gg">menu2</a></li> <li><a href="http://bs-aktif.tr.gg">menu3</a></li> <li><a href="http://bs-aktif.tr.gg">menu4</a></li> </ul> </li> </ul> </div> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="168" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_02.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="392" height="38"> </td> <td width="475"> </td> <td width="123"> </td> </tr> <tr> <td height="71"> </td> <td align="left" valign="top">buraya reklam </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="77" valign="bottom" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_03.png"><table width="990" height="63" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="18" height="31"> </td> <td width="171" align="left" valign="middle">tarih</td> <td width="278"> </td> <td width="498" align="left" valign="middle">haberler</td> <td width="25"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="197" align="left" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_04.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="23" height="199"> </td> <td width="942" align="left" valign="top"> |
Tasarım altı: </td> <td width="25"> </td> </tr> </table></td> </tr> <tr> <td height="124" align="left" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_05.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="26" height="32"> </td> <td width="475"> </td> <td width="10"> </td> <td width="461"> </td> <td width="18"> </td> </tr> <tr> <td height="71"> </td> <td align="left" valign="top">buraya reklam </td> <td> </td> <td align="left" valign="top">=>Link Takaslar burayaaaa </td> <td> </td> </tr> </table></td> </tr> </table> |
CSS kodu: /* CIZIM-GULTENYILMAZ.TR.GG - KODLAMA-BS-AKTIF.TR.GG */ 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;} <--Menü--> #menu { font:14px arial, verdana, sans-serif; width:720px } #menu ul { list-style:none; margin:0; padding:5px; /* Firefox, Chrome, Safari tarayıcılar için Border radius ve Shadow tanımları yapılıyor */ -moz-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ -khtml-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ -khtml-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */ -webkit-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ -webkit-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */ } #menu li { /* menümüzün liste tanımı yapılıyor. */ list-style:none; padding:0; margin:0; float:left; position:relative; } #menu a { color:#fff; text-decoration:none; padding:4px; display:block; text-shadow:0px 1px 2px #000; margin:0px 10px 0px 10px; } #menu a:hover { color:#fff; text-decoration:none; padding:4px; background:#333; -moz-border-radius:3px; /* menü bağlantılarımıza küçük bir gölge efekti veriyoruz. */ -khtml-border-radius:3px; -webkit-border-radius:3px; display:block; } /* Alt menülerimizi gizliyor ve sonrasında alt menünün stil tanımlamalarına geçiyoruz. */ #menu li ul { display:none; /* Alt menülerimizi gizliyoruz! */ position:absolute; padding:0px; margin:0px; } #menu li:hover > ul { display:block; /* Alt menülerimiz #menu li üzerine fare ile gelinince görünecek şekilde hover ile gösterimini sağlıyoruz. */ position:absolute; padding:0px 0px 0px 0px; /* margin ve padding değerlerini uygun şekilde ayarlıyoruz. */ margin:0px 10px 0px 10px; width:150px; left:0 } /* Alt menü görünümünü değiştirecek olan stilleri yazıyoruz. */ #menu ul ul { -moz-border-radius:4px; /* alt menümüzün köşelerini yuvarlıyoruz. */ -webkit-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */ -khtml-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */ width:150px; margin:0px 10px 0px 10px; border:1px solid #777; } #menu ul ul li { display:block; float:none; } #menu ul ul a { /* alt menü listemizin linklerini tanımlıyoruz. */ display:block; font:14px/20px arial, verdana, sans-serif; margin:0; background:#888; border-bottom:1px solid #777 } #menu ul ul a:hover { background:#f5cd14; color:#fff; } <body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/bg0032zt.gif"> |