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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

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

    WGN (worldgamenews.com)
    Очков активности: 66 Вне конкурса за определение пользователя месяца

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

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

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

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

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

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

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

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

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

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

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

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Помогите сделать CSS спрайт (стр. 2)

#11 fedornabilkin

fedornabilkin
  • Модератор
  • 1122 сообщений
  • Репутация: 183
0

Отправлено 28 August 2013 - 16:43

Тоесть надо еще подумать, стоит ли оно того.

Это точно. Если иконок не много, то не спасет. Но если их достаточное количество, то разница существенная.
  • 0

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



#12 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 29 August 2013 - 10:13

Как-то так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tst</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{
  margin: 0;
  padding: 0;
}
.menu{
  list-style: none;
  width: 340px;
  background: url(24.jpg) repeat-y;
}
.menu li a{
  display: block;
  height: 40px;
  width: 260px;
  padding-left: 40px;
  text-decoration: none;
  font: 15px/40px Verdana, Geneva, "DejaVu Sans", sans-serif;
  color: #ff5d5c;
}
.menu li a:hover{
  color: #000;
  background-color: #ffc;
}
.keks a{
  background: url(icons.png) 4px 0px no-repeat;
}
.kniga a{
  background: url(icons.png) 4px -40px no-repeat;
}
.eda a{
  background: url(icons.png) 4px -80px no-repeat;
}
.chashka a{
  background: url(icons.png) 4px -120px no-repeat;
}
.tort a{
  background: url(icons.png) 4px -160px no-repeat;
}
.file a{
  background: url(icons.png) 4px -200px no-repeat;
}
.pen a{
  background: url(icons.png) 4px -240px no-repeat;
}
</style>
</head>
<body>
<ul class="menu">
  <li class="keks"><a href="http://cooking-book.in.ua">Главная страница</a></li>
  <li class="kniga"><a href="http://cooking-book.in.ua/gb">Книга отзывов</a></li>
  <li class="eda"><a href="http://cooking-book.in.ua/publ">Еда и здоровье</a></li>
  <li class="chashka"><a href="http://cooking-book.in.ua/blog">Рестораны и кафе (отзывы)</a></li>
  <li class="tort"><a href="http://cooking-book.in.ua/dir">Кулинарные обои / открытки</a></li>
  <li class="file"><a href="http://cooking-book.in.ua/load">Кулинарные файлы</a></li>
  <li class="pen"><a href="http://cooking-book.in.ua/index/prishli_recept/0-34">Поделись своим рецептом!</a></li>
</ul>
</body>
</html>
Использованы картинки:
* со спрайтами иконок icons.png (13Кб): Изображение
* и ваша фоновая 24.jpg (24Кб): Изображение
  • 0



Похожие темы

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

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