Как растянуть сайт по ширине окна браузера?

Discussion in 'Изменение шаблона (кастомизация)' started by piter_piter, Feb 28, 2013.

  1. Offline

    piter_piter Пользователь

    Joined:
    Jan 20, 2012
    Messages:
    76
    Likes Received:
    0
    Gender:
    Male
    Подскажите как растянуть поле с контентом под всю ширину окна браузера и сделать прозрачным?
    В шаблоне сделано так, что весь контент помещён в поле, ограниченное по размерам. Получается, что по слева и справа- виден фон сайта.
    Как растянуть поле контента на всю ширину?
    Вот ссылка на шаблон: http://demo.joomla-monster.com/187-dj-real-estate02

    Спасибо.
     
    Last edited: Feb 28, 2013
    piter_piter, Feb 28, 2013
    #1

  2. Ads Master

     
  3. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Править верстку.

    Не идеальный, но вариант:
    Код (PHP):
    1. #jm-top-bar-in, #jm-header-in, #jm-midpage-in, #jm-bottompage-in, #jm-footer-in


    TVCfL6c.jpg 0hufuPi.jpg
     
    CB9T, Feb 28, 2013
    #2
    piter_piter likes this.
  4. Offline

    piter_piter Пользователь

    Joined:
    Jan 20, 2012
    Messages:
    76
    Likes Received:
    0
    Gender:
    Male
    Спасибо!
    А почему не идеальный вариант?
     
    piter_piter, Feb 28, 2013
    #3
  5. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    ну вот у меня FullHD 1920x1080 - ужасно не удобно, если на всю ширину + шрифт будет мелковат. Адаптивная верстка более подходит.
     
    CB9T, Feb 28, 2013
    #4
  6. Offline

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

    Joined:
    Mar 25, 2013
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    надеюсь и мне поможете с моим вопросом по резиновой верстке..
    тянется все, кроме header'a...
    вроде бы все перепробывал.. и вроде бы везде 100% стоит..
    шаблон S5_Construction на версии 2.5

    За ранее благодарен))))))
     
    Last edited: Mar 25, 2013
    Alient, Mar 25, 2013
    #5
  7. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    лучше ссылку на Ваш сайт, я же не знаю, что Вы правили.
     
    CB9T, Mar 25, 2013
    #6
  8. Offline

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

    Joined:
    Mar 25, 2013
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    вот ссылочка http://zic.vv.si/
    надеюсь поможете в моем не легком деле)))
     
    Alient, Mar 26, 2013
    #7
  9. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Код (PHP):
    1. #s5_conwrap {background-repeat: repeat-x;}


    у Вас изображение малое, поэтому так. Пример:

    0_7cf40_40773e66_orig.jpg
     
    CB9T, Mar 26, 2013
    #8
  10. Offline

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

    Joined:
    Mar 25, 2013
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    так мне ж нельзя repeat прописывать потому что фон карявыцй получается...
    а если увеличить картинку,то она же и по высоте изменится... правельно ж??
    или это единственный способ???((((
     
    Alient, Mar 26, 2013
    #9
  11. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    способов море, но для Вас самым простым будет тогда:
    Код (PHP):
    1. background-size: 100% auto;


    0_7cf55_5999317f_orig.jpg

    А правильней делать на 3 дивах. по центру див растягивается просто с повторением.
     
    CB9T, Mar 26, 2013
    #10
  12. Offline

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

    Joined:
    Mar 25, 2013
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    мне вариант с background-size не подходит. потому что при уменьшении или увеличении масштаба вся страница двигается, а фон остается не изменным.. мне же нужно,чтоб структура не изменялась..(((
    просто html+css то это понятно как делать. а тут сайт на платформе, поэтому и вышла загвоздка..
    есть какие то более подходящие способы??
    если есть и вы подскаже, буду очень благодарен)))
     
    Alient, Mar 27, 2013
    #11
  13. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Вариант на 3 дивах, режется картинка на части и повторяется по центру.

    Код (PHP):
    1. div id="header">
    2. <div id="leftst"> левая часть </div>
    3. <div id="content"> повтор-x </div>
    4. <div id="right"> правая часть </div> </div>
     
    CB9T, Mar 27, 2013
    #12
  14. Offline

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

    Joined:
    Mar 25, 2013
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    ваш вариант не помог, но спасибо за помощь.. уже разобрался..)))
     
    Alient, Mar 28, 2013
    #13
  15. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    напишите решение, для будущего поколения.
     
    CB9T, Mar 29, 2013
    #14
< Как уменьшить шрифт в шаблоне | не могу в Джумле 3.0 добавить html счётчик Liveinternet >

Share This Page

Loading...