Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Смена цвета фона и цвета шрифта

Сообщения:  [1-10]   [11-18] 

 
 автор: P@Sol   (02.03.2006 в 14:53)   письмо автору
 
   для: 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 из ссылки, то этот пример не работает

   
 
 автор: P@Sol   (01.03.2006 в 16:46)   письмо автору
 
   для: elenaki   (01.03.2006 в 16:17)
 

нет:(

   
 
 автор: 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'; 

   
 
 автор: P@Sol   (01.03.2006 в 15:57)   письмо автору
 
   для: 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>

не работает:(

   
 
 автор: AlexSol   (01.03.2006 в 15:42)   письмо автору
 
   для: P@Sol   (01.03.2006 в 15:32)
 

типа цикла:

for(i=0;i<=2;i++){
eval('link+i).style.color='000';
}

   
 
 автор: P@Sol   (01.03.2006 в 15:32)   письмо автору
 
   для: elenaki   (01.03.2006 в 13:50)
 

.

   
 
 автор: elenaki   (01.03.2006 в 13:50)   письмо автору
 
   для: P@Sol   (01.03.2006 в 13:30)
 

link1 - это имя ссылки должно строиться динамически, если у вас несколько пунктов меню, то должно быть: link1, link2, ... и т.д.
вы даете JS несколько элементов с одним id, он не знает, где ему менять свойства.

   
 
 автор: P@Sol   (01.03.2006 в 13:30)   письмо автору
 
   для: 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   (01.03.2006 в 12:36)   письмо автору
 
   для: 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>О&nbsp;КОМПАНИИ</div></td> // и все:)


как только убираю onmouse, то навигация выводиться полностью

Добавлено: Это все из-за двойных кавычек....если их не экранировать, меню вообще не выводится, если экраноировать, то только активный пункт....придеться их как то убрать...я пробовал - у меня не получилось:(

   
 
 автор: P@Sol   (01.03.2006 в 12:13)   письмо автору
 
   для: 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>


огромное спасибо...я у вас в долгу

   

Сообщения:  [1-10]   [11-18] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования