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

Тема в разделе "Веб-дизайн", создана пользователем Tarasishe, 5 ноя 2010.

Модераторы: zek24
  1. Tarasishe

    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 спрайт ?
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    не видя графику тебе никто не поможет
     
  3. Tarasishe

    Tarasishe

    Регистр.:
    26 апр 2008
    Сообщения:
    190
    Симпатии:
    142
    Сорри, приаттачил, изображения конечно все разные... х.з. возможно ли объеденить

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

    Вложения:

    • img.rar
      Размер файла:
      4,4 КБ
      Просмотров:
      12
  4. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    спрайт покатит только для фиксированных по размеру элементов.
     
  5. terryd

    terryd Писатель

    Регистр.:
    16 май 2010
    Сообщения:
    4
    Симпатии:
    0
    объединить, безусловно, можно
    размеры изображений абсолютно не играют никакой роли
     
  6. Beat

    Beat Писатель

    Регистр.:
    31 окт 2006
    Сообщения:
    5
    Симпатии:
    0
    есть полно онлайн утилит которые могут тебе помочь:


    Перейти по ссылке. Довольно минималистичный дизайн, есть возможность загружать несколько исходных файлов.
    Перейти по ссылке. Есть возможность загружать несколько файлов, очень милый дизайн, но, в целом, настроек мало.
    Перейти по ссылке. Много настроек, позволяет гибко генерить и сам CSS-фрагмент, но все картинки нужно загружать одним архивом.
     
  7. arman29

    arman29 Генератор идей

    Moderator
    • Супермодератор
    Регистр.:
    30 июн 2008
    Сообщения:
    1.235
    Симпатии:
    662
    Спросить можно, как там справились?
     
  8. реалти

    реалти

    Регистр.:
    30 янв 2009
    Сообщения:
    364
    Симпатии:
    67
    Народ, ну не спец я в этом деле, намучился с сервисом http://ru.spritegen.website-performance.org/, так ничего и не вышло.
    Может поможите, надо иконки профайлов соц.сервисов объединить в спрайт http://slugba.com
    Спасибо.
     
  9. реалти

    реалти

    Регистр.:
    30 янв 2009
    Сообщения:
    364
    Симпатии:
    67
    Добавил архив с иконками
     

    Вложения:

    • Soc.zip
      Размер файла:
      18,9 КБ
      Просмотров:
      1
  10. реалти

    реалти

    Регистр.:
    30 янв 2009
    Сообщения:
    364
    Симпатии:
    67
    И готовое изображение
     

    Вложения: