drop down meniu

Postări: 197

Reputație: 13

Mesaj # 1 | 4:23 PM 25/05/2012

buna.
vreau sa modific un meniu orizontal --in drop-down
doar k nuj cum sigur. c trebuie sa definesc sau sa schimb in sursa lui?

asta e meniul din top:

Code

<div id="tm-bg">
 <ul id="topmenu">
 <li><a href="/" class="tm-link">Home</a></li>
 <li><a href="/news" class="tm-link">Site news</a></li>
 <li><a href="/photo" class="tm-link">Series</a></li>
 <li><a href="/load" class="tm-link">Download</a>
 <li><a href="/forum" class="tm-link">Forum</a></li>
 <li><a href="/blog" class="tm-link">Blog</a></li>
 <li><a href="/index/0-3" class="tm-link">FeedBack</a></li>
 </ul>

iar aici e style:

Code

#tm-bg {
  width: 1000px;
  height: 58px;
  background: url(../images/tm-bg.png) no-repeat 0 0;

  z-index: 1;
}

/* top-navigation */

#topmenu {margin:8px 0 0 26px;float: left;}
#topmenu li {float: left;}
#topmenu li .tm-link {
  background: url(../images/tm-bn2.png) right top no-repeat;
  float: left;
  height: 30px;
  padding: 0 15px 0 0;
  display: block;
  text-decoration: none;
  font-size: 12px;
  margin: 0 5px 0 0;
}

#topmenu li .tm-link span {
  float: left;
  background: url(../images/tm-bn.png) left top no-repeat;
  height: 30px;
  padding: 0 0 0 15px;
  line-height: 29px;
  color: #ffffff;
  cursor: pointer;
  text-shadow: 1px 1px #3e719a;
}

#topmenu li .tm-link span:hover {color: #dbdbdb;}

Profile

Devil

Postări: 1235

Reputație: 54

Mesaj # 2 | 8:43 PM 25/05/2012

kpk1l, aici s-a mai discutat despre asta, citeste raspunsurile primite si vei reusi sa rezolvi problema

kpk1l

Postări: 197

Reputație: 13

Mesaj # 3 | 3:35 PM 26/05/2012

am citit toate topicurile despre meniu. nu e vb d asta. (nu e cum vreau si chiar dak-l fac orizontal el tot vertival imi apare)
vreau acelasi aspect doar k nuj ce sa modific in style sa poata functiona k drop-down

Adăugat (26/05/2012, 2:35 PM)
---------------------------------------------
chiar nu ma poate ajuta nimeni:(????

Profile

Danny

Postări: 670

Reputație: 31

Mesaj # 4 | 5:05 PM 26/05/2012

kpk1l, ai putea sa postezi o imagine cu un exemplu clar? sa vad exact ceea ce doresti?
Nu prea imi dau seama ce doresti tu cu adevarat, deoarece s-au dat ceva explicatii si in topicul postat de Devil, mai sus ... nu inteleg vrei drop down pentru subcategorii sau pur si simplu pentru meniu-ul general?

kpk1l

Postări: 197

Reputație: 13

Mesaj # 5 | 9:45 PM 26/05/2012

deci...la un meniu..am fisierul style. intrebarea mea e ce tre sa modific k sa-l fac drop-down cu acelasi aspect???

Profile

Danny

Postări: 670

Reputație: 31

Mesaj # 6 | 11:24 PM 26/05/2012

Din start te anunt ca nu sunt asa de bun la asta dar sper sa te pot ajuta .
Deci iti voi exemplifica ceva aici sa incerci , dar nu promit ca va functiona :P .
Deci tu ai urmatorul cod:

Code

<div id="tm-bg">
 <ul id="topmenu">
 <li><a href="/" class="tm-link">Home</a></li>
 <li><a href="/news" class="tm-link">Site news</a></li>
 <li><a href="/photo" class="tm-link">Series</a></li>
 <li><a href="/load" class="tm-link">Download</a>
 <li><a href="/forum" class="tm-link">Forum</a></li>
 <li><a href="/blog" class="tm-link">Blog</a></li>
 <li><a href="/index/0-3" class="tm-link">FeedBack</a></li>
 </ul></div>

din ce stiu eu un drop down meniu se face asa ... luand exemplu drept codul tau

Code

<div id="tm-bg">
 <ul id="topmenu">
 <li><a href="/" class="tm-link">Categorie 1</a>
 <ul>
 <li><a href="/" class="tm-link">Subcategorie 1</a></li>
 <li><a href="/" class="tm-link">Subcategorie 2</a></li>
 </ul>
 </li>
 <li><a href="/" class="tm-link">Categorie 2</a></li>
 <li><a href="/" class="tm-link">Categorie 3</a>
 <ul>
 <li><a href="/" class="tm-link">Subcategorie 1</a></li>
 <li><a href="/" class="tm-link">Subcategorie 2</a></li>
 </ul></li>
 <li><a href="/" class="tm-link">Categorie 4</a></li>
 </ul></div>

Daca nu functioneaza, as vrea sa vad atunci cand il folosesti cum arata de fapt fata de ce doresti tu.

kpk1l

Postări: 197

Reputație: 13

Mesaj # 7 | 0:24 AM 27/05/2012

pai asta stiu si eu sa fac. am incercat da nu merge..
stiu ca trebuie modificat ceva in style. trebuie definit cv anume pt drop
dar nuj ce sa modific ca sa ramana acelasi aspect

uite cum arata la ce ai zis u:

imi muta cu totu..si blocu de sub meniu

ms k incerci wink

Adăugat (26/05/2012, 11:15 PM)
---------------------------------------------
din cate mai cunosc si eu..nu e definit "ul"
o mai fi si altceva...nuj

Adăugat (26/05/2012, 11:24 PM)
---------------------------------------------
deci la astea eu tre sa modific ceva...k sa poata merge si drop-down'ul

Code

#topmenu {margin:8px 0 0 26px;float: left;}
#topmenu li {float: left;}
#topmenu li .tm-link {
  background: url(../images/tm-bn2.png) right top no-repeat;
  float: left;
  height: 30px;
  padding: 0 15px 0 0;
  display: block;
  text-decoration: none;
  font-size: 12px;
  margin: 0 5px 0 0;
}

#topmenu li .tm-link span {
  float: left;
  background: url(../images/tm-bn.png) left top no-repeat;
  height: 30px;
  padding: 0 0 0 15px;
  line-height: 29px;
  color: #ffffff;
  cursor: pointer;
  text-shadow: 1px 1px #3e719a;
}

#topmenu li .tm-link span:hover {color: #dbdbdb;}

Profile

Material modificat de kpk1l - Duminică, 27/05/2012, 0:14 AM

Ultimele teme de discuție

Teme de discuție populare