[Решено] Разноцветные "стикеры" категорий в шаблоне JB-Moments

Тема в разделе "Joomla", создана пользователем CrazYViruS, 19 мар 2014.

Статус темы:
Закрыта.
  1. CrazYViruS

    CrazYViruS

    Регистрация:
    30 май 2013
    Сообщения:
    133
    Симпатии:
    79
    Всем доброго времени, возник вопросик по поводу реализации такой фичи как разноцветные стикеры для каждой категории...
    Проще приложу скрин этого шаблона с обведенными местами что надо поменять ...
    [​IMG]

    Вот код отвечающий за эти стикеры.
    PHP:
                    <?php if ($params->get('show_category')) : ?>
                    <dd class="category-name">
                        <?php     $title $this->escape($this->item->category_title);
                        
    $url '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug)).'">'.$title.'</a>';?>
                        <?php if ($params->get('link_category') and $this->item->catslug) : ?>
                            <?php echo JText::sprintf($url); ?>
                        <?php else : ?>
                        <?php echo JText::sprintf($title); ?>
                    <?php endif; ?>
                    </dd>
                    <?php endif; ?>
    CSS
    Код:
    .category-name a {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    padding: 4px 10px;
    background: #CC982A;
    border-right: 2px solid #a27821;
    text-transform: uppercase;
    font-size: 90%;
    -webkit-transition: background 0.1s ease-in;
    -moz-transition: background 0.1s ease-in;
    -o-transition: background 0.1s ease-in;
    transition: background 0.1s ease-in;
    color: #fff;
    Вообщем надо както создать индивидуальные стили для каждого айди категории но как ... помогите пожалуйста
     
  2. gatsby

    gatsby

    Регистрация:
    27 дек 2012
    Сообщения:
    142
    Симпатии:
    75
    Индивидуальные - это какие? Разные цвета у бэкграунда?

    Добавьте, например, к классу категории ее ID и меняйте с помощью css нужные стили.

    Код:
    <dd class="category-name" id="<?php echo $this->item->catid; ?>">
    Вроде так, но у меня нет возможности проверить.
     
    CrazYViruS нравится это.
  3. CrazYViruS

    CrazYViruS

    Регистрация:
    30 май 2013
    Сообщения:
    133
    Симпатии:
    79
    а CSS как будет выглядеть ?
     
  4. gatsby

    gatsby

    Регистрация:
    27 дек 2012
    Сообщения:
    142
    Симпатии:
    75
    Даже лучше добавить не просто ID категории отдельно, а добавить ее к классу:
    Код:
    <dd class="category-name-<?php echo $this->item->catid; ?>">
    Ну а дальше добавлять только
    Код:
    .category-name-ID a {
    /*Ваши стили*/
    }
    где ID - номер категории.
     
    Последнее редактирование: 21 мар 2014
    CrazYViruS нравится это.
Статус темы:
Закрыта.