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

Discussion in 'Изменение шаблона (кастомизация)' started by CrazyBrave, Oct 17, 2011.

  1. Offline

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

    Joined:
    Oct 14, 2011
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    Интересует вопрос, как добавить отступ сверху(приблизительно на пять сантиметров), чтобы можно было добавить фоновую картинку, которая не будет закрываться контентом.
    Т.е. сначала картинка, а уже ниже начинается сайт. Так в основном делают на сайтах для фильмов/сериалов.
    Могу кинуть ссылку(в качестве примера)
    Буду очень признателен за помощь!:)
     
  2.  
  3. Offline

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

    Joined:
    Mar 13, 2010
    Messages:
    452
    Likes Received:
    18
    Gender:
    Female
    То, что вы описываете называется шапкой сайта. Делайте её сразу сверху, а не отступ и потом картинка.
     
    CrazyBrave likes this.
  4. Offline

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

    Joined:
    Oct 14, 2011
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    Насколько я понимаю, то если делать в шапке сайта картинку, то она будет ограничена в размере. А чтобы изменить размер, нужно залазить в сss и там что-то менять, а я в этом не особо разбираюсь..
    Вот пример того, как я хотел бы сделать.(не сочтите за рекламу)
    http://www.lostfilm.tv/
     
  5. Offline

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

    Joined:
    Mar 13, 2010
    Messages:
    452
    Likes Received:
    18
    Gender:
    Female
    Ну, если делать так, как по вашей ссылке, то можно просто сделать такой фон. Например, делаете в графическом редакторе фон и сверху накладываете нужную вам картинку в нужном месте и все это загружаете, как background. В css делаете отступ сверху от листа top: <нужное значение отступа>px;
     
  6. OlegK
    Offline

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

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Это как?И фон будет картинкой?
    А просто указать фон через значение background,и указать картинку,созданную в редакторе.
    CrazyBrave,
    Создай <div><img /></div>,и размещай перед выводом шапки Джумла.
     
  7. Offline

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

    Joined:
    Oct 14, 2011
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    draff
    Не могли бы вы на примере показать, что и где записывать. Как уже говорил, не особо разбираюсь в этом.
    Открыл css одного из стилей шаблона, там нашел несколько значений top и менял их методом тыка:D но в результате ничего не менялось..страница в низ не опускалась.
    Я уже менял картинку background, вот как сайт выглядит сейчас bravesound.tv
    Я решил сделать картинку сверху, так как у многих небольшие экраны и если делать картинку по бокам то у половины ее не видно.
    Airis если несложно, не могли бы вы на примере какого нибудь кода, показать где именно нужно изменить значени top
    Спасибо вам оргомное, что решили помочь.:)
     
  8. Offline

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

    Joined:
    Mar 13, 2010
    Messages:
    452
    Likes Received:
    18
    Gender:
    Female
    У меня такой отступ реализован в коде:
    .sheet
    {
    top: 10px !important;
    margin-bottom: 10px !important;
    cursor:auto;
    width: 94%;
    }

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

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

    Joined:
    Oct 14, 2011
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    может вопрос и глупый, но все же-где нужно прописать этот код?(открыл все файлы css шаблона и потерялся в них)
     

Share This Page

Loading...