kategori menü yardim

htmlyol

Üye
20 Eyl 2012
54
0
arkadaşlar bana şu resmin benzeri gibi bir kategori menü html kodu lazim acill
jp3tn.png
 
Son düzenleme:

berat1413

Yeni üye
31 Ocak 2013
15
0
yaparım sanıyodum yapamadım bu kodları kafana göre düzenle istediğin gibi birşey çıkar:RpS_biggrin:

Kod:
<style type="text/css">
#cssmenu {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#cssmenu li {
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
       list-style: none;
}
#cssmenu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: #2580a2 url('http://cssmenumaker.com/sites/default/files/menu/90/hover.gif') left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

</style>
<div id='cssmenu'>

<ul>
   <li><a href='index.html'><span>Deneme</span></a></li>
   <li><a href='asdasd'><span>Deneme2</span></a></li>
   <li><a href='asdasdasd'><span>Deneme3</span></a></li>
   <li class='last'><a href='asdasdasd'><span>Deneme4</span></a></li>
</ul>
</div>
 

htmlyol

Üye
20 Eyl 2012
54
0
yaparım sanıyodum yapamadım bu kodları kafana göre düzenle istediğin gibi birşey çıkar:RpS_biggrin:

Kod:
<style type="text/css">
#cssmenu {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#cssmenu li {
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
       list-style: none;
}
#cssmenu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: #2580a2 url('http://cssmenumaker.com/sites/default/files/menu/90/hover.gif') left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

</style>
<div id='cssmenu'>

<ul>
   <li><a href='index.html'><span>Deneme</span></a></li>
   <li><a href='asdasd'><span>Deneme2</span></a></li>
   <li><a href='asdasdasd'><span>Deneme3</span></a></li>
   <li class='last'><a href='asdasdasd'><span>Deneme4</span></a></li>
</ul>
</div>

kanka güzel yapmişinda şu başligida yapsaydin herşey tam olurdu vallaha
 

Darkness DeviL

Yaşayan Forum Efsanesi
8 Ağu 2009
11,543
13
Turan 🇹🇷
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>
<**** 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="[email protected] ?PHPSESSID=ad9ef0986f62d15e893964dc2d4c1dbc">[email protected]</a> </li>
</ul>
</div>

Yukarıdakı koddaki gerekli yerleri düzenle iş görür.
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.