VPF::Как сделать меню которое бы меняло внешний вид

Yojidze

Дата 6.11.2008, 15:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

Как сделать меню которое бы меняло внешний вид пункта при нажатии на него

есть изображение меню, на нем пункты меню в виде текста, как сделать чтобы при нажатии пункта меню его изображение бы менялось????
(cms joomla ) подскажите плиз умные люди

Алексей

Дата 6.11.2008, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 19.6.2006

Репутация: нет
Всего: нет

В Joomla нужно подправить файл template_css.css

Если меню главное. То находишь описание a.mainlevel:link, a.mainlevel:visited и a.mainlevel:hover
Добавляешь по аналогии a.mainlevel:active и заменяешь свойство background.

Yojidze

Дата 7.11.2008, 22:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

СПС
а как сделать чтобы на разных страницах был другой фон основного контента????

Это сообщение отредактировал(а) Yojidze - 7.11.2008, 22:33

Yojidze

Дата 8.11.2008, 00:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

Плиииииииз Хелп

Код


<body text=000000 bgcolor=ffffff>

<input type=button value="желтый" onClick="document.bgColor='ffff00'">
</body>

здесь меняется цвет фона всего документа, можно проделать тоже самое для div? если нет то как найти выход????

bars80080

Дата 8.11.2008, 01:04 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

да можно ,если найти код этого дива, схватить его за id, а потом в таблице стилей прописать фон

Код


<div id="qw">
content...
</div>

стили:

Код


#qw { background: #ff0000; }

только вот где всё это находится...

Yojidze

Дата 8.11.2008, 01:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

bars80080,
не понял мне нужно чтобы при нажатии на кнопку менялся цвет фона в div

bars80080

Дата 8.11.2008, 01:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

тогда

Код


<input type=button value="желтый" onclick="document.getElementById('qw').bgColor='#ffff00';">

Yojidze

Дата 8.11.2008, 16:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

bars80080, СПС большое

Ни как не удается прописать свойства активного пункта меню

Код


#top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{
    background: transparent url(../images/strelka.jpg) left no-repeat;
    font-family:Tahoma, Arial, sans-serif;
    font-size: 11px;
    float: left;
    display: block;
    color: black;
    text-decoration:inherit;
    font-weight: bold;
    height: 33px;
    line-height: 31px;
    padding: 0 10px;
    margin: 0;
    cursor: pointer;
}



#top_menu ul#mainlevel-nav li a:hover{
    background: transparent url(../images/strelka2.jpg) center left no-repeat;
    color:#FFFFFF;
    text-decoration:none;
    height: 33px;
}

нужно чтобы активный пункт меню менял цвет и фон помагите, долго пытался не получается smile

Yojidze

Дата 12.11.2008, 20:23 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

Цитата(bars80080 @ 8.11.2008, 01:19)

тогда

Код


<input type=button value="желтый" onclick="document.getElementById('qw').bgColor='#ffff00';">

Работает если файл в html если в php нет

Код



.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}

Код



<ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>

</ul>
<br style="clear: left" />

Как выделить активный пункт меню??????? подскажиет(застрял на пункте php понятно почему но как сделать чтобы активный пункт подсвечивался?)

webster

Дата 12.11.2008, 21:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Так если вы пишите в PHP, то задайте класс конкретной ссылке на страницу, которая в данный момент генерируется, тем более, что вы его уже завели:

Код


.current

Код


<ul class="solidblockmenu">
<li><a class="current"...

Yojidze

Дата 12.11.2008, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 24.3.2008

Репутация: нет
Всего: нет

webster,
наверно я неправильно выразился, класс ссуществует но при переходе по другим ссылкам они не меняют свет, как это сделать?

webster

Дата 12.11.2008, 22:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Ну хорошо, пусть будет joomla, там есть модуль, отвечающий за построение меню mod_mainmenu, в нем есть строка кода php:

Код


$node->addAttribute('class', 'active');

которая активному пункту меню присваивает класс active, можно просто использовать уже его название, чтобы изменить ваш пункт меню, вместо

Код


 .current

И на каждой следующей странице, у вас будет изменен внешний вид пункта меню с соответствующим классом .active.
Менять же внешний вид меню в момент клика по нему мышкой - не имеет никакого смысла, если у пользователя скоростное интернет-соединение, то он просто даже не успеет заметить никаких изменений, а просто переместится на другую страницу.

Это сообщение отредактировал(а) webster - 12.11.2008, 23:43

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »