Изменение размера иконок

Тема в разделе "Phoca Gallery", создана пользователем Ragnos, 02.05.2012.

  1. Offline

    Ragnos Недавно здесь

    Регистрация:
    15.10.2011
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите кто нибуть, как сделать иконки (превьюшки изображений) прямоугольными

    [​IMG]

    вот эти надо сделать прямоугольными, в настройках только изменить можно большое изображение, а менять параметры размера превьюшек нету.
     
  2.  
  3. Offline

    Jasperio Недавно здесь

    Регистрация:
    14.04.2012
    Сообщения:
    38
    Симпатии:
    3
    Пол:
    Мужской
    Можно сделать блочной моделью задав фиксированную высоту и ширину и задать заливку в качестве фотографии.
    Примерно так:

    Код (PHP):
    1. <style type="text/css">
    2. .photo
    3. {
    4.     width : 100px; /* ширина */
    5.     height: 100px; /* высота */
    6.     background-repeat:no-repeat; /* заливка применяется один раз по оси X и Y */
    7.     background-position: center center; /* позиционирование фотографии, на случай если фото меньше,
    8.     чем 100x100 пкс, она будет отображаться в центре */
    9. }
    10. </style>
    11.  
    12. <a href="ссылка">
    13.     <div class="photo" style="background-image:url(путь_к_фото)"> </div>
    14. </a>
     
    Последнее редактирование: 16.05.2012
    Airis нравится это.

Поделиться этой страницей

Загрузка...