Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
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