Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 1278 3 темы, 133 сообщения, 6 баллов репутации

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 693 0 тем, 77 сообщений, 6 баллов репутации

  • Фотография FIvYUr
    #3

    FIvYUr (catblogger.ru)
    Очков активности: 198 0 тем, 44 сообщения, 3 балла репутации

  • Фотография agrx
    #4

    agrx (key-assort.ru)
    Очков активности: 103.5 0 тем, 23 сообщения, 3 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 99 0 тем, 22 сообщения, 3 балла репутации

  • Фотография fedornabilkin
    #6

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 60 0 тем, 20 сообщений, 2 балла репутации

  • Фотография re-search
    #7

    re-search
    Очков активности: 51 7 тем, 13 сообщений, 1 балл репутации

  • Фотография BLIK
    #8

    BLIK
    Очков активности: 49.5 Вне конкурса за определение пользователя месяца

  • Фотография Artos
    #9

    Artos
    Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

  • Фотография Андрей WPMasterKZ
    #10

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 39 0 тем, 26 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.06.2019
  • Яндекс выдача: 24.06.2019
Топ 5 участников по репутации


Помогите настроить СSS файл

#1 Trueline

Trueline
  • Неактивные
  • 1 сообщений
  • Репутация: 0
0

Отправлено 24 Апрель 2017 - 20:48

Друзья, всем привет! Появилась задумка для оформления разных разделов меню. Но я сильно путаюсь в CSS коде. На картинке я постарался изобразить результат задуманного. Помогите пожалуйста.

1e090d8c56d2a74a4c0a91672def74c3.jpg

Вот кусок HTML
<div class="razdel">
<span>НАЗВАНИЕ РАЗДЕЛА</span>
<ul>
<li><a href="#">Раздел 1</a><li>
<li><a href="#">Раздел 2</a><li>
<li><a href="#">Раздел 3</a><li>
<li><a href="#">Раздел 4</a><li>
</ul>
<div>

Прикрепленные изображения

  • пример.jpg

 

 

  • 0

#2 fedornabilkin

fedornabilkin
  • Модератор
  • 1 174 сообщений
  • Репутация: 199

Отправлено 25 Апрель 2017 - 16:06

Пунктам меню задать бэкграунд из картинки с прозрачностью 80% (достаточно сделать 1х1 пиксель).

При наведении на пункт меню (li:hover) задать бэкграунд обычным цветом, чтобы не был прозрачным.

li{background: url(/img/menu-opacity.png)}
li:hover{background: black;}

  • 2

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.





Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru