Dizent
Недавно я освоил довольно интересный css код он может сэкономить трафик. Почему? Что больше внесет изображение которое разделено или целиком на одной странице но режется?
***
И так рассмотрим изображение под названием 1.png он имеет размеры 124x31, в моём случае каждый элемент имеет размер 30x31... Теперь пихаем в css код[файл] и на html или php страничку код[файл]. Таким образом мы получили 4 изображения.
====
Читаем файлы и смотрим примеры в архиве
Edzes
Dizent, обьясни плиз, ниасилил. Архив вломы с тела качать, всё равно открыть не смогу
18 Фев 2011, 22:13Dizent
dew-net, из реадме/архив:
index.htm-пример
======================
Рассмотрим css код:
.f1_menu {
position: relative;
overflow: hidden;
display: inline-block;
width: 30px;
height: 31px;
background: url(1.png) 0px 0;
}
.f2_menu {
position: relative;
overflow: hidden;
display: inline-block;
width: 30px;
height: 31px;
background: url(1.png) -30px 0;
}
.f3_menu {
position: relative;
overflow: hidden;
display: inline-block;
width: 30px;
height: 31px;
background: url(1.png) -60px 0;
}
.f4_menu {
position: relative;
overflow: hidden;
display: inline-block;
width: 30px;
height: 31px;
background: url(1.png) -90px 0;
}
=========================
background: url(1.png) путь к изображению
background: url(1.png) -90px 0; путь к изображению и отступ
width: 30px; ширина
height: 31px; высота
=========================
Вот таким способом мы настроем место и расположение нужной картинки в px
=========================
На страницу html или php
<span class="f1_menu"></span>
<span class="f2_menu"></span>
<span class="f3_menu"></span>
<span class="f4_menu"></span>
=========================
<span class="f1_menu"></span> это:
.f1_menu {
position: relative;
overflow: hidden;
display: inline-block;
width: 30px;
height: 31px;
background: url(1.png) 0px 0;
}
В CSS
----------------------------------
с вами был dizent, если не понятно пишем в тему
Dizent
dew-net, да наверно. Но я до сих пор не могу научится делать поиск вниз и вырезку а только списком.... Буду учить дальше может дополню код, чтобы можно было смотреть низ и стороны...
18 Фев 2011, 23:31Gilmor
Dizent, обьясни в чем удобство? режем трафик, но захломляем код. я понимаю если бы трафик резался в двое.., а так это не значительно. или я не допонимаю?
19 Фев 2011, 20:59