Вопрос Блог в joomla 2.5

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем theexplay, 01.07.2014.

  1. Offline

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

    Регистрация:
    29.06.2014
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте. Пытаюсь изменить внешний вид категории блога. В меню задал суффикс. В css прописал
    Код (css):
    1. .blogcss {
    2. max-width: 823px;
    3. }
    4. .img-intro-left{
    5. min-width:411px;
    6. }

    Этот класс(mg-intro-left) определился при осмотре изображения с помощью firebug img-intro-left. Но изоброжения не уменьшились до нужного размера и не растянулись. Как правильно обращаться к этим изображениям? через .blogcss что то не выходит (



    apsd.jpg
    сайт: explay.wliit-web.ru
     

    Вложения:

    • apsd.jpg
      apsd.jpg
      Размер файла:
      29.3 КБ
      Просмотров:
      0
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 356
    Симпатии:
    370
    Пол:
    Мужской
    Непосредственно к ним и надо обращаться.
    Код (css):
    1. .img-intro-left img {
    2.  min-width:411px;
    3. }
     
  4. Offline

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

    Регистрация:
    29.06.2014
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо, понял и сразу возник еще один вопрос)
    Пытаюсь сделать, чтобы при наведении курсора на изображение, поверх этого изображения появлялась картинка. На сайте при наведении мышки ничего не происходит, но в css через firebug появляются мои значения. Сначала я решил что слой изображения из материала выше слоя иконки при наведении но z-index не помог. После чего я решил проверить, выводится ли вообще эта иконка позади изображения из материала, использовав opacity:0 на изображение из блога. Но при наведении на прозрачную область с картинкой снова ничего не появилось, ни перед, ни за ним. Но в коде снова всё отображается нормально.
    В данный момент изображения в блоге категорий не кликабельны и я думаю что скорее всего надо сначала копать сюда, а потом уже с эффектом hover.
    Код (css):
    1. .img-intro-left img:hover{
    2. background-image: url(magnifier.png);
    3. background-color: rgba(0, 0, 0, 0.1);
    4. background-position: 50% 50%;
    5. background-repeat: no-repeat;
    6. z-index: 300;
    7. }

    Вот что показывает firebug
    2n7gp.jpg
    16xo.jpg
     

    Вложения:

    • 2n7gp.jpg
      2n7gp.jpg
      Размер файла:
      26.6 КБ
      Просмотров:
      0
    • 16xo.jpg
      16xo.jpg
      Размер файла:
      28.3 КБ
      Просмотров:
      0

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

Загрузка...