Форум Сайтостроение Веб-строительство

Как 1 целая картинка делиться "DLE"

12
WebJunior
На сайте с 11.06.2010
Offline
155
WebJunior
#11

Насчет иконок для пунктов меню. Каждому пункту списка присвойте класс -

<li class="main"><a href="/index.php" class="active"><b>Главная</b></a></li>
<li class="films"><a href="/films/"><b>Фильмы</b></a></li>

В стилях -


.bvnav li.main a {
background: #fff url("../images/bvnav_links_main.png") no-repeat 0 -100px;
width: 100%;
}
.bvnav li.main a.active { background: #e6f2f9 url("../bvnav_links_main.png") no-repeat 0 0; }

.bvnav li.main a:hover {
background: #e6f2f9 url("../images/bvnav_links_main.png") no-repeat 0 0;
color: #ea5c24;
}

.bvnav li.films a {
background: #fff url("../images/bvnav_links_films.png") no-repeat 0 -100px;
width: 100%;
}
.bvnav li.films a.active { background: #e6f2f9 url("../bvnav_links_films.png") no-repeat 0 0; }

.bvnav li.films a:hover {
background: #e6f2f9 url("../images/bvnav_links_films.png") no-repeat 0 0;
color: #ea5c24;
}

Исходнуя картинку изменяете нужным образом и кидаете в папку /images/ под уникальным именем (с приставкой в виде названия раздела в транслите, например).

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
CSS Sprites в меню Составление списка файлов в Как по списку ссылок
MH
На сайте с 22.06.2012
Offline
22
mister-homyk
#12

Всё пополочкам расписали, объяснили Спасибо ))) Пойду экспериментировать)))

Везде где есть человек, есть возможность для добра...
MH
На сайте с 22.06.2012
Offline
22
mister-homyk
#13

сам накосячил)только увидел извините)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий