Масштабируемый фон школьного сайта

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by buts94, Sep 15, 2010.

  1. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте!

    Никак не могу справиться с проблемой, создать масштабируемый фон для школьного сайта. Вот собственно сам сайт - http://school7.unn.ru/ , может кто - нибудь помочь?

    Спасибо!
     
    buts94, Sep 15, 2010
    #1

  2. Ads Master

     
  3. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Что значит "масштабируемый фон" и о каком фоне речь?
     
    DKraev, Sep 15, 2010
    #2
  4. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    В общем не масштабируемый, а "резиновый" чтобы изменялся под различные разрешения экрана
     
    buts94, Sep 15, 2010
    #3
  5. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Нужно переделывать CSS практически полностью. Потому что там везде фиксированный width, а нужно выставлять в 100%.
     
    DKraev, Sep 15, 2010
    #4
    buts94 likes this.
  6. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    не могли бы вы помочь в этом?
    это все таки не коммерческий сайт, а школьный, делал и изменял его сам, а с этим возникли проблемы
     
    buts94, Sep 15, 2010
    #5
  7. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Некоммерческих проектов очень много. Всем помочь я не в состоянии. Очень много своей работы. Если бы речь шла о паре изменений - без проблем.

    Вам же нужно переделывать практически 50% верстки.
     
    DKraev, Sep 15, 2010
    #6
  8. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    а возможно ли постепенное изменение таблицы стилей? работы буду осуществлять я, вы сможете давать нужные советы, если не трудно свяжитесь со мной через icq - 440867251 или skype - buts94
     
    buts94, Sep 15, 2010
    #7
  9. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    даже в этом случае может получится долго и проще посидеть пару дней над учебниками CSS, HTML, PHP и почитать о вёрстке шаблонов Joomla и сделать самому
     
    woojin, Sep 16, 2010
    #8
  10. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    почитать все можно, но на это уйдет много времени, а его как такого го нет, нагрузка в школе, был бы рад хотя бы небольшой помощи
     
    buts94, Sep 16, 2010
    #9
  11. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Да и зачем весь код перебирать? нужно только фон сделать резиновым, можно использовать путем добавления счетчика экрана а как это точно оформить я не знаю
     
    buts94, Sep 16, 2010
    #10
  12. Offline

    Варлам Недавно здесь

    Joined:
    Aug 24, 2010
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Ни разу не видел нормального "резинового" шаблона для J. (с фиксацией по ширине, как у яндекса)(у битрикса таких полно).
    Во всех шаблонах текст и модули начинают налезать друг на друга при уменьшении ширины поля браузера.
    Может кто-нибудь даст пример сайта на джумле с шаблоном корректно фиксирующемся по ширине
     
    Варлам, Sep 16, 2010
    #11
  13. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    в стандартной комплектации J есть rhuk_milkyway учись на нём

    а вообще если в место цвета в фоне используется картинка, тогда либо делается катринка полностью однородная либо на фон ставится тег IMG с размерами по вертикали и горизонтали 100%
     
    woojin, Sep 17, 2010
    #12
  14. Offline

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

    Joined:
    Jun 1, 2009
    Messages:
    24
    Likes Received:
    1
    Gender:
    Male
    это примерно так будет выглядить

    <style type="text/css">
    #background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    }

    #content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    }
    </style>

    <body>
    <img src="images/testing.jpg" alt="testing" id="background"/>
    <div id="content">
    <!-- Весь твой сайт-->
    </div>
    </body>
     
    Bardak, Sep 17, 2010
    #13
    buts94 likes this.
  15. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    можно и так сделать, но так то вообще то для бекграунда можно укзать z-index и поменьше, чтобы точно быть уверенным что он совсем сзади, число какое нибудь -100...00 указать можно
     
    woojin, Sep 17, 2010
    #14
  16. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    ок, спасибо, я уже разобрался, вышел из положения так, добавил в css еще одну картинку, а на счет того что резиновый шаблон в j нормально все делается, что сказать про rhuk_milkyway, то это я уже все давно учился) спасибо за инф
     
    buts94, Sep 17, 2010
    #15
  17. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    повторенье - мать учения!!!!!
     
    woojin, Sep 17, 2010
    #16
    buts94 likes this.
  18. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    согласен) повторю основные моменты
     
    buts94, Sep 17, 2010
    #17
  19. Offline

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

    Joined:
    Sep 15, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    спасибо! я делал почти так же только чуть по др, поэтому не получ
     
    buts94, Sep 17, 2010
    #18
< Как можно исключить всё и сделать только верхнее меню белого цвета | CSS в xmap >

Share This Page

Loading...