Joomla 1.0 Как рисовать дизайн, чтобы сверстать потом резиновый сайт?

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем mihail123, 15.09.2009.

  1. Offline

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

    Регистрация:
    30.11.2008
    Сообщения:
    7
    Симпатии:
    0
    Сейчас рисуется дизайн, и встал вопрос какой должен быть дизайн, чтобы сайт на джумле был резиновым?
    Есть какие-то рекомендации?

    И еще делаем background, можно ли его сделать резиновым и как?
    Спасибо.
     
  2.  
  3. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    19
    Симпатии:
    0
    Пол:
    Женский
    при помощи css замечательно выходит. Здесь http://joomla-support.ru/showthread.php?p=66499#post66499 выложен чистый файл стилей для 1.5 c комментариями, задаешь основную область в % , лево-право можно тоже в %, в em или px
     
  4. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    19
    Симпатии:
    0
    Пол:
    Женский
    смотря что за background
     
  5. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Интересно а что можно сделать резиновый?
     
  6. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Ну это например на форуме ровный зеленый цвет на заднем фоне, можно сделать градиент сверху вниз, и ширину 1 пиксель, а шаблон будет его растягивать на всю ширину экрана
     
  7. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    А каким образом?
     
  8. koreeckz
    Offline

    koreeckz специалист

    Регистрация:
    03.03.2009
    Сообщения:
    422
    Симпатии:
    30
    Пол:
    Мужской
    stranik, в background после урл и положения (url(путь до картинки)top center, к примеру) прописываем repeat-y или repeat-x в зависимости от того как повторяется картинка по вертикали или по горизонтали.
     
  9. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Это мне известно, но repeat - это повторять. И действует это методом повторения. А мне интересно утверждение "растягивает", по мойму это несколько другое.
     
  10. koreeckz
    Offline

    koreeckz специалист

    Регистрация:
    03.03.2009
    Сообщения:
    422
    Симпатии:
    30
    Пол:
    Мужской
    stranik, это не несколько другое, сам представь, у тебя есть картинка скажем размером 900 пикселей на 200, представляешь что будет если она будет просто растягиваться на разрешение 1400 допустим. Как вариант используется набор из 3х картинок, левая (установленной ширины), правая (установленной ширины) и центр (через повтор), который при повторении картинки может с легкостью связываться и с левой и с правой стороной. То есть картинка может или быть просто одной с установленной шириной или повторяться, есть еще один вариант чаще всего применяется в модулях, делается картинка шириной под модуль и высотой скажем 2000 пикселей и присоединяется к шапке модуля (module_content_top к примеру). То есть по мере увеличения высоты модуля нижняя картинка не растягивается и берет высоту за счет тех самых 2000 пикселей. Других вариантов нет и быть не может, если конечно фон идет не одного тона без градиента и рисунков.
     
  11. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    koreeckz Я это прекрасно знаю. Проблема в том colors пытался утверждать обратное. Мой вопрос был адресован именно ему, может он знает какие-то неведомые миру методы. А прочитает это юзер незнающий и начнёт всех донимать вопросом "Как сделать резиновый фон?", лишь потому что определение было изначально не верно. Всё таки этот форум призван развивать а не путать.
     
  12. koreeckz
    Offline

    koreeckz специалист

    Регистрация:
    03.03.2009
    Сообщения:
    422
    Симпатии:
    30
    Пол:
    Мужской
    stranik, ну на форуме часто встречаются заблуждения, особенно от новых людей ) В спорах рождается истина как известно. Хотя ИМХО иногда приятнее самому дойти до ответа, чем ждать пока тебе скажут на форуме - учи ксс, учи пхп или рано тебе еще создавать сайты )
     
  13. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    19
    Симпатии:
    0
    Пол:
    Женский
    Можно. Возможно у нас с Вами разное понимание понятия резиновый. В моем понимании это создающий заполненную область (в данном случае изображением), в зависимости от размера окна браузера. КАК заполняемую, это уже другой вопрос, технический. Естественно, что повторением картинки, а не растягиванием.
    Я поэтому и отвечаю "смотря что за background", если переходов от картинки к картинке видно не будет, так и пожалуйста..
     
  14. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Можно пойти более сложным путем, как http://www.2advanced.com определить js параметры дисплея и подгрузить нужную картинку фона
     
  15. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Давайте все таки называть вещи своими именами.
    А по поводу "резинового" фона, собственно как и резиновых изображений - в мою бытность верстальщика мне встречались так сказать дизайнеры которые требовали именно резиновое решение фона и изображений, а не repeat. Решить это, как уже сказал Asylum, можно, но сами понимаете все выходящие последствия.
     
  16. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Ну тогда еще пример, именно резины http://www.barviha-club.ru/, правая часть тянется до конца экрана, такое же решение в шапках на остальных страницах сайта
     
  17. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Тот же repeat или просто большое изображение.
    Резиновое изображение - это когда изображение именно тянется, т.е. деформируется в зависимости от размера области где оно находится. Например на маленьком экране оно 50х50рх, а на большом 150х150рх. Такое решается только через js.
     
  18. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Ну дак на главной правая часть картинки и тянется, заместо repeat можно поставить 100%
     

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

Загрузка...