Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
Basit Css Menü Yapmak ?
#1
Arkadaşlar Esasında Yapmak BİRKAÇ koddan ibaret Ama Profosyoneller Kendi ELLERİ İLE yapıyor Ama Bizler Daha Yeni OLduğumuz için Sadece Bir kaçını Anlatacağım ilk Olarak Adobe Dremweawer http://www.gezginler.net/indir/i/1585/

İndirdikten SONRA aşağıdaki kodları new yeni bir proje açığ aşağıdaki kodları yapıştırın üzerinde istediğiniz grafik ve düzenlemeyi yapıp kendinize ait bir css menü olmasını sağlayın Kodlar Aşağıda :


Kod:
<style type="text/css">
#maviblokmenu{  
border: 1px solid black;  
border-bottom-width: 0;  
width: 185px;  
}  
  
#maviblokmenu ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  
}  
  
#maviblokmenu li a{  
display: block;  
padding: 3px 0;  
padding-left: 9px;  
width: 169px;  
text-decoration: none;  
color: white;  
background-color: #2175dd;  
border-bottom: 1px solid #90bade;  
border-left: 7px solid #1958b7;  
}  
  
* html #maviblokmenu li a{  
width: 169px;  
width: 169px;  
}  
  
#maviblokmenu li a:hover {  
background-color: #000069;  
border-left-color: #000099;  
}  
  
#maviblokmenu div.menutitle{  
color: white;  
border-bottom: 1px solid black;  
padding: 1px 0;  
padding-left: 5px;  
background-color: black;  
font: bold 100% 'Trebuchet MS', Arial, sans-serif;  
}  </style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p>
<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px">
<div class="menutitle">BİRİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">İKİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>
</ul>
<div class="menutitle">ÜÇÜNCÜ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">Çeviri</div>
<ul>
    <li><a onclick="naazimca('Dikkat! Bu web adresi yandaki menüyü yazan kişiye aittir.')" href="http://www.naazimca.tr.gg ">www.naazimca.tr.gg</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" onclick="naazimca('Dikkat! Bu mail yandaki menüyü yazan kişiye aittir ')" href="naazimca@mynet.com ?PHPSESSID=ad9ef0986f62d15e893964dc2d4c1dbc">naazimca@mynet.com</a> </li>
</ul>
</div>
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkür ederiz..
10TR.NET Yardım istekleriniz için Ö.M atabilirsiniz.
Saçma Konu Ve Başlıklara Destek YOK!
Metars Theme V1.0
Stloje Theme V1.0
WMCAMP
Alışveriş İndex Tasarımı
Henry İndex Tasarımı

Bence bu ülkede herkes bilgisayar programlamayı öğrenmeli. Bir bilgisayar dili öğrenmeli. Çünkü bu, insana nasıl düşüneceğini öğretiyor. Ben bilgisayar bilimini bir sosyal bilim olarak görüyorum. Bu herkesin öğrendiği bir şey olmalı.
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 14 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping