Помогите объеденить изображения в CSS спрайт

Tarasishe

Постоялец
Регистрация
26 Апр 2008
Сообщения
190
Реакции
142
Собственно необходимо объедение 6 изображений в одно... и путем описания в CSS показывать нужную часть картинки.

HTML:
#container-all{background:url(bg_heade.png) top repeat-x;padding:0 10px;}
#speedbar{font-size:70%;background:url(icon-hom.png) no-repeat left;color:#616367;padding:0 0 0 20px;}
.menu{max-width:1138px;background:url(menu-l.png) no-repeat left;margin:0 auto;}
.menu ul.r{background:url(menu-r.png) no-repeat right;}
.order-button{display:block;width:63px;height:28px;background:url(ordering.png) top no-repeat;margin:5px 0 0;}
.order-button:hover{background:url(ordering.png) bottom no-repeat;}
.show-tags-homepage-button{float:right;display:block;width:23px;height:19px;background:url(plus.gif) no-repeat;margin:12px 33px 0 0;}

Вот как из этого соорудить CSS спрайт ?
 
не видя графику тебе никто не поможет
 
Сорри, приаттачил, изображения конечно все разные... х.з. возможно ли объеденить

P/s/ в общем гугление мне не помогло, по ходу можно адекватно объеденить похожие по размерам изображения, тут же разные по размерам... хотя может какие приемы есть хитрые...
 

Вложения

  • img.rar
    4,4 KB · Просмотры: 12
спрайт покатит только для фиксированных по размеру элементов.
 
есть полно онлайн утилит которые могут тебе помочь:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся. Довольно минималистичный дизайн, есть возможность загружать несколько исходных файлов.
Для просмотра ссылки Войди или Зарегистрируйся. За пример спасибо Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся. Есть возможность загружать несколько файлов, очень милый дизайн, но, в целом, настроек мало.
Для просмотра ссылки Войди или Зарегистрируйся. Много настроек, позволяет гибко генерить и сам CSS-фрагмент, но все картинки нужно загружать одним архивом.
 
Спросить можно, как там справились?
 
Народ, ну не спец я в этом деле, намучился с сервисом , так ничего и не вышло.
Может поможите, надо иконки профайлов соц.сервисов объединить в спрайт
Спасибо.
 
Добавил архив с иконками
 

Вложения

  • Soc.zip
    18,9 KB · Просмотры: 1
И готовое изображение
 

Вложения

  • csg-4df891080d4a4.png
    csg-4df891080d4a4.png
    5,2 KB · Просмотры: 6
Назад
Сверху