изменение цвета ячеек

[*maloy*]

доброго времени суток.
не получается у меня сделать следующее. при навидении на строку что бы менялся цвет у всей строки (как в prosilver).
меняется только в одной из ячеек, на которую навожу... подскажите как надо сделать
спасибо

[Палыч]

*maloy*
Цвет сроки (то есть текста) ии фона?
Вот пример описания класса css стандартного верхнего меню

Код: Выделить всё

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

a.mainmenu:hover - при наведении курсора мыши

[*maloy*]

Палыч
не совсем то. мне надо изменять bgcolor для форумов и топиков. т.е. навёл на тему, вся строка изменила свой бэкграунд колор. ну в опщем как это сделано в prosilver стиле. надеюсь понятно.
спасибо за быстрый ответ

[Палыч]

надеюсь понятно.

Понятно. Это вы не хотите понять.
Я вам дал способ, как решить.
Например,

Код: Выделить всё

td.row1   { background-color: {T_TR_COLOR1}; }

Это ячейки наименования форума и темы.
Если вы добавите

Код: Выделить всё

td.row1:hover   { background-color: #FFFF00; }

то при наведении курсора мыши фон станет жёлтым.
Другое дело, что этот же класс используется и в ячейках постов (через один) и ещё кое-где.
Но что мешает добавть собственный класс td.rowmaloy

Код: Выделить всё

td.rowmaloy   { background-color: {T_TR_COLOR1}; }
td.rowmaloy:hover   { background-color: #FFFF00; }

и в шаблонах (viewtopic_body.tpl для тем и index_body.tpl для форумов) заменить

Код: Выделить всё

     <td class="row1" width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
      {topicrow.GOTO_PAGE}</span></td>

на

Код: Выделить всё

     <td class="rowmaloy" width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
      {topicrow.GOTO_PAGE}</span></td>

[*maloy*]

Палыч
это я сделал уже. и свой класс добавил. но при вашем варианте делается именно то что я описал в первом посте. т.е. изменяет цвет только одной ячейки, там где название топика написано. мне же надо что бы цвет одновременно изменялся по всей строке, т.е. там где картинка, название топика, топикстартер, просмотров, последний ответ. т.е. весь блок <tr></tr>. делать это по аналогии с <td class...> пробовал, но ведать толи криво толи так нельзя
спасибо за участие и помощь

[Палыч]

*maloy*
Можно ссылку на форум (можно в ЛС)?

[*maloy*]

к сожалению нет. с хостом проблемы, форум на локалхосте.
ну...если не тяжело гляньте стиль prosilver на рзрbb3 и попробуйте сделать то что мне говорите. и увидите разницу
ещё раз большое спасибо за помощь.

[Палыч]

*maloy*
Я уже понял. Мне бы скрин индекса и вьюфорума, чтобы понять, насколько у вас отличаются бэкграунды в стобцах темы, сообщения, последнее сообщение (ответы, автор, просмотры)
Или у вас стандартный subSilver?
Потому что придёться их делать одним цветом (как в просильвере) иначе вообще такой огород городить.....

Добавлено спустя 3 часа 14 минут 14 секунд:

Будем считать, что у вас стандартный subSilver.
Тогда (выделение жёлтым)

Код: Выделить всё

tr.row2   { background-color: {T_TR_COLOR2}; }
tr.row2:hover   { background-color: #ffff00; }

для файла css

Код: Выделить всё

tr.row2   { background-color: #DEE3E7; }
tr.row2:hover   { background-color: #FFFF00; }

и в viewforum_bode.tpl

Код: Выделить всё

   <!-- BEGIN topicrow -->
   <tr class="row2">
     <td align="center" valign="middle" width="20"><img src="{topicrow.TOPIC_FOLDER_IMG}" width="19" height="18" alt="{topicrow.L_TOPIC_FOLDER_ALT}" title="{topicrow.L_TOPIC_FOLDER_ALT}" /></td>
     <td width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
      {topicrow.GOTO_PAGE}</span></td>
     <td align="center" valign="middle"><span class="postdetails">{topicrow.REPLIES}</span></td>
     <td align="center" valign="middle"><span class="name">{topicrow.TOPIC_AUTHOR}</span></td>
     <td align="center" valign="middle"><span class="postdetails">{topicrow.VIEWS}</span></td>
     <td align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topicrow.LAST_POST_TIME}<br />{topicrow.LAST_POST_AUTHOR} {topicrow.LAST_POST_IMG}</span></td>
   </tr>
   <!-- END topicrow -->


в файле index_body.tpl

Код: Выделить всё

  <!-- BEGIN forumrow -->
  <tr class="row2">
   <td align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
   <td width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
   <td align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
   <td align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
   <td align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->

[*maloy*]

Палыч
разобрался, спасибо большое, моя ошибка была в том что в

Код: Выделить всё

<td class="row2" align="center" valign="middle">

не убирал класс для каждой яцейки.
ещё раз спасибо

[belfegor]

Палыч, а если такой шаблон, как тут быть? Если вставлять по ячейкам тогда не изменяется вся строка, а если в строку, тогда теряються краски ячеек...

[Палыч]

belfegor
Или ехать, или шашечки...

Вы же хотели как в prosilver'е, а там строка одного цвета...

[belfegor]

Увы, меня интересовала полностью строка, но всё равно спасибо за подсказку!

[Палыч]

belfegor
То есть вы хотите так, как на скрине, но при наведении мыши - инверсия (изменение фона)?
Прикрепите ваш overall_header.tpl и *.css из вашего стиля (в полной форме ответа).

[RedNaxi]

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

Добавлено спустя 1 минуту 33 секунды:

Я делал ява скриптом а не цссом.

[xvoid]

tr.row2:hover { background-color: #FFFF00; } работает тока в опере, а на осле нереагирует никак, это хроническое или как ?