Малко помощ за CSS

samba

Active Member
От снощи ми къса нервите и не знам как да го фиксна:
Искам на този сайт http://www.yoz.elenkov.net когато се избере някоя категория "leggins" "dresses" и т.н. да стане в различен цвят от другите и да се подразбира, че е кликнато на нея..
Ако някой може да помогне :)

Поздрави
 
От: Малко помощ за CSS

Няма да стане само със CSS.

Махни го тоя скрития ифрейм който зарежда 404 :D
 
От: Малко помощ за CSS

Няма да стане само със CSS.

Махни го тоя скрития ифрейм който зарежда 404 :D

Този iframe незнам от къде се е появил.. както и да е вече го няма.
Какво е необходимо за моя случай предполагам си запознат, след като твърдиш, че няма да стане само с CSS

Поздрави
 
От: Малко помощ за CSS

По кой принцип?
Няма никакъв маркер, кой елемент е избран. Без да се добави клас към менюто(което не е само CSS) няма как да стане.
 
От: Малко помощ за CSS

Ще ти се наложи да ползваш най-страшното нещо JS , само с CSS няма да стане
 
От: Малко помощ за CSS

Няма нищо стрешно в JS.
Гледам има заредено jQuery

Слагаш този JS в хедтра някъде за да го има на всички стрнаици.
Код:
chk = $('#content h1').html();

if(chk !== undefined) {
    $('#menu ul li').each(function() {
        if (chk == $(this).children('a').html() ) {
            $(this).addClass('active');
            return true;
        }
    });
}

В css намеираш #menu > ul > li a:hover и го променяш на #menu > ul > li a:hover, #menu > ul > li.active a
Разбира се можеш да го промениш да слага клас на а-то ;).

:: добавка ::
Имай предвид, че това няма да работи ако смениш темата. Най-добре да се направи от към сървърсайда да добавя към менюто клас.
 
От: Малко помощ за CSS

AMitrev, оказа се прав. Не предполагах, че може да я има тази недомислица, затова и бях толкова категоричен без да се загледам по-подробно :)
 
От: Малко помощ за CSS

Нормано да не работи :D. Затова хората са казали преди 12 часа не се работи :).

Код:
<script type="text/javascript">
$( document ).ready(function() {
chk = $('#content h1').html();

if(chk !== undefined) {
    $('#menu ul li').each(function() {
        if (chk == $(this).children('a').html() ) {
            $(this).addClass('active');
            return true;
        }
    });
}
});
</script>

Сега видях, че имаш 2 състояния за бутоните: #menu ul li a:hover, #menu ul li.active a - това е другият цвят на менюто ти, избери си кой да се зарежда. Ако решиш да тестваш този, първо премахни кода от предния ми пример.

между другото изтрий и <script language="javascript" type="text/javascript" src="http://hi-shop.googlecode.com/files/toolltip.js"/></script>
Не знам от къде си я намерил тази тема, ама явно автора и не я поддържа вече :)
 

Горе