|
|
|
|
|
для: P@Sol
(28.02.2006 в 21:04)
| | УРА!!!! Распотрашив сайт [url=www.artlebedev.ru]Артемия Лебедева[/url], я добился желаемого результата:)))
в коде странице:
<html>
<head><!-- Copyright (c) Art. Lebedev Studio | http://www.artlebedev.ru/ -->
<link rel="stylesheet" type="text/css" href="lebedev_files/main.css">
<title>Портфолио Студии Лебедева</title>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" alink="#ff0000" bgcolor="#ffffff" link="#0055cc" marginheight="0" marginwidth="0" text="#000000" vlink="#990099">
<table class="branches" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr bgcolor="#555555" valign="top">
<td width="16%"><a href="http://www.artlebedev.ru/news/" class="branches"><img src="lebedev_files/pw.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Новости</noindex></a></td>
<td width="17%"><a href="http://www.artlebedev.ru/tools/" class="branches"><img src="lebedev_files/pw.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Инвентарь</noindex></a></td>
<td bgcolor="#eeeeee" width="17%"><span class="current"><img src="lebedev_files/pd.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Портфолио</noindex></span></td>
<td width="17%"><a href="http://store.artlebedev.ru/" class="branches"><img src="lebedev_files/pw.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Магазин</noindex></a></td>
<td width="16%"><a href="http://www.artlebedev.ru/studio/" class="branches"><img src="lebedev_files/pw.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Компания</noindex></a></td>
<td width="17%"><a href="http://www.artlebedev.ru/kovodstvo/" class="branches"><img src="lebedev_files/pw.gif" alt="" align="top" border="0" height="10" hspace="5" width="10"><noindex>Ководство</noindex></a></td>
</tr>
</tbody>
</table>
</body>
</html>
|
стиль (цвет ссылок уже правлен мной):
table.branches td {font-family: Arial, Sans-Serif; font-size: 90%;}
a.branches {color:#CEBEAD; display: block; padding: 2px; text-decoration: none; font-weight:700;}
a.branches:hover {color:#FFFFFF; display: block; padding: 2px; background-color: #666666}
span.current {display: block; padding: 2px; font-weight: bold;}
|
спс Лебедеву;)
только я пока не понял, почему если убрать img из ссылки, то этот пример не работает | |
|
|
|
|
|
|
|
для: elenaki
(01.03.2006 в 16:17)
| | нет:( | |
|
|
|
|
|
|
|
для: P@Sol
(01.03.2006 в 15:57)
| | A TAK?
$browse_sub[2][unactive] = "<td align=center width=\".intval(100/\$data_count).\"% onmouseover=over(this,%SUB) onmouseout=out(this,%SUB)><a href=%URL class=menu id=link[%SUB]>%NAME</a></td>";
...............
function out(obj,id) {
obj.bgColor='5B0C0C';
document.all.link[id].style.color='CEBEAD';
}
|
| |
|
|
|
|
|
|
|
для: AlexSol
(01.03.2006 в 15:42)
| | сделал так:
$browse_sub[2][unactive] = "<td align=center width=\".intval(100/\$data_count).\"% onmouseover=over(this,%SUB) onmouseout=out(this,%SUB)><a href=%URL class=menu id=link%SUB>%NAME</a></td>";
<script language=\"\">
function over(obj,id) {
obj.bgColor='D1BEA9';
document.all.linkid.style.color='fff'; //еще пробовал document.all.link+id+.style.color
}
function out(obj,id) {
obj.bgColor='5B0C0C';
document.all.linkid.style.color='CEBEAD';
}
</script>
|
не работает:( | |
|
|
|
|
|
|
|
для: P@Sol
(01.03.2006 в 15:32)
| | типа цикла:
for(i=0;i<=2;i++){
eval('link+i).style.color='000';
} | |
|
|
|
|
|
|
|
для: elenaki
(01.03.2006 в 13:50)
| | . | |
|
|
|
|
|
|
|
для: P@Sol
(01.03.2006 в 13:30)
| | link1 - это имя ссылки должно строиться динамически, если у вас несколько пунктов меню, то должно быть: link1, link2, ... и т.д.
вы даете JS несколько элементов с одним id, он не знает, где ему менять свойства. | |
|
|
|
|
|
|
|
для: P@Sol
(01.03.2006 в 12:36)
| | снес все в функции
<script language=\"\">
function over(obj) {
obj.bgColor='red';
document.all.link1.style.color='fff';
}
function out(obj) {
obj.bgColor='gray';
document.all.link1.style.color='000';
}
</script>
|
фон меняется, а цвет шрифта - нет:( | |
|
|
|
|
|
|
|
для: P@Sol
(28.02.2006 в 21:04)
| | ничего не понимаю...в html все работает, но я использую cms, в которую вписываю шаблон, он записывается в бд и выводится с посмощью функции eval. И почему-то пропала вся навигация:(
шаблон
<?
$browse_sub[2][active] = "<td bgcolor=#D1BEA9 width=\".intval(100/\$data_count).\"%><div class=menu>%NAME</div></td>"; //активный пункт меню
$browse_sub[2][unactive] = "<td align=center width=\".intval(100/\$data_count).\"% onmouseout=\"bgColor='gray'; document.all.link1.style.color='000';\" onmouseover=\"bgColor='red'; document.all.link1.style.color='fff';\"><a href=%URL id=link1>%NAME</a></td>"; //не активный пункт
|
код при просмотре страницы:
<?
<td bgcolor=#D1BEA9 width=14%><div class=menu>О КОМПАНИИ</div></td> // и все:)
|
как только убираю onmouse, то навигация выводиться полностью
Добавлено: Это все из-за двойных кавычек....если их не экранировать, меню вообще не выводится, если экраноировать, то только активный пункт....придеться их как то убрать...я пробовал - у меня не получилось:( | |
|
|
|
|
|
|
|
для: elenaki
(01.03.2006 в 10:07)
| | так:)
<td onmouseout="bgColor='gray'; document.all.link1.style.color='000';"
onmouseover="bgColor='red'; document.all.link1.style.color='fff';">TEKST VNE SSYLKI
BUDET V STILE FAKE <a id=link1 href=#>LINK1</a></td>
|
огромное спасибо...я у вас в долгу | |
|
|
|
|