Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.05.2012, 18:15 (UTC)    
Mesaj konusu: Mehmet Ayhan Mavi Tasarım Sizlerle


Özellikleri:
Yapımcı : www.mayhann.tr.gg - Mehmet Ayhan
Tasarım Özellikleri -->

-->EN ÜSTTE 350X60 LOGO
-->ÜST MENÜ - DİKEY (BASİT)
-->YİNE EN ÜSTTE BANNER REKLAM (468X60)
-->SAĞ VE SOL MENÜ - DİKEY (BLUE BLOCKS MENU)
-->TASARIMIN EN ALT KISMINDA İSE 12 ADET KONU BAŞLIĞI ZEVKİNİZE KALMIŞ EN SON EKLENELERİ DE KOYABİLİRSİNİZ.

Önizleme Resim : http://mayhan.com.nu/wp-content/uploads/2012/03/mayhanmavionizleme.png
Demo : http://www.caligum.tr.gg/

T. ÜSTÜ
Kod:

<link href="SS.css" rel="stylesheet" type="text/css" />

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="104" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_01.gif" scope="col">
      <table width="900" border="0" cellspacing="0" cellpadding="0">
        <tr>
         
          <th width="31" height="0" scope="col"> </th>
          <th width="350" height="80" align="left" valign="middle" scope="col"><div onclick="location.href='sayfa.php'" style="cursor:pointer"><div id="logo"></div></div></th>
          <th width="10" scope="col"> </th>
         
          <th width="468" scope="col"><table width="468" border="1" cellspacing="2" cellpadding="2">
 <tr>
    <th width="468" height="60"  scope="col"><a href="http://www.mayhann.tr.gg"><img src="http://www.pcteknik.net/images/bannerpc.gif" width="468" height="60" /></a></th>
  </tr>
</table></th>
          <th width="32" scope="col"> </th>
       
        </tr>
    </table></td>
  </tr>
  <tr>
    <th height="75" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_02.gif" scope="row">   
    <ul class="solidblockmenu"> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Ana Sayfa</a>  </li>    <li><a href="http://mayhann.tr.gg/iletisim.htm" _fcksavedurl="http://mayhann.tr.gg/iletisim.htm">İletişim</a></li> 
    <li><a href="http://mayhann.tr.gg/about.htm" _fcksavedurl="http://mayhann.tr.gg/about.htm">Hakkımda</a></li>   
    <li><a href="http://mayhann.tr.gg/tasarimlar.htm" _fcksavedurl="http://mayhann.tr.gg/tasarimlar.htm">Tasarımlar</a></li> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eğlence</a></li> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Menüler</a></li> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Dersleri</a></li> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/peygamberler-tarihi.htm">İconlar</a></li> 
    <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Messenger</a></li> 
     
    </ul>       
    </div>


    </th>
  </tr>
  <tr>
    <th height="55" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_03.gif" scope="row"><table width="900" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="23"> </td>
        <td width="155" height="60"><div id="ddblueblockmenu">

<div class="menutitle">Anamenü</div>
<ul>
<li><a href="http://www.mayhann.tr.gg">Anasayfa</a></li>
<li><a href="http://www.mayhann.tr.gg">İletişim</a></li>
<li><a href="http://www.mayhann.tr.gg">Konuk Defteri</a></li>
<li><a href="http://www.mayhann.tr.gg">Hakkımda</a></li>
</ul>

<div class="menutitle">2. Menü</div>
<ul>
<li><a href="http://www.mayhann.tr.gg">Tasarimlar</a></li>
<li><a href="http://www.mayhann.tr.gg">Menüler</a></li>
<li><a href="http://www.mayhann.tr.gg">Siten İçin</a></li>
<li><a href="http://www.mayhann.tr.gg">Dini</a></li>
<li><a href="www.mayhann.tr.gg">Müzik</a></li>
<li><a href="http://www.mayhann.tr.gg" style="border-bottom-color: black">Film</a></li>
</ul>

</div>





</td>
        <td width="11"> </td>
        <td width="10"> </td>
        <td width="495" align="left" valign="top"><div id="content">

T. ALTI
Kod:

</div></td>
        <td width="10"> </td>
        <td width="13"> </td>
        <td width="155"><div id="ddblueblockmenu">

<div class="menutitle">Anamenü</div>
<ul>
<li><a href="http://www.mayhann.tr.gg">Anasayfa</a></li>
<li><a href="http://www.mayhann.tr.gg">İletişim</a></li>
<li><a href="http://www.mayhann.tr.gg">Konuk Defteri</a></li>
<li><a href="http://www.mayhann.tr.gg">Hakkımda</a></li>
</ul>

<div class="menutitle">2. Menü</div>
<ul>
<li><a href="http://www.mayhann.tr.gg">Tasarimlar</a></li>
<li><a href="http://www.mayhann.tr.gg">Menüler</a></li>
<li><a href="http://www.mayhann.tr.gg">Siten İçin</a></li>
<li><a href="http://www.mayhann.tr.gg">Dini</a></li>
<li><a href="www.mayhann.tr.gg">Müzik</a></li>
<li><a href="http://www.mayhann.tr.gg" style="border-bottom-color: black">Film</a></li>
</ul>

</div></td>
        <td width="28"> </td>
      </tr>
    </table></th>
  </tr>
  <tr>
    <th height="105" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_04.png" scope="row">


    <div id="alt">
      <table width="849" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="62"><div id="kuck">
            <table width="212" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
            </table>
          </div></td>
          <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
            </table></div></td>
          <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
            </table></div></td>
          <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
              <tr>
                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg">KONU</a></span></td>
              </tr>
            </table></div></td>
        </tr>
      </table>
    </div></th>
  </tr>
</table>

CSS CODE
Kod:
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;}

table {margin-left: auto;margin-right: auto}

body {
background:url(http://www.backgroundlabs.com/backgrounds/70.gif)
}

#logo {
   background-image: url(http://mayhan.com.nu/wp-content/uploads/2012/03/350x60.png);
   height: 60px;
   width: 350px;
}

.solidblockmenu{
   float: left;
   width: 100%;
   overflow: hidden;
   border: 0px solid #625e00;
   border-width: 0px 0;
   background-repeat: repeat-x;
   background-position: center center;
   margin-right: 0;
   padding-right: 0;
   font-family: Arial;
   font-size: 15px;
   padding-top: 0px;
}    .solidblockmenu li{  display: inline;  }    .solidblockmenu li a{  float: left;  color: black;  padding: 9px 8px;  text-decoration: none;  border-right: 0px solid white;  }    .solidblockmenu li a:visited{  color: black;  }    .solidblockmenu li a:hover, .solidblockmenu li .current{
   color: #FFF;
   background-color: #C93;
   background-repeat: repeat-x;
   background-position: center center;
}

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 153px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 136px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 153px; /*IE 5*/
width: 136px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#alt {
   height: 61px;
   width: 849px;
   margin-top: 18px;
   margin-left: 23px;
}
#caliber {
   height: 21px;
   width: 150px;
}
#kuck {
   height: 64px;
   width: 212px;
}
#alt table tr td #kuck table tr td .AA a {
   color: #CF3;
   text-decoration:none
}
#content {
   font-family: "TR Goodfish";
}

Güle Güle Kullanın
______________
Önceki mesajları göster:   


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