Как вставить картинку в шаблон через div class ???

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Эмилио, Mar 16, 2011.

  1. Offline

    Эмилио Недавно здесь

    Joined:
    Mar 13, 2011
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Прошу помочь! Быть может подобная тема есть, но я не нашел через поиск максимум, что я смог найти - это обсуждение темы: http://joomla-support.ru/showthread.php?t=432
    Вопрос следующий:
    есть класс .show-bm (шаблон rt_infuse_j15), хочу что бы он выводил гифовскую анимашку!
    вот ссыль на сайт: http://kemil87.jino.ru/
    Прошу помочь!
     
    Эмилио, Mar 16, 2011
    #1

  2. Ads Master

     
  3. Offline

    TroL Недавно здесь => Cпециалист <=

    Joined:
    Mar 1, 2011
    Messages:
    501
    Likes Received:
    34
    Gender:
    Male
    идешь в ксс и к .show-bm добавляешь background: url(../images/картинка.gif) no-repeat; если не отображается проверьь ширину и высоту блоак
    ЗЫ на сайт не заходил
     
    TroL, Mar 17, 2011
    #2
  4. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    а что поставить фоновую картинку в div не получается?
     
    OlegK, Mar 17, 2011
    #3
  5. Offline

    Эмилио Недавно здесь

    Joined:
    Mar 13, 2011
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Я только начинаю всем этим заниматься поэтому прошу прощения за мои тупняки!:[
    Однако, делаю следующее: лезу в template.css нахожу show-bm описываю фон картинкой, но ничего не изменяется к тому же этот класс описывается дважды. Пытался создать идентификатор в этом классе и сделать как советует AmmiAk в теме http://joomla-support.ru/showthread.php?t=432, но все так же ничего не получается! помогите, пожалуйста!:'(
     
    Эмилио, Mar 17, 2011
    #4
  6. Offline

    Эмилио Недавно здесь

    Joined:
    Mar 13, 2011
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Это как? подскажите, пожалуйста!:[
     
    Эмилио, Mar 17, 2011
    #5
  7. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    div,это блок с оформлением class="show-bm". Вот в свойствах стиля и прописываешь параметры,а именно фон в виде картинки,путь к которой нужно прописать относительно,если картинка лежит в папке шаблона,а еще лучше через "baseurll".
    и не забудь очистить кеш джумла.
    Код (PHP):
    1. .show-bm {background: url(../images/картинка.gif) no-repeat;}

    п.с.
    если не получится,то пробуй прописать прямо <div style="background: url(../images/картинка.gif) no-repeat" >"
    указав размеры картинки по размеру блока.и проверь чтобы размер картинки соотвествовал размеру блока.
     
    Last edited: Mar 17, 2011
    OlegK, Mar 17, 2011
    #6
  8. Offline

    Эмилио Недавно здесь

    Joined:
    Mar 13, 2011
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    draff, извиняюсь за свои тупняки, но где именно это все менять?
    Это .show-bm {background: url(../images/картинка.gif) no-repeat;} корректировать в template.css , а это <div style="background: url(../images/картинка.gif) no-repeat" > менять в index.php?

    з.ы. делал как вы сказали и менял это все в тех файлах, о которых написал выше картинка не встала!(((
     
    Эмилио, Mar 17, 2011
    #7
  9. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Эмилио,
    на форуме все на Ты.читай правила. ))

    Ага. Попробуй просто убрать картинку,и не забывай про кеш сайта и браузера.
    А что выводит блок с .show-bm?Че то на сайте его не увидел,хотя в коде есть.
     
    Last edited: Mar 17, 2011
    OlegK, Mar 17, 2011
    #8
    Эмилио likes this.
  10. Offline

    Эмилио Недавно здесь

    Joined:
    Mar 13, 2011
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    draff, в коде пишу следующую строку: .show-bm {background: url(/images/chatka.gif) no-repeat 0; border: 1px solid #cccccc; height: 267px; width:979; overflow: visible;}
    на странице выводится только граница, а картинки нет!:( что делать?:'(
    и кстати в template.css класс .show-bm описывается дважды! и первый ему задается значение margin-bottom.
    нифига не выходит!:'(
     
    Last edited: Mar 17, 2011
    Эмилио, Mar 17, 2011
    #9
  11. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    "width:979px;"
     

    Attached Files:

    Last edited: Mar 17, 2011
    OlegK, Mar 17, 2011
    #10
< Валидация кода | Помогите плиз со связкой div+css >

Share This Page

Loading...