Выборочное разукрашивание фона через CSS

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Fanamura, 26.08.2007.

  1. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Хотел бы реализовать данную фишку в модуле последних новостей. Как это работает: через один заголовок меняется фон. Т.е.

    ---------------
    разукрашено
    --------------
    нет
    --------------
    разукрашено
    -------------
    нет

    и т.д. :)
    Как это сделать?
     

    Вложения:

    • 14.gif
      14.gif
      Размер файла:
      3.1 КБ
      Просмотров:
      12
  2.  
  3. Offline

    Sunder Модератор

    Регистрация:
    23.04.2007
    Сообщения:
    159
    Симпатии:
    16
    Пол:
    Мужской
    Ответ: Выборочное разукрашивание фона через CSS

    Вот это решение предлагал AllXXX:
    Код (CODE):
    1. var tables = document.getElementsByTagName("table");
    2. for ( var t = 0; t < tables.length; t++ ) {
    3.   var rows = tables[t].getElementsByTagName("tr");
    4.   for ( var i = 1; i < rows.length; i += 2 )
    5.     if ( !/(^|s)odd(s|$)/.test( rows[i].className ) )
    6.       rows[i].className += " odd";
    7. }
    Код (CODE):
    1. $$("table").each(function(table){
    2.   Selector.findChildElements(table, ["tr"])
    3.     .findAll(function(row,i){ return i % 2 == 1; })
    4.     .invoke("addClassName", "odd");
    5. });
    Код (CODE):
    1. $("tr:nth-child(odd)").addClass("odd");
    Может поможет... Есть еще вариант сделать через sectiontableentry, как в стандартном компоненте com_content. Посмотреть, где они формируются и, адаптировать под модуль.
     
  4. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Выборочное разукрашивание фона через CSS

    эх... была бы это таблица : ))))) Нет у меня таблицы, DIV'ы :(
     
  5. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Выборочное разукрашивание фона через CSS

    Вообщем как сделать счетчик сообразили, а как вставить его результат в class ума не приложу
    Код (CODE):
    1. $divstyle выдается счетчиком верно. Проверял обычным echo вне других тегов.
    2. <li class="latestnews<?php echo $moduleclass_sfx; ?>">
    3.         <a href="<?php echo "$link"; ?>" class="latestnews<?php echo $moduleclass_sfx; ?>">
    4.             <div class="<?php echo "$divstyle"; ?>" align="justify"><?php echo $row->title; ?></a><br> <?php if ( $show_date==1 ){ echo $label1.$row->created.$label2; } ?></div>  
    5.     </li>

    в css создал:
    Код (CODE):
    1. 1
    2. {background-color:#0099FF;
    3. margin-top:3px;
    4. padding-top:3px;
    5. color: #999999;
    6. }
    7. 2
    8. {
    9. size:12px;
    10. color: #999999;
    11. }

    что не правильно?
     
    Последнее редактирование: 27.08.2007
  6. chilly_bang
    Offline

    chilly_bang специалист

    Регистрация:
    30.04.2006
    Сообщения:
    1 545
    Симпатии:
    38
    Пол:
    Мужской
    Ответ: Выборочное разукрашивание фона через CSS

    попробуй вот модулёк, может приколешься...
     

    Вложения:

  7. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Выборочное разукрашивание фона через CSS

    Проверил. Класс вообще не работает. т.е.все подставляется корректно, одна css его не цепляет. Что делать? :(
    =
    PS: в настройках модуля префикс присваивать пробовал, не получилось:)
    Топиком выше выложил кусок кода побольше
     

Поделиться этой страницей

Загрузка...