Категории

    Новости

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Изменение фона в шаблоне Joomla

Опубликовано: 24.01.2018

видео Изменение фона в шаблоне Joomla

Joomla 3.0 Меняем стиль меню (Часть 3)

6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет.

Поехали:

Я заключил меню в блочный элемент levoe-menu:


Изменение фона в шаблоне Joomla

Таким макаром, Joomla генерирует последующий код:

Применим к этому меню последующие css правила:

.levoe-menu { position: absolute; float: left; border: 0px dashed; width: 255px; margin-top: 0px; text-align: left; line-height: 1.5; /* Увеличиваем расстояние меж строчками меню */ font-family: verdana; font-size: 16px; }   .menuleft li { list-style-type: none; /* Убираем маркеры перечня */ }   .menuleft li a /* Стиль родительского меню */ { color: #000; display: block; background-image: url(../images/strelka-right.png); /* подкладываем фон со стрелкой на право */ background-repeat: no-repeat; background-position: left; padding-left: 15px; /* делаем отступ слева */ position: relative; left: -10px; /* делаем смещение на лево для места для стрелки */ text-decoration: none; }   ul li.active.parent a /* Стиль активного родительского меню */ { color: #0063FF; background-image: url(../images/strelka-down.png); /* подкладываем фон со стрелкой вниз */ background-repeat: no-repeat; background-position: left; }   #left ul li a /* Стиль подменю */ { background-image: url(../images/none); /* Убираем стрелки */ color: #0099FF; position: relative; left: -45px; /* Двигаем подменю на лево на необходимое расстояние */ }   #left ul /* Делаем отступ подменю снизу */ { padding-bottom: 20px; }

В конечном итоге получаем требуемый вариант. На момент написания статьи рабочий вариант находился по адресу: http://td-e.ru/chimiya.html Можно, естественно, еще выделить активное подменю, но в ТЗ этого не было, так что опустим ;)

 

rss