Меню на CSS без модулей

ButuzOFF

Захожу иногда
144
22 / 2

Ребята подскажите пожалуйста
Решил сделать горизонтальное меню на сайте закладками (выдрал с какогото блога), без использования модулей...
Ссылки жестко прописаны поскольку менять их не буду, но блин немогу придумать как подсвечивать активный пункт меню.
Вот код:
Это HTML

Код

<div id="mytopcontainer">		
	<div id="mytopmenu">
	<ul>
	<li><a href="" title="">Главная</a></li>
	<li><a href="" title="">Новости</a></li>
	<li><a href="" title="" class="current">Форум</a></li>
	<li><a href="" title="">О сайте</a></li>
	<li><a href="" title="">Контакты</a></li>
	</ul>
	</div>

Это CSS

Код

/**** Верхнее меню START *****/
#mytopcontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}
#mytopmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#mytopmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#mytopmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#mytopmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(../images/off.gif) no-repeat top left;}
#mytopmenu ul li a:hover{color:#fff;background:transparent url(../images/over.gif) no-repeat top right;}
#mytopmenu ul li a.current,#mytopmenu ul li a.current:hover{color:#000;background:#fff;}
/*******Верхнее меню END********/

Откуда взять текуший (активный пункт меню) и присвоить ему класс "current"
Возможно это сделать с помощью PHP?
Или я снова туплю и не в ту степь лезу

Очень надеюсь на вашу помощь

PS . Вот нарыл кусок кода , только немогу понять что это за зверь

Код

<?php
$menu = <<<MENU
<ul id="nav">
    <li><a href="/" title="Where the heart is">Home</a></li>
    <li><a href="/archives/" title="Things that have passed.">Archives</a></li>
    <li><a href="/about/" title="All about Matt">About</a></li>
    </ul>
MENU;
$lines = split("\n", $menu);
foreach ($lines as $line) {
    $current = false;
    preg_match('/href="([^"]+)"/', $line, $url);
    if (substr($_SERVER["REQUEST_URI"], 0, 5) == substr($url[1], 0, 5)) {
        $line = str_replace('<a h', '<a id="current" h', $line);
        }
    echo $line."\n";
}
?>

Записан

Mitrich

Захожу иногда
289
524 / 13
Все можно. Но сначала учиться, учиться и учиться.

Re: Меню на CSS без модулей

« Ответ #1 : 05.10.2007, 16:42:08 »

Можно на PHP (точнее никак иначе нельзя)
Но вот вопрос зачем?

На выходе получится все тот же модуль
только очень сильно обрезаный

Записан

http://mitrichlab.ru создание сайтов на CMS Joomla!

Часто задаваемые вопросы и ответы по Joomla Все что надо знать о HTML и CSS приличному человеку Как найти и читать error.log Не стучите в личку, огорчусь

ButuzOFF

Захожу иногда
144
22 / 2

Re: Меню на CSS без модулей

« Ответ #2 : 05.10.2007, 16:46:35 »

Не получалось сделать подсветку активного пункта меню в обоих сразу(верхнем и главном

)
Да и не охота ставить сторонние модули меню, хотел сделать универсальный шаблон

« Последнее редактирование: 05.10.2007, 16:51:15 от ButuzOFF »

Записан

ButuzOFF

Захожу иногда
144
22 / 2

Re: Меню на CSS без модулей

« Ответ #3 : 05.10.2007, 18:22:41 »

Протупил блин

,не в ту степь полез
Хакнул майнменю

Код

$menuclass = 'mainlevel'. $params->get( 'class_sfx' );
		if (count( $links )) {
			switch ($style) {
				case 1:
					echo '<ul id="'. $menuclass .'">';
					foreach ($links as $link) {
						echo '<li>' . $link . '</li>';
					}
					echo '</ul>';
					break;

Поменять на это

Код

$menuclass = 'mainlevel'. $params->get( 'class_sfx' );
		if (count( $links )) {
			switch ($style) {
				case 1:
					echo '<ul id="'. $menuclass .'">';
                    foreach ($links as $link) {
                    if (strpos($link,'id="active_menu')){
                        $id = 'id="active_menu'. $params->get( 'class_sfx' ) .'"';
                    }
                    else{
                        $id='';
                    }
                    echo '<li '.$id.'>' . $link . '</li>';
                }
                echo '</ul>';
					break;

Записан

Кликабельность псевдоэлемента в пункте меню Автор vasilii.pupkov	Ответов: 4 Просмотров: 7369	29.12.2021, 23:15:38 от v42bis
Выпадающее меню Автор DrShepard	Ответов: 10 Просмотров: 6257	20.10.2021, 12:36:16 от DrShepard
Как закруглить края выпадающего меню? Автор coliandra	Ответов: 1 Просмотров: 4459	11.12.2020, 21:15:57 от effrit
При прокрутке страницы виджет залезает на меню Автор coliandra	Ответов: 2 Просмотров: 4160	27.11.2020, 11:33:58 от coliandra
Как убрать маркер только из одного пункта меню. Автор kuraev64	Ответов: 2 Просмотров: 4068	20.07.2020, 11:18:44 от kuraev64

Меню на CSS без модулей - Вопросы по CSS

Новости Joomla

Process Forge — фреймворк для создания AI-процессов.

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

ButuzOFF

Меню на CSS без модулей

Mitrich

Re: Меню на CSS без модулей

ButuzOFF

Re: Меню на CSS без модулей

ButuzOFF

Re: Меню на CSS без модулей

Похожие темы