Forum'da ara:
Ara


Yazar Mesaj
Mesaj10.06.2011, 10:44 (UTC)    
Mesaj konusu: Css

Arkadaşlar bana Css Bir Tasarım ÇizermisiniZ

KONUSU:AYVALIK
↑
Mesaj10.06.2011, 10:53 (UTC)    
Mesaj konusu:

Ön izlemesi : http://sitemebaksana.tr.gg/

Tasarım üstü :
Kod:
</div> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="157" align="left" valign="top" background="http://img.webme.com/pic/b/bs-aktif/bs-aktif7_01.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="154" height="39"> </td> <td width="778"> </td> <td width="68"> </td> </tr> <tr> <td height="90"> </td> <td align="center" valign="middle">   <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe>    </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="128" align="left" valign="top" background="http://img.webme.com/pic/b/bs-aktif/bs-aktif7_02.png"><table width="1000" height="125" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22" height="125"> </td> <td width="400" align="center" valign="middle">  <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/b/bs-aktif/logo77o.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/logo77o.png" /></a>   </td> <td width="12"> </td> <td width="566" align="left" valign="top"><table width="566" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="41" height="26"> </td> <td width="468"> </td> <td width="57"> </td> </tr> <tr> <td height="60"> </td> <td align="center" valign="middle"> <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="" src="http://img.webme.com/pic/b/bs-aktif/468x60-banner.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/468x60-banner.png" /></a>  </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr>  </table></td> </tr> <tr> <td height="65" align="left" valign="top" background="http://img.webme.com/pic/b/bs-aktif/bs-aktif7_03.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="20" height="25"> </td> <td width="269"> </td> <td width="29"> </td> <td width="653"> </td> <td width="29"> </td> </tr> <tr> <td height="33"> </td> <td>buraya bişeyler </td> <td> </td> <td>buraya daa </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="110" align="left" valign="top" background="http://img.webme.com/pic/b/bs-aktif/bs-aktif7_04.png"><table width="1000" height="113" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="17" height="106"> </td> <td width="276" align="left" valign="top"> <div class="aktifmenu">   <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul>  <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul>  <br /> </div>  </div> </div></td> <td width="24"> </td> <td width="659" align="left" valign="top"> 



Tasarım altı :

Kod:
<table width="568" cellpadding="1">     <tbody>         <tr>             <td height="46" background="http://img.webme.com/pic/b/bs-aktif/21a1.png">             <table width="568" cellpadding="1">                 <tbody>                     <tr>                         <td width="150" height="34"> </td>                         <td width="101"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" alt="" src="http://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td>                         <td width="98"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="http://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td>                         <td width="96"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="http://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td>                         <td width="99"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="http://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/yildizll.png" />Bs-Aktif</a></td>                     </tr>                 </tbody>             </table>             </td>         </tr>     </tbody>  </table>  </td> <td width="24"> </td> </tr> </table></td> </tr> <tr> <td height="145" align="left" valign="top" background="http://img.webme.com/pic/g/gultenyilmaz/bs-aktif7_05.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="52"> </td> <td width="468"> </td> <td width="12"> </td> <td width="473" align="left" valign="bottom"></td> <td width="19"> </td> </tr> <tr> <td height="60"> </td> <td align="center" valign="middle"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="" src="http://img.webme.com/pic/b/bs-aktif/23a5.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/23a5.png" /></a> </td> <td> </td> <td align="left" valign="top"> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>  <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>  <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>  <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>  <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>  </td> <td align="left" valign="top"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> </table>



Css kodu:

Kod:
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;}  .aktifmenu{ width: 276px; /*width of menu*/ }  .aktifmenu .headerbar{ color: white; background: url(http://img.webme.com/pic/b/bs-aktif/menubaslik.png); margin-bottom: 5px; height: 18px; padding: 8px 0 5px 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-shadow: -2px 1px 1px #E9E9E9; color: #333; }  .aktifmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ }  .aktifmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }  .aktifmenu ul li a{ color: #333; background: url(http://img.webme.com/pic/b/bs-aktif/menuli.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 3px 0; padding-left: 20px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px dashed #dadada; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }  .aktifmenu ul li a:visited{ color: #333; }  .aktifmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } body{margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/247.gif) top center fixed; font-family: Arial;}   #reko {display:none;} //--> </style> <div id="reko"><style type="text/css"> <!--


daha önce sitemde yapıp yayınlamıştım. Sende kullanırsın Smile
↑
Mesaj10.06.2011, 10:58 (UTC)    
Mesaj konusu:

Teşekkürler ama Bana Ayvalıkla ilgili Lazğm yinede çok güzel olmuş
↑
Mesaj10.06.2011, 11:01 (UTC)    
Mesaj konusu:

Dediğim gibi özel yapmadım yayınladıgım bir tema zaten.

Belki boş bi zamanımda ayarlarım bi tane ayvalığın neresi oldugunuda bilmiyorum daha araştırmam gerek ama kullan simdilik bunu cok kullanışlı Smile
↑
Mesaj10.06.2011, 11:03 (UTC)    
Mesaj konusu:

OK
↑
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu