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


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

    Ixman (o5cat.ru)
    Очков активности: 243 Вне конкурса за определение пользователя месяца

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

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 153 Вне конкурса за определение пользователя месяца

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

    BLIK
    Очков активности: 132 0 тем, 22 сообщения, 4 балла репутации

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

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

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

    Mandarin
    Очков активности: 60 0 тем, 40 сообщений, 1 балл репутации

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

    Cheaplinks (cheaplinks.pro)
    Очков активности: 57 0 тем, 19 сообщений, 2 балла репутации

  • Фотография TimurR
    #7

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

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

    Ilya74
    Очков активности: 48 0 тем, 16 сообщений, 2 балла репутации

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

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

  • Фотография ShowPrint
    #10

    ShowPrint (ShowPrint.ru)
    Очков активности: 36 Вне конкурса за определение пользователя месяца

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


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

#1 Trueline

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

Отправлено 24 April 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
  • Модератор
  • 1133 сообщений
  • Репутация: 193

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

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

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

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

  • 2

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





Похожие темы

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

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