Как да направя така че активният бутон от менюто да показва

[grizli]

Как да направя така че активният бутон от менюто да показва къде се намира потребителят в момента. Примерно менюто е с 4 елемента/бутона/линка и потребителят е на 3-ия (всички бутони се виждат на всяка от страниците)- как да направя по различен този активен бутон - ако може без картинки, само css и javascript (какъв код на javascript да сложа?). Може ли някой да покаже с някакъв пример?

http://bezplatno.info/upload/images/rgh1234775903r.png - Примерно тук потребителят е в секция търсене и бутона търсене стои "натиснат". Е това как да го постигна?

 

[vankich]

Най-лесният начин е да си направиш един отделен <span> и на всяка страница да сложиш span-а на съответния бутон.

Примерно имаш следнот меню:

<ul>
<li>nachalo</li>
<li><span id="natisnat">galeriq</span></li>
<li>za men</li>
<li>kontakti</li>
</ul>

И си правиш в CSS:

#natisnat {стилизирането като на а:hover-a тук)

 

[grizli]

Най-лесният начин е да си направиш един отделен <span> и на всяка страница да сложиш span-а на съответния бутон.

Примерно имаш следнот меню:

<ul>
<li>nachalo</li>
<li><span id="natisnat">galeriq</span></li>
<li>za men</li>
<li>kontakti</li>
</ul>

И си правиш в CSS:

#natisnat {стилизирането като на а:hover-a тук)

Aз го направих с клас - пак така на всяка страница за съответния бутон. Не съм наясно кога точно да използвам "span"

 

[rosko]

Ами много е просто!
Значи направи си всички менюта и си направи по 3 картинки, тоест натиснат бутон, нормален и един да показва къде си!
Ето така ако половината ти е ЦСС:

<img src="нормалната картинка" onmouseover="this.style.class('тук трябва  да си сложиш един клас от ЦСС, който реално съдържа една картинка,когато мишока е отгоре')">

Така до тук добре, но имаш един бутон, който трябва да показва къде си:
Ако искаш може да стане с ЦСС, а за по-лесно така:

<img src="пътя до картинката, която показва къде си">

и другите си ги продължаваш по начина, по който ти показах!

Успех! :?: [/code]

 

[vankich]

Ами много е просто!
Значи направи си всички менюта и си направи по 3 картинки, тоест натиснат бутон, нормален и един да показва къде си!
Ето така ако половината ти е ЦСС:

<img src="нормалната картинка" onmouseover="this.style.class('тук трябва  да си сложиш един клас от ЦСС, който реално съдържа една картинка,когато мишока е отгоре')">

Така до тук добре, но имаш един бутон, който трябва да показва къде си:
Ако искаш може да стане с ЦСС, а за по-лесно така:

<img src="пътя до картинката, която показва къде си">

и другите си ги продължаваш по начина, по който ти показах!

Успех! :?: [/code]

Меню с картинки в html, МНОГО рядко се използва. Да не кажа почти никога. Всичко си е CSS.

Най-лесният начин е да си направиш един отделен <span> и на всяка страница да сложиш span-а на съответния бутон.

Примерно имаш следнот меню:

<ul>
<li>nachalo</li>
<li><span id="natisnat">galeriq</span></li>
<li>za men</li>
<li>kontakti</li>
</ul>

И си правиш в CSS:

#natisnat {стилизирането като на а:hover-a тук)

Aз го направих с клас - пак така на всяка страница за съответния бутон. Не съм наясно кога точно да използвам "span"

span се използва на отделни части от текст и се стилизира както другите елементи. Виж какво съм ти предложил. Ефекта на SPAN е само за думата "galeriq". Можеш да го направиш да се използва за няколко елемента, но тогава трябва да му зададеш class а не id.

 

[rosko]

Вярно е !
Сега и мойто ще го правя само с една картинка за фон!
Защото така седи по-грозно! :?:

 

[grizli]

Най-лесният начин е да си направиш един отделен <span> и на всяка страница да сложиш span-а на съответния бутон.

Примерно имаш следнот меню:

<ul>
<li>nachalo</li>
<li><span id="natisnat">galeriq</span></li>
<li>za men</li>
<li>kontakti</li>
</ul>

И си правиш в CSS:

#natisnat {стилизирането като на а:hover-a тук)

Всъщност сам се справих, но ти давам точката за това, че прояви желание да помогнеш.