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

Discussion in 'Phoca Gallery' started by Ragnos, May 2, 2012.

  1. Offline

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

    Joined:
    Oct 15, 2011
    Messages:
    13
    Likes Received:
    0
    Gender:
    Male
    Подскажите кто нибуть, как сделать иконки (превьюшки изображений) прямоугольными

    [​IMG]

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

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

    Joined:
    Apr 14, 2012
    Messages:
    38
    Likes Received:
    3
    Gender:
    Male
    Можно сделать блочной моделью задав фиксированную высоту и ширину и задать заливку в качестве фотографии.
    Примерно так:

    Код (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>
     
    Last edited: May 16, 2012
    Airis likes this.

Share This Page

Loading...