<![CDATA[MyBB Depo Forum - Html]]> https://mybbdepo.com/ Mon, 21 Sep 2026 00:11:40 +0000 MyBB <![CDATA[Açılır Menü | kraljmehmet]]> https://mybbdepo.com/acilir-menu-kraljmehmet-konusu.html Sat, 10 Jun 2017 20:58:52 +0300 https://mybbdepo.com/acilir-menu-kraljmehmet-konusu.html Can sıkıntısından yaptığım bir çalışmadır.

HTML kod:


Kod:
<div class="menu">
<!--WebZeyrek.NET Kod Başlangıcı-->
  <li><a href="index.php">Ana Sayfa</a></li>
  <li><a href="search.php">Arama</a></li>
  <li><a href="memberlist.php">Üye Listesi</a></li>
  <li class="acilankat"><a href="#">Kategoriler</a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">2. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">4. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  <li><a href="#">7. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  </ul>
  </li>
  <li><a href="showteam.php">Yetkili Listesi</a></li>
  <li><a href="misc.php?action=help">Yardım</a></li>
<!--WebZeyrek.NET Kod Bitişi-->
</div>

CSS kod:


Kod:
.menu {
      background:#673AB7;
      height:40px;
      font-family: 'Roboto', sans-serif;
      font-size:14px;
  }
  .menu * {
      transition:.25s ease;
  }
  .menu >li {
       list-style:none;
       float:left;
  }
  .menu >li >a{
      line-height:40px;
      display:inline-block;
      padding:0 10px;
      color:#fff;
      font-weight:bold;
      text-decoration:none;
  }
  .menu >li >a:hover {
      background:rgba(255,255,255,.1);  
  }
  .menu >li:after {
      clear:both;
  }
  .acilankat {
      position:relative;
  }
/*WebZeyrek.NET*/
  .acilankat >ul {
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#512DA8;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:rotate(10deg) translatey(30px);
      border-bottom-left-radius:2px;
      border-bottom-right-radius:2px;
      top:40px;
      left:0;
      transition-delay:.5s;
  }
  .acilankat >ul >li {
      list-style:none;
  }
  .acilankat >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
/*WebZeyrek.NET*/
  .acilankat >ul >li >a:hover {
      background:rgba(0,0,0,.1);
      padding-left:15px;
  }
  .acilankat:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
      transition-delay:0s;
  }
  .acilankat-iki {
      position:relative;
  }
  .acilankat-iki >ul{
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#673AB7;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translatex(-5px);
      left:150px;
      top:0;
      border-left:1px solid #512DA8;
  }
  .acilankat-iki >ul >li {
      list-style:none;
  }
  .acilankat-iki >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
 
  .acilankat-iki >ul >li >a:hover {
      background:rgba(255,255,255,.1);
      padding-left:15px;
  }
/*WebZeyrek.NET*/
 
  .acilankat-iki:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
  }

https://onizle.koddostu.com/ Önizlemek için bu adrese şu kodları ekleyin;


Kod:
<div class="menu">
  <li><a href="#">Ana Sayfa</a></li>
  <li><a href="#">Arama</a></li>
  <li><a href="#">Üye Listesi</a></li>
  <li class="acilankat"><a href="#">Kategoriler</a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">2. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">4. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  <li><a href="#">7. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">Yetkili Listesi</a></li>
  <li><a href="#">Yardım</a></li>
 
</div>

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
  .menu {
      background:#673AB7;
      height:40px;
      font-family: 'Roboto', sans-serif;
      font-size:14px;
  }
  .menu * {
      transition:.25s ease;
  }
  .menu >li {
       list-style:none;
       float:left;
  }
  .menu >li >a{
      line-height:40px;
      display:inline-block;
      padding:0 10px;
      color:#fff;
      font-weight:bold;
      text-decoration:none;
  }
  .menu >li >a:hover {
      background:rgba(255,255,255,.1);  
  }
  .menu >li:after {
      clear:both;
  }
  .acilankat {
      position:relative;
  }
  .acilankat >ul {
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#512DA8;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:rotate(10deg) translatey(30px);
      border-bottom-left-radius:2px;
      border-bottom-right-radius:2px;
      top:40px;
      left:0;
      transition-delay:.5s;
  }
  .acilankat >ul >li {
      list-style:none;
  }
  .acilankat >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
  .acilankat >ul >li >a:hover {
      background:rgba(0,0,0,.1);
      padding-left:15px;
  }
  .acilankat:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
      transition-delay:0s;
  }
  .acilankat-iki {
      position:relative;
  }
  .acilankat-iki >ul{
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#673AB7;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translatex(-5px);
      left:150px;
      top:0;
      border-left:1px solid #512DA8;
  }
  .acilankat-iki >ul >li {
      list-style:none;
  }
  .acilankat-iki >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
 
  .acilankat-iki >ul >li >a:hover {
      background:rgba(255,255,255,.1);
      padding-left:15px;
  }
 
  .acilankat-iki:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
  }
</style>

kaynak:

Kod:
https://www.webzeyrek.net/thread-817.html
]]> Can sıkıntısından yaptığım bir çalışmadır.

HTML kod:


Kod:
<div class="menu">
<!--WebZeyrek.NET Kod Başlangıcı-->
  <li><a href="index.php">Ana Sayfa</a></li>
  <li><a href="search.php">Arama</a></li>
  <li><a href="memberlist.php">Üye Listesi</a></li>
  <li class="acilankat"><a href="#">Kategoriler</a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">2. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">4. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  <li><a href="#">7. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  </ul>
  </li>
  <li><a href="showteam.php">Yetkili Listesi</a></li>
  <li><a href="misc.php?action=help">Yardım</a></li>
<!--WebZeyrek.NET Kod Bitişi-->
</div>

CSS kod:


Kod:
.menu {
      background:#673AB7;
      height:40px;
      font-family: 'Roboto', sans-serif;
      font-size:14px;
  }
  .menu * {
      transition:.25s ease;
  }
  .menu >li {
       list-style:none;
       float:left;
  }
  .menu >li >a{
      line-height:40px;
      display:inline-block;
      padding:0 10px;
      color:#fff;
      font-weight:bold;
      text-decoration:none;
  }
  .menu >li >a:hover {
      background:rgba(255,255,255,.1);  
  }
  .menu >li:after {
      clear:both;
  }
  .acilankat {
      position:relative;
  }
/*WebZeyrek.NET*/
  .acilankat >ul {
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#512DA8;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:rotate(10deg) translatey(30px);
      border-bottom-left-radius:2px;
      border-bottom-right-radius:2px;
      top:40px;
      left:0;
      transition-delay:.5s;
  }
  .acilankat >ul >li {
      list-style:none;
  }
  .acilankat >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
/*WebZeyrek.NET*/
  .acilankat >ul >li >a:hover {
      background:rgba(0,0,0,.1);
      padding-left:15px;
  }
  .acilankat:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
      transition-delay:0s;
  }
  .acilankat-iki {
      position:relative;
  }
  .acilankat-iki >ul{
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#673AB7;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translatex(-5px);
      left:150px;
      top:0;
      border-left:1px solid #512DA8;
  }
  .acilankat-iki >ul >li {
      list-style:none;
  }
  .acilankat-iki >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
 
  .acilankat-iki >ul >li >a:hover {
      background:rgba(255,255,255,.1);
      padding-left:15px;
  }
/*WebZeyrek.NET*/
 
  .acilankat-iki:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
  }

https://onizle.koddostu.com/ Önizlemek için bu adrese şu kodları ekleyin;


Kod:
<div class="menu">
  <li><a href="#">Ana Sayfa</a></li>
  <li><a href="#">Arama</a></li>
  <li><a href="#">Üye Listesi</a></li>
  <li class="acilankat"><a href="#">Kategoriler</a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">2. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li class="acilankat-iki"><a href="#">4. Kategori ></a>
  <ul>
  <li><a href="#">1. Kategori</a></li>
  <li><a href="#">2. Kategori</a></li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">5. Kategori</a></li>
  <li><a href="#">6. Kategori</a></li>
  <li><a href="#">7. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">3. Kategori</a></li>
  <li><a href="#">4. Kategori</a></li>
  </ul>
  </li>
  <li><a href="#">Yetkili Listesi</a></li>
  <li><a href="#">Yardım</a></li>
 
</div>

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
  .menu {
      background:#673AB7;
      height:40px;
      font-family: 'Roboto', sans-serif;
      font-size:14px;
  }
  .menu * {
      transition:.25s ease;
  }
  .menu >li {
       list-style:none;
       float:left;
  }
  .menu >li >a{
      line-height:40px;
      display:inline-block;
      padding:0 10px;
      color:#fff;
      font-weight:bold;
      text-decoration:none;
  }
  .menu >li >a:hover {
      background:rgba(255,255,255,.1);  
  }
  .menu >li:after {
      clear:both;
  }
  .acilankat {
      position:relative;
  }
  .acilankat >ul {
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#512DA8;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:rotate(10deg) translatey(30px);
      border-bottom-left-radius:2px;
      border-bottom-right-radius:2px;
      top:40px;
      left:0;
      transition-delay:.5s;
  }
  .acilankat >ul >li {
      list-style:none;
  }
  .acilankat >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
  .acilankat >ul >li >a:hover {
      background:rgba(0,0,0,.1);
      padding-left:15px;
  }
  .acilankat:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
      transition-delay:0s;
  }
  .acilankat-iki {
      position:relative;
  }
  .acilankat-iki >ul{
      position:absolute;
      width:150px;
      padding:0;
      margin:0;
      background:#673AB7;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translatex(-5px);
      left:150px;
      top:0;
      border-left:1px solid #512DA8;
  }
  .acilankat-iki >ul >li {
      list-style:none;
  }
  .acilankat-iki >ul >li >a {
      color:#fff;
      font-weight:bold;
      text-decoration:none;
      padding:10px;
      display:block;
  }
 
  .acilankat-iki >ul >li >a:hover {
      background:rgba(255,255,255,.1);
      padding-left:15px;
  }
 
  .acilankat-iki:hover >ul {
      opacity:1;
      visibility:visible;
      pointer-events:visible;
      transform:rotate(0deg) translatey(0px);
  }
</style>

kaynak:

Kod:
https://www.webzeyrek.net/thread-817.html
]]> <![CDATA[BootStrap ile yazdığım hosting firması arayüzü indir (Basit)]]> https://mybbdepo.com/bootstrap-ile-yazdigim-hosting-firmasi-arayuzu-indir-basit-konusu.html Fri, 12 Aug 2016 01:31:05 +0300 https://mybbdepo.com/bootstrap-ile-yazdigim-hosting-firmasi-arayuzu-indir-basit-konusu.html Google Test Görüntüsü;

resim
HD: http://www.yukleresim.com/images/2016/08/12/7PX.png

Demosu reklama giriyorsa kaldırırm.
Kod:
http://grafikerevi.net/kisiselbootstrap/


İndir;
Kod:
http://s2.dosya.tc/server2/4smhri/arayuz.zip.html


Bootstrapı yeni yeni kullanmaya başladım eksiklerim hatalarım olabilir. Hatalarım varsa da nasıl düzelteceğimi gösterirseniz sevinirim.]]> Google Test Görüntüsü;

resim
HD: http://www.yukleresim.com/images/2016/08/12/7PX.png

Demosu reklama giriyorsa kaldırırm.
Kod:
http://grafikerevi.net/kisiselbootstrap/


İndir;
Kod:
http://s2.dosya.tc/server2/4smhri/arayuz.zip.html


Bootstrapı yeni yeni kullanmaya başladım eksiklerim hatalarım olabilir. Hatalarım varsa da nasıl düzelteceğimi gösterirseniz sevinirim.]]> <![CDATA[HTML Tablo oluşturma ve düzenleme (Ders #1)]]> https://mybbdepo.com/html-tablo-olusturma-ve-duzenleme-ders-1-konusu.html Wed, 30 Mar 2016 14:47:03 +0300 https://mybbdepo.com/html-tablo-olusturma-ve-duzenleme-ders-1-konusu.html
Şimdi başlayalım ilk olarak temelimizi atalım
Kod:
<table> </table>


Bu kodları yazdıktan sonra bir table oluşturmuş olduk 

şimdi hücre oluşturalım dikey veya yatay olacağını seçelim.

Yatay hücre için
Kod:
<tr>

Dikey hücre için bu kodları kullanacağız
Kod:
<td>

Şimdi hücreye renk verelim mesela sarı ideal bir renk
Kod:
<table> 
<tr> 
<td bgcolor="yellow"> 
sarı hücre denemesi</td> 
</tr> 
</table> 

RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 DESTEK.10TL.NET RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 RİPCOMPANY 2016 KAYNAK : DESTEK.10TL.NET

bu kısımda ''yellow'' kısmını değiştirirseniz renkte değişir örnek olarak black,red,green gibi..
Kod:
<td bgcolor="yellow">

birde hücreye resim eklemek var o iş şöyle olacak
Kod:
<table> 
<tr> 
<td background="ripbyrustavi02.png"> 
Yazı yazacaksanız.</td> 
</tr> 
</table>

resim için bu kısımdaki ''ripbyrustavi02.png'' adlı yeri düzenlemeniz gereklidir
Kod:
<td background="ripbyrustavi02.png">

Ayrıca kenar kalınlığı verebiliriz ''3'' sayısını kendinize göre düzenleyin
Kod:
<table border="3">

Böyle oluyor : 
Kod:
<table border="3"> 
<tr> 
<td>Ripbyrustavi02</td> 
</tr> 
</table>

veya kenarlara renk için
Kod:
<table border="10" bordercolor="yellow">

Tablo boyutunu değiştirmek için ise kullanabiliriz.
Kod:
<table border="1" width="150" height="100">

Kenar boşluğu eklemek için ''4'' kısmını kendinize göre düzenleyin
Kod:
<table border="1" cellspacing="4">

Kod:
<table border="1" cellspacing="15"> 
<tr> 
<td>Kenarlı deneme ripbyrustavi02</td> 
</tr> 
</table>

İyi forumlar Mybb depo ailesi  Süper 

RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 DESTEK.10TL.NET RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 RİPCOMPANY 2016 KAYNAK : DESTEK.10TL.NET]]>
Şimdi başlayalım ilk olarak temelimizi atalım
Kod:
<table> </table>


Bu kodları yazdıktan sonra bir table oluşturmuş olduk 

şimdi hücre oluşturalım dikey veya yatay olacağını seçelim.

Yatay hücre için
Kod:
<tr>

Dikey hücre için bu kodları kullanacağız
Kod:
<td>

Şimdi hücreye renk verelim mesela sarı ideal bir renk
Kod:
<table> 
<tr> 
<td bgcolor="yellow"> 
sarı hücre denemesi</td> 
</tr> 
</table> 

RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 DESTEK.10TL.NET RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 RİPCOMPANY 2016 KAYNAK : DESTEK.10TL.NET

bu kısımda ''yellow'' kısmını değiştirirseniz renkte değişir örnek olarak black,red,green gibi..
Kod:
<td bgcolor="yellow">

birde hücreye resim eklemek var o iş şöyle olacak
Kod:
<table> 
<tr> 
<td background="ripbyrustavi02.png"> 
Yazı yazacaksanız.</td> 
</tr> 
</table>

resim için bu kısımdaki ''ripbyrustavi02.png'' adlı yeri düzenlemeniz gereklidir
Kod:
<td background="ripbyrustavi02.png">

Ayrıca kenar kalınlığı verebiliriz ''3'' sayısını kendinize göre düzenleyin
Kod:
<table border="3">

Böyle oluyor : 
Kod:
<table border="3"> 
<tr> 
<td>Ripbyrustavi02</td> 
</tr> 
</table>

veya kenarlara renk için
Kod:
<table border="10" bordercolor="yellow">

Tablo boyutunu değiştirmek için ise kullanabiliriz.
Kod:
<table border="1" width="150" height="100">

Kenar boşluğu eklemek için ''4'' kısmını kendinize göre düzenleyin
Kod:
<table border="1" cellspacing="4">

Kod:
<table border="1" cellspacing="15"> 
<tr> 
<td>Kenarlı deneme ripbyrustavi02</td> 
</tr> 
</table>

İyi forumlar Mybb depo ailesi  Süper 

RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 DESTEK.10TL.NET RİPBYRUSTAVİ02 RİPBYRUSTAVİ02 RİPCOMPANY 2016 KAYNAK : DESTEK.10TL.NET]]> <![CDATA[Güzel Text Örneği]]> https://mybbdepo.com/guzel-text-ornegi-konusu.html Sun, 06 Dec 2015 20:05:36 +0200 https://mybbdepo.com/guzel-text-ornegi-konusu.html
PHP Kod:
<b style="float: right;"><font size="2" face="Arial"> Theme Edited By:<a href="#" title=""><font color="white"><font size="2" face="Arial"><span style="font-weight: bold;  text-shadow:  0px 0px 8px; color:#FF9900"> <i class="fa fa-code"></i>  Kirigaya Kazuto  <i class="fa fa-code"></i></span></font></a></font></b> 

Ön izleme
resim
]]>
PHP Kod:
<b style="float: right;"><font size="2" face="Arial"> Theme Edited By:<a href="#" title=""><font color="white"><font size="2" face="Arial"><span style="font-weight: bold;  text-shadow:  0px 0px 8px; color:#FF9900"> <i class="fa fa-code"></i>  Kirigaya Kazuto  <i class="fa fa-code"></i></span></font></a></font></b> 

Ön izleme
resim
]]> <![CDATA[Site Hızlandırma Kodu?]]> https://mybbdepo.com/site-hizlandirma-kodu-konusu.html Tue, 08 Jul 2014 17:50:12 +0300 https://mybbdepo.com/site-hizlandirma-kodu-konusu.html
Kod:
<META http-equiv=Page-Exit content=BlendTrans(Duration=0)>
<META http-equiv=Page-Enter content=BlendTrans(Duration=0)>
]]>
Kod:
<META http-equiv=Page-Exit content=BlendTrans(Duration=0)>
<META http-equiv=Page-Enter content=BlendTrans(Duration=0)>
]]> <![CDATA[Html uzantılı index'e seo nasıl yapılır? [Yardım]]]> https://mybbdepo.com/html-uzantili-index-e-seo-nasil-yapilir-yardim-konusu.html Wed, 02 Jul 2014 10:31:12 +0300 https://mybbdepo.com/html-uzantili-index-e-seo-nasil-yapilir-yardim-konusu.html
Kod:
advancedsystemcare7serialkodu.com

Arkadaşlar .html uzantılı indexime seo nasıl yapabilirim yardımcı olurmusun şimdiden teşekkürler Gülümseme]]>
Kod:
advancedsystemcare7serialkodu.com

Arkadaşlar .html uzantılı indexime seo nasıl yapabilirim yardımcı olurmusun şimdiden teşekkürler Gülümseme]]> <![CDATA[MyBB Mesaj İkonlarını Kutu içerisine Alma]]> https://mybbdepo.com/mybb-mesaj-ikonlarini-kutu-icerisine-alma-konusu.html Tue, 01 Apr 2014 21:48:33 +0300 https://mybbdepo.com/mybb-mesaj-ikonlarini-kutu-icerisine-alma-konusu.html Arkadaşlar Gene Sizler İçin Buldum Düzenledim Sadece On.png Off.png Offlock.png Yazan yerlere Forumunuzun Yeni Mesaj Yenimesaj içermiyor Kilitli Resimlerini Koyun oldu Bitti İyi Kullanmalar Gülümseme:


Kod:
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead">
<div><strong><strong>Forum İkonları</strong></strong></div></td></tr><tr><td class="tcat"><span class="smalltext"><strong>Forum Durum İkonları ve Güzel Sözler</strong></span></td></tr><tr>
<td class="trow3"><div style="float: left;"><dl class="forum_legend smalltext">
    <dt><img src="on.png" alt="Forum Yeni Mesaj İçeriyor" title="Forum Yeni Mesaj İçeriyor" style="vertical-align: middle; padding-bottom: 4px;" width="57" height="29"></dt>
    <dd>Forum Yeni Mesaj İçeriyor</dd>
    <dt><img src="off.png" alt="Forum Yeni Mesaj İçermiyor" title="Forum Yeni Mesaj İçermiyor" style="vertical-align: middle; padding-bottom: 4px;" width="57" height="29"></dt>
    <dd>Forum Yeni Mesaj İçermiyor</dd>
    <dt><img src="offlock.png" alt="Forum Kilitli" title="Forum Kilitli" style="vertical-align: middle;" width="57" height="29"></dt>
    <dd>Forum Kilitli</dd>
</dl></div><div style="float: right; text-align: right;"><strong>Düzenlemeler Kod İçerisindedir..Burayı Düzenle</strong></div></td>
</tr>
</thead>
</table>
]]> Arkadaşlar Gene Sizler İçin Buldum Düzenledim Sadece On.png Off.png Offlock.png Yazan yerlere Forumunuzun Yeni Mesaj Yenimesaj içermiyor Kilitli Resimlerini Koyun oldu Bitti İyi Kullanmalar Gülümseme:


Kod:
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead">
<div><strong><strong>Forum İkonları</strong></strong></div></td></tr><tr><td class="tcat"><span class="smalltext"><strong>Forum Durum İkonları ve Güzel Sözler</strong></span></td></tr><tr>
<td class="trow3"><div style="float: left;"><dl class="forum_legend smalltext">
    <dt><img src="on.png" alt="Forum Yeni Mesaj İçeriyor" title="Forum Yeni Mesaj İçeriyor" style="vertical-align: middle; padding-bottom: 4px;" width="57" height="29"></dt>
    <dd>Forum Yeni Mesaj İçeriyor</dd>
    <dt><img src="off.png" alt="Forum Yeni Mesaj İçermiyor" title="Forum Yeni Mesaj İçermiyor" style="vertical-align: middle; padding-bottom: 4px;" width="57" height="29"></dt>
    <dd>Forum Yeni Mesaj İçermiyor</dd>
    <dt><img src="offlock.png" alt="Forum Kilitli" title="Forum Kilitli" style="vertical-align: middle;" width="57" height="29"></dt>
    <dd>Forum Kilitli</dd>
</dl></div><div style="float: right; text-align: right;"><strong>Düzenlemeler Kod İçerisindedir..Burayı Düzenle</strong></div></td>
</tr>
</thead>
</table>
]]> <![CDATA[BossTR HTML5 Teknolojisi [Makale]]]> https://mybbdepo.com/bosstr-html5-teknolojisi-makale-konusu.html Sat, 15 Mar 2014 20:48:51 +0200 https://mybbdepo.com/bosstr-html5-teknolojisi-makale-konusu.html HTML5 kullanmak aynı zamanda UI (kullanıcı arabirimi) mühendislerinin ve back end (sunucu uygulama) geliştiricilerinin sadece tek codebase kullanımından yararlanabiliyor olmaları demektir. Yapının temelleri aynı kalsa da, her platforma entegre edilmiş back end layerlar ve görüntüler olabilecektir. Bu, birbirine bağlı bir ürün tecrübesinin yaratılmasına yardım eden ürün çizgisinin karşısında, gelişimin yayılma sürecini hızlandırmaktadır.
Ses veya film etiketleri gibi birçok spesifik yönleriyle birlikte kullanılması gereken HTML 5, sadece bir biçimleme dili olmasından ziyade web uygulamaları yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır. Uygulamalar bu sayede binlerce cihazda birçok ihtimale uygun şekilde kullanılabilmektedir. Özellikle de iliştirilmiş platformlar ve bağlanmış cihazlarla çok daha güçlü olacaklardır.
HTML5 tüm HTML Sürümleri (HTML1.0 vb) ile uyumludur.

Yeni Elementler

canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
<audio>: Sayfaya ses oynatıcı bir modül ekler.
<video> : Video oynatıcı bir modül ekler.
<progress> : İşlem süreci göstergesi ekler.
<caption> : Başlık olarak düşünülen metinleri düzenler.
<header> : Sitenin başlık ve açıklama içeriğini alır.
<nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
<footer> : Sitelerin en alt kısmını içine alır.
<section> : Sitelerin ana içerik kısmını içine alır.
<aside> : Ana içerikte ayrı yazılan kısımdır.
<article> : Makale, deneme tarzı yazıları kapsar.
<embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
<details> : Detay bilgisi içerir.
<summary> : Yazının başlığını belirler.
<time> : Tarih, saat verilerini kapsar.
<mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
<figcaption> : <figure> elementinin başlığını belirler.
<figure> : Çeşitli medya içeriği gruplarını belirler.
<hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
<datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar

Canvas Çizgi Stilleri

Html5 canvas tagları kullanılarak geliştirilmiş çizgi stilleri uygulamasının örnek kodları aşağıdaki gibidir. Kodumuz 3 bölümden oluşmaktadır.
Html sayfaya aşağıdaki kodı yazınız.

Kod:
<canvas id="tutorial" width="400" height="400"></canvas>

javascript olarak aşağıdaki kodu yazınız.

Kod:
var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');

ctx.lineCap = "square";

ctx.beginPath();
ctx.strokeStyle = '#FF0000';
ctx.lineWidth = 20;
ctx.moveTo(150,200);
ctx.lineTo(200,150);
ctx.lineTo(250,200);
ctx.stroke();

ctx.lineCap = "butt";

ctx.beginPath();
ctx.strokeStyle = '#00FF00';
ctx.lineWidth = 20;
ctx.moveTo(150,250);
ctx.lineTo(200,200);
ctx.lineTo(250,250);
ctx.stroke();

ctx.lineCap = "round";

ctx.beginPath();
ctx.strokeStyle = '#0000FF';
ctx.lineWidth = 20;
ctx.moveTo(150,300);
ctx.lineTo(200,250);
ctx.lineTo(250,300);
ctx.stroke();
}

css olarakta aşağıdaki kodu kullanınız.

Kod:
canvas { border: 1px solid black; }

Boş HTML-5 Sayfa Örneği

Kod:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 template</title>
<metacharset  =  "utf-8"/>
  
<scripttype  =  "text/javascript">
  document.createElement('header');
  document.createElement('menu');
  document.createElement('content');
  document.createElement('footer');
</script>
  
<style type="text/css">
  * {
margin:0  ;
padding:0  ;
  }
  
  header, menu, content, footer {
display:block  ;
  }
  
  menu ul {
list-style-type:none  ;
  }
  
  menu ul li {
float:left  ;
padding:5px20px  ;
  }
  
  content, footer {
clear:both  ;
  }
</style>
</head>
<body>
<header>
  <h1>A Blank HTML5 template</h1>
  <menu>
<ul>
<li>
  <ahref  =  "<a href="http://html5snippets.com/">http://html5snippets.com</a>"title  =  "snippets">HTML5 snippets</a>
</li>
<li>
  <ahref  =  "<a href="http://charlesdagley.cz.cc/">http://charlesdagley.cz.cc/</a>"title  =  "Portfolio">Dagley Designs</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
</ul>
  </menu>
</header>
  
<content>
  <h2>This is our content area</h2>
  <p>This is just a free html5 blank template</p>
</content>
  
<footer>
  As found on html5snippets.com---Follow @charlesdagley
</footer>
</body>
</html>
]]> HTML5 kullanmak aynı zamanda UI (kullanıcı arabirimi) mühendislerinin ve back end (sunucu uygulama) geliştiricilerinin sadece tek codebase kullanımından yararlanabiliyor olmaları demektir. Yapının temelleri aynı kalsa da, her platforma entegre edilmiş back end layerlar ve görüntüler olabilecektir. Bu, birbirine bağlı bir ürün tecrübesinin yaratılmasına yardım eden ürün çizgisinin karşısında, gelişimin yayılma sürecini hızlandırmaktadır.
Ses veya film etiketleri gibi birçok spesifik yönleriyle birlikte kullanılması gereken HTML 5, sadece bir biçimleme dili olmasından ziyade web uygulamaları yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır. Uygulamalar bu sayede binlerce cihazda birçok ihtimale uygun şekilde kullanılabilmektedir. Özellikle de iliştirilmiş platformlar ve bağlanmış cihazlarla çok daha güçlü olacaklardır.
HTML5 tüm HTML Sürümleri (HTML1.0 vb) ile uyumludur.

Yeni Elementler

canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
<audio>: Sayfaya ses oynatıcı bir modül ekler.
<video> : Video oynatıcı bir modül ekler.
<progress> : İşlem süreci göstergesi ekler.
<caption> : Başlık olarak düşünülen metinleri düzenler.
<header> : Sitenin başlık ve açıklama içeriğini alır.
<nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
<footer> : Sitelerin en alt kısmını içine alır.
<section> : Sitelerin ana içerik kısmını içine alır.
<aside> : Ana içerikte ayrı yazılan kısımdır.
<article> : Makale, deneme tarzı yazıları kapsar.
<embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
<details> : Detay bilgisi içerir.
<summary> : Yazının başlığını belirler.
<time> : Tarih, saat verilerini kapsar.
<mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
<figcaption> : <figure> elementinin başlığını belirler.
<figure> : Çeşitli medya içeriği gruplarını belirler.
<hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
<datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar

Canvas Çizgi Stilleri

Html5 canvas tagları kullanılarak geliştirilmiş çizgi stilleri uygulamasının örnek kodları aşağıdaki gibidir. Kodumuz 3 bölümden oluşmaktadır.
Html sayfaya aşağıdaki kodı yazınız.

Kod:
<canvas id="tutorial" width="400" height="400"></canvas>

javascript olarak aşağıdaki kodu yazınız.

Kod:
var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');

ctx.lineCap = "square";

ctx.beginPath();
ctx.strokeStyle = '#FF0000';
ctx.lineWidth = 20;
ctx.moveTo(150,200);
ctx.lineTo(200,150);
ctx.lineTo(250,200);
ctx.stroke();

ctx.lineCap = "butt";

ctx.beginPath();
ctx.strokeStyle = '#00FF00';
ctx.lineWidth = 20;
ctx.moveTo(150,250);
ctx.lineTo(200,200);
ctx.lineTo(250,250);
ctx.stroke();

ctx.lineCap = "round";

ctx.beginPath();
ctx.strokeStyle = '#0000FF';
ctx.lineWidth = 20;
ctx.moveTo(150,300);
ctx.lineTo(200,250);
ctx.lineTo(250,300);
ctx.stroke();
}

css olarakta aşağıdaki kodu kullanınız.

Kod:
canvas { border: 1px solid black; }

Boş HTML-5 Sayfa Örneği

Kod:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 template</title>
<metacharset  =  "utf-8"/>
  
<scripttype  =  "text/javascript">
  document.createElement('header');
  document.createElement('menu');
  document.createElement('content');
  document.createElement('footer');
</script>
  
<style type="text/css">
  * {
margin:0  ;
padding:0  ;
  }
  
  header, menu, content, footer {
display:block  ;
  }
  
  menu ul {
list-style-type:none  ;
  }
  
  menu ul li {
float:left  ;
padding:5px20px  ;
  }
  
  content, footer {
clear:both  ;
  }
</style>
</head>
<body>
<header>
  <h1>A Blank HTML5 template</h1>
  <menu>
<ul>
<li>
  <ahref  =  "<a href="http://html5snippets.com/">http://html5snippets.com</a>"title  =  "snippets">HTML5 snippets</a>
</li>
<li>
  <ahref  =  "<a href="http://charlesdagley.cz.cc/">http://charlesdagley.cz.cc/</a>"title  =  "Portfolio">Dagley Designs</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
<li>
  <ahref  =  "link"title  =  "link">link</a>
</li>
</ul>
  </menu>
</header>
  
<content>
  <h2>This is our content area</h2>
  <p>This is just a free html5 blank template</p>
</content>
  
<footer>
  As found on html5snippets.com---Follow @charlesdagley
</footer>
</body>
</html>
]]> <![CDATA[Hareketli DİV Sanırım.]]> https://mybbdepo.com/hareketli-div-sanirim-konusu.html Mon, 10 Mar 2014 07:39:33 +0200 https://mybbdepo.com/hareketli-div-sanirim-konusu.html
resim]]>
resim]]> <![CDATA[HTML Okul Sitesi Lazım]]> https://mybbdepo.com/html-okul-sitesi-lazim-konusu.html Sat, 08 Mar 2014 15:31:02 +0200 https://mybbdepo.com/html-okul-sitesi-lazim-konusu.html <![CDATA[İkonlu Menü Tasarımı]]> https://mybbdepo.com/ikonlu-menu-tasarimi-konusu.html Fri, 21 Feb 2014 00:29:32 +0200 https://mybbdepo.com/ikonlu-menu-tasarimi-konusu.html
Öncelikle Ekran Görüntüsü :
resim

İndirme Linki:
Kod:
https://mega.co.nz/#!DRhxECYT!EQxQOUMGXl6AuIpKf5G5TkbVf9gLx0rtmAQGGiJC9dc

Virustotal koymaya gerek duymadım. İkonlarolduğu için upladım, isteyen olursa kod olarak da atabilirim.]]>
Öncelikle Ekran Görüntüsü :
resim

İndirme Linki:
Kod:
https://mega.co.nz/#!DRhxECYT!EQxQOUMGXl6AuIpKf5G5TkbVf9gLx0rtmAQGGiJC9dc

Virustotal koymaya gerek duymadım. İkonlarolduğu için upladım, isteyen olursa kod olarak da atabilirim.]]> <![CDATA[placeholder Kullanımı]]> https://mybbdepo.com/placeholder-kullanimi-konusu.html Sun, 19 Jan 2014 12:26:27 +0200 https://mybbdepo.com/placeholder-kullanimi-konusu.html
Örnek Kullanım..

Kod:
<form id="form">
<p><input name="isim" type="text" placeholder="Adınızı Girin"/></p>
</form>
]]>
Örnek Kullanım..

Kod:
<form id="form">
<p><input name="isim" type="text" placeholder="Adınızı Girin"/></p>
</form>
]]> <![CDATA[HTML5 Eğitim Dersleri]]> https://mybbdepo.com/html5-egitim-dersleri-konusu.html Sun, 22 Dec 2013 23:57:20 +0200 https://mybbdepo.com/html5-egitim-dersleri-konusu.html (bana çok faydası oldu) ve sizlerle paylaşmak istedim...

Eğitim Videosu Bölüm 1
Eğitim Videosu Bölüm 2

Arkadaşlar derslerin devamı gelecektir... Üst sıralarda tutmaya çalışırsanız herkes faydalanabilir umarım herkesin işine yarayacak bir paylaşım yapmışımdır herkese iyi forumlar...]]> (bana çok faydası oldu) ve sizlerle paylaşmak istedim...

Eğitim Videosu Bölüm 1
Eğitim Videosu Bölüm 2

Arkadaşlar derslerin devamı gelecektir... Üst sıralarda tutmaya çalışırsanız herkes faydalanabilir umarım herkesin işine yarayacak bir paylaşım yapmışımdır herkese iyi forumlar...]]> <![CDATA[Kişisel Site | Tek Sayfa]]> https://mybbdepo.com/kisisel-site-tek-sayfa-konusu.html Wed, 17 Jul 2013 22:03:14 +0300 https://mybbdepo.com/kisisel-site-tek-sayfa-konusu.html


Demo;

Kod:
http://www.webhocam.org/demo/kisiselsitetek/

İndir;

Kod:
http://webhocam.org/wp-content/uploads/kisiselsitetek.rar

Alıntı Kaynak: Psdup.Com]]>


Demo;

Kod:
http://www.webhocam.org/demo/kisiselsitetek/

İndir;

Kod:
http://webhocam.org/wp-content/uploads/kisiselsitetek.rar

Alıntı Kaynak: Psdup.Com]]> <![CDATA[target self sorunu]]> https://mybbdepo.com/target-self-sorunu-konusu.html Mon, 15 Jul 2013 08:34:34 +0300 https://mybbdepo.com/target-self-sorunu-konusu.html öğrendiğim şey olan target='orta' kullandım yani
yüklenecek sayfa sitemi orta sayfaya yükleniyo
ancak aklıma bişey takıldı googlede çalça köyü
yazınca sayfa bu sayfa gelir yani target orta ya
yüklenmesi gereken yer açılır ben sadece target orta sayfası (çalca köyü) sitenin arayüzunü ile
birlikte nasıl yükletirim bunu nasıl yaparım]]> öğrendiğim şey olan target='orta' kullandım yani
yüklenecek sayfa sitemi orta sayfaya yükleniyo
ancak aklıma bişey takıldı googlede çalça köyü
yazınca sayfa bu sayfa gelir yani target orta ya
yüklenmesi gereken yer açılır ben sadece target orta sayfası (çalca köyü) sitenin arayüzunü ile
birlikte nasıl yükletirim bunu nasıl yaparım]]> <![CDATA[HM V1]]> https://mybbdepo.com/hm-v1-konusu.html Sat, 01 Jun 2013 12:28:35 +0300 https://mybbdepo.com/hm-v1-konusu.html
resim]]>
resim]]> <![CDATA[Html Kodu İstek - 2 Adet]]> https://mybbdepo.com/html-kodu-istek-2-adet-konusu.html Wed, 15 May 2013 19:41:54 +0300 https://mybbdepo.com/html-kodu-istek-2-adet-konusu.html
2- siteyi açtığında yeni pencere açılsın kodu .]]>
2- siteyi açtığında yeni pencere açılsın kodu .]]> <![CDATA[Linke tıklanınca ayrı sayfada [Pencere] açılmasını sağlayan HTML kod]]> https://mybbdepo.com/linke-tiklaninca-ayri-sayfada-pencere-acilmasini-saglayan-html-kod-konusu.html Sat, 22 Dec 2012 01:28:09 +0200 https://mybbdepo.com/linke-tiklaninca-ayri-sayfada-pencere-acilmasini-saglayan-html-kod-konusu.html Linki Nereye Eklemek İstiyorsanız Ekliyorsunuz Ek Olarak Eklenen Kod target="_blank" dur


Kod:
<a href="http://www.fiberfrm.com/" target="_blank">En Yeni Genel Paylaşım Plotformu[/url]
]]> Linki Nereye Eklemek İstiyorsanız Ekliyorsunuz Ek Olarak Eklenen Kod target="_blank" dur


Kod:
<a href="http://www.fiberfrm.com/" target="_blank">En Yeni Genel Paylaşım Plotformu[/url]
]]> <![CDATA[HTML İzinleri]]> https://mybbdepo.com/html-izinleri-konusu.html Fri, 21 Dec 2012 20:51:16 +0200 https://mybbdepo.com/html-izinleri-konusu.html <![CDATA[Mbz Navigation Menü HTML Kodu]]> https://mybbdepo.com/mbz-navigation-menu-html-kodu-konusu.html Fri, 07 Sep 2012 16:44:35 +0300 https://mybbdepo.com/mbz-navigation-menu-html-kodu-konusu.html
Konu :
Kod:
http://www.mybbtema.net/konu-mbz-navigation-menu

Şimdi Geçelim Konumuza Gülümseme

Aşağıdaki Kodu İstediğiniz Yere Ekleyin

Kod:
<html>
<head>
<title>navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (navigation.psd) -->
<table id="Table_01" width="901" height="80" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="13">
            <IMG src="images/navigation_01.gif" width="900" height="22" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <IMG src="images/navigation_02.gif" width="26" height="58" alt=""></td>
        <td rowspan="3">
            <a href="/index.php">
                <IMG src="images/navigation_03.gif" width="61" height="49" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_04.gif" width="22" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/portal.php">
                <IMG src="images/navigation_05.gif" width="79" height="38" border="0" alt=""></a></td>
        <td colspan="3">
            <IMG src="images/navigation_06.gif" width="94" height="1" alt=""></td>
        <td rowspan="2">
            <a href="/misc.php?action=help">
                <IMG src="images/navigation_07.gif" width="72" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_08.gif" width="10" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/calendar.php">
                <IMG src="images/navigation_09.gif" width="74" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_10.gif" width="11" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/memberlist.php">
                <IMG src="images/navigation_11.gif" width="102" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_12.gif" width="349" height="58" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <IMG src="images/navigation_13.gif" width="14" height="57" alt=""></td>
        <td>
            <a href="/index.php">
                <IMG src="images/navigation_14.gif" width="72" height="37" border="0" alt=""></a></td>
        <td rowspan="3">
            <IMG src="images/navigation_15.gif" width="8" height="57" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <IMG src="images/navigation_16.gif" width="79" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_17.gif" width="72" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_18.gif" width="72" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_19.gif" width="74" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_20.gif" width="102" height="20" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="11" alt=""></td>
    </tr>
    <tr>
        <td>
            <IMG src="images/navigation_21.gif" width="61" height="9" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="9" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>


Eklentiyi İndirip İçindeki "İMAGES" Klasörünü FTP Ana Dizine Yolluyoruz Tamamdır.

http://www.dosya.tc/server21/uUobSi/images.zip.html]]>
Konu :
Kod:
http://www.mybbtema.net/konu-mbz-navigation-menu

Şimdi Geçelim Konumuza Gülümseme

Aşağıdaki Kodu İstediğiniz Yere Ekleyin

Kod:
<html>
<head>
<title>navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (navigation.psd) -->
<table id="Table_01" width="901" height="80" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="13">
            <IMG src="images/navigation_01.gif" width="900" height="22" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <IMG src="images/navigation_02.gif" width="26" height="58" alt=""></td>
        <td rowspan="3">
            <a href="/index.php">
                <IMG src="images/navigation_03.gif" width="61" height="49" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_04.gif" width="22" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/portal.php">
                <IMG src="images/navigation_05.gif" width="79" height="38" border="0" alt=""></a></td>
        <td colspan="3">
            <IMG src="images/navigation_06.gif" width="94" height="1" alt=""></td>
        <td rowspan="2">
            <a href="/misc.php?action=help">
                <IMG src="images/navigation_07.gif" width="72" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_08.gif" width="10" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/calendar.php">
                <IMG src="images/navigation_09.gif" width="74" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_10.gif" width="11" height="58" alt=""></td>
        <td rowspan="2">
            <a href="/memberlist.php">
                <IMG src="images/navigation_11.gif" width="102" height="38" border="0" alt=""></a></td>
        <td rowspan="4">
            <IMG src="images/navigation_12.gif" width="349" height="58" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <IMG src="images/navigation_13.gif" width="14" height="57" alt=""></td>
        <td>
            <a href="/index.php">
                <IMG src="images/navigation_14.gif" width="72" height="37" border="0" alt=""></a></td>
        <td rowspan="3">
            <IMG src="images/navigation_15.gif" width="8" height="57" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <IMG src="images/navigation_16.gif" width="79" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_17.gif" width="72" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_18.gif" width="72" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_19.gif" width="74" height="20" alt=""></td>
        <td rowspan="2">
            <IMG src="images/navigation_20.gif" width="102" height="20" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="11" alt=""></td>
    </tr>
    <tr>
        <td>
            <IMG src="images/navigation_21.gif" width="61" height="9" alt=""></td>
        <td>
            <IMG src="images/spacer.gif" width="1" height="9" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>


Eklentiyi İndirip İçindeki "İMAGES" Klasörünü FTP Ana Dizine Yolluyoruz Tamamdır.

http://www.dosya.tc/server21/uUobSi/images.zip.html]]>