Joomla 1.5 Как добавить отступ сверху, в начале страницы для фоновой картинки

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем CrazyBrave, 17.10.2011.

  1. Offline

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

    Регистрация:
    14.10.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Интересует вопрос, как добавить отступ сверху(приблизительно на пять сантиметров), чтобы можно было добавить фоновую картинку, которая не будет закрываться контентом.
    Т.е. сначала картинка, а уже ниже начинается сайт. Так в основном делают на сайтах для фильмов/сериалов.
    Могу кинуть ссылку(в качестве примера)
    Буду очень признателен за помощь!:)
     
  2.  
  3. Offline

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

    Регистрация:
    13.03.2010
    Сообщения:
    452
    Симпатии:
    18
    Пол:
    Женский
    То, что вы описываете называется шапкой сайта. Делайте её сразу сверху, а не отступ и потом картинка.
     
    CrazyBrave нравится это.
  4. Offline

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

    Регистрация:
    14.10.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Насколько я понимаю, то если делать в шапке сайта картинку, то она будет ограничена в размере. А чтобы изменить размер, нужно залазить в сss и там что-то менять, а я в этом не особо разбираюсь..
    Вот пример того, как я хотел бы сделать.(не сочтите за рекламу)
    http://www.lostfilm.tv/
     
  5. Offline

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

    Регистрация:
    13.03.2010
    Сообщения:
    452
    Симпатии:
    18
    Пол:
    Женский
    Ну, если делать так, как по вашей ссылке, то можно просто сделать такой фон. Например, делаете в графическом редакторе фон и сверху накладываете нужную вам картинку в нужном месте и все это загружаете, как background. В css делаете отступ сверху от листа top: <нужное значение отступа>px;
     
  6. draff
    Offline

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 043
    Симпатии:
    519
    Пол:
    Мужской
    Это как?И фон будет картинкой?
    А просто указать фон через значение background,и указать картинку,созданную в редакторе.
    CrazyBrave,
    Создай <div><img /></div>,и размещай перед выводом шапки Джумла.
     
  7. Offline

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

    Регистрация:
    14.10.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    draff
    Не могли бы вы на примере показать, что и где записывать. Как уже говорил, не особо разбираюсь в этом.
    Открыл css одного из стилей шаблона, там нашел несколько значений top и менял их методом тыка:D но в результате ничего не менялось..страница в низ не опускалась.
    Я уже менял картинку background, вот как сайт выглядит сейчас bravesound.tv
    Я решил сделать картинку сверху, так как у многих небольшие экраны и если делать картинку по бокам то у половины ее не видно.
    Airis если несложно, не могли бы вы на примере какого нибудь кода, показать где именно нужно изменить значени top
    Спасибо вам оргомное, что решили помочь.:)
     
  8. Offline

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

    Регистрация:
    13.03.2010
    Сообщения:
    452
    Симпатии:
    18
    Пол:
    Женский
    У меня такой отступ реализован в коде:
    .sheet
    {
    top: 10px !important;
    margin-bottom: 10px !important;
    cursor:auto;
    width: 94%;
    }

    sheet - эта страница которую я опуская вниз на 10px
     
  9. Offline

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

    Регистрация:
    14.10.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    может вопрос и глупый, но все же-где нужно прописать этот код?(открыл все файлы css шаблона и потерялся в них)
     

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

Загрузка...