Уроки

Последние посты на desiremotors.ru

Лента не найдена

Последние объявления на saledrom.ru

Лента не найдена

Урок 9 Выбираем свой вариант фона для сайта.

Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

Получился довольно объёмный видеоурок в котором рассмотрим такую тему,какой фон использовать. При рисование шаблона Мы использовали фон дороги,но бывает желание использовать что то другое,поэтому нужно рассмотреть все варианты. Самый простой фон на сайте это белого цвета #FFFFFF ,но иногда такой цвет не подходит для придуманного проекта,поэтому можно использовать другой цвет например серый #CCCCCC.

Бывает охота сделать фон чёрный #000000 ,а с верху добавить картинку не большую,но так чтоб она казалась большой при любом разрешение монитора. И последний вариант это сделать просто картинку растянутую на весь экран,как в нашем случае. Из всего этого следует,что все фоны,и картинки должны одинаково смотреться во всех браузерах,включая и наш любимый IE,но иногда не всегда желания совпадают с возможностями и тут приходится применять всякие хитрости.

Не пугайтесь большого размера урока,так как занял почти 1 час времени и это нормально,так как за 5 минут всё рассказать невозможно. Так вот это всего лишь часть,что я тут описал,так что смотрим урок и выбираем свой вариант фона.

P.S. Данное создание шаблонов рассказываю так,как сам понимаю. Буду стараться подгонять к правильному написанию кода и распределения файлов,но от ошибок никто не застрахован.

Не забываем подписываться на рассылку по видеоурокам,чтобы не пропустить новые.

Скачать с сайта Урок 9

Совсем забыл кинуть код с чем работали вот тут

Оставьте свой комментарий

Оставить комментарий от имени гостя

0 / 3500 Ограничение символов
Ваш текст должен быть в пределах 3-3500 символов
правилами и условиями.
Загрузить предыдущие комментарии
  • Гость - Guest

    Подскажите пожалуйста. все делаю как у вас в уроке, но почему то когда вставил background-size, белый экран, кроме контента( границы), все правильно в HTML и CSS, как у вас в уроке.
    <br /> Ой, не увидел архив под видео, вставил ваш код и все заработало

  • Гость - Guest

    Подскажите пожалуйста. все делаю как у вас в уроке, но почему то когда вставил background-size, белый экран, кроме контента( границы), все правильно в HTML и CSS, как у вас в уроке.
    <br /> Ой, не увидел архив под видео, вставил ваш код и все заработало

  • Гость - Guest

    Я не могу скачать Ваш урок №9, очень интересует, как сменить фон, то есть поставить не просто цвет, а посложнее. В ютюбе видео этого урока прерывается на середине, обидно..

  • Гость - Guest

    Я не могу скачать Ваш урок №9, очень интересует, как сменить фон, то есть поставить не просто цвет, а посложнее. В ютюбе видео этого урока прерывается на середине, обидно..

  • Гость - Администратор

    Я не могу скачать Ваш урок №9, очень интересует, как сменить фон, то есть поставить не просто цвет, а посложнее. В ютюбе видео этого урока прерывается на середине, обидно..
    <br />Интересно что тут ютуб нахимичил. Сейчас займусь как раз перезакачкой уроков,для удобного скачивания закачаю к себе на хост,минут через 10-15 заработает ссылка. С обменников ссылки все уберу.

  • Я не могу скачать Ваш урок №9, очень интересует, как сменить фон, то есть поставить не просто цвет, а посложнее. В ютюбе видео этого урока прерывается на середине, обидно..
    <br />Интересно что тут ютуб нахимичил. Сейчас займусь как раз перезакачкой уроков,для удобного скачивания закачаю к себе на хост,минут через 10-15 заработает ссылка. С обменников ссылки все уберу.

  • Подскажите пожалуйста, только заметила, при увеличение фон не растягивается в правую сторону, а контент растягивается, получается на половину по вертикале белый фон.<br />в css прописано <br />html, body { <br /> min-height:100%; <br /> width:100%; <br /> margin:0 ; <br /> padding:0; <br />}<br />*html html, body{<br /> min-height:100%;<br />}<br />body{ background-repeat: repeat;<br /> background-image:url(../img/fon8.jpg);<br />} <br />возможно что-то пропустила???

  • Подскажите пожалуйста, только заметила, при увеличение фон не растягивается в правую сторону, а контент растягивается, получается на половину по вертикале белый фон.<br />в css прописано <br />html, body { <br /> min-height:100%; <br /> width:100%; <br /> margin:0 ; <br /> padding:0; <br />}<br />*html html, body{<br /> min-height:100%;<br />}<br />body{ background-repeat: repeat;<br /> background-image:url(../img/fon8.jpg);<br />} <br />возможно что-то пропустила???
    <br />Попробуйте ширине задать минимальное значение где сейчас width:100%; то допишите min-width:100%; Значит по идеи должно дальше тянуться начать,если не получится,то ещё раз просмотрите код. Я просто уже не помню конкретно что там делал.

  • [quote]Подскажите пожалуйста, только заметила, при увеличение фон не растягивается в правую сторону, а контент растягивается, получается на половину по вертикале белый фон.<br />в css прописано <br />html, body { <br /> min-height:100%; <br /> width:100%; <br /> margin:0 ; <br /> padding:0; <br />}<br />*html html, body{<br /> min-height:100%;<br />}<br />body{ background-repeat: repeat;<br /> background-image:url(../img/fon8.jpg);<br />} <br />возможно что-то пропустила???
    <br />Попробуйте ширине задать минимальное значение где сейчас width:100%; то допишите min-width:100%; Значит по идеи должно дальше тянуться начать,если не получится,то ещё раз просмотрите код. Я просто уже не помню конкретно что там делал.[/quote]<br /><br />Прописываю min-width:100%; не помогает, зато при уменьшение перестает тянутся в низ. А может это из-за joomla??? Вроде все проверила написано, как в ваших уроках.

  • Гость - alexey

    мне при сохранении файла с кодом:
    html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    }
    body {
    background:url(../images/fon.jpg) no-repeat;
    /*background-repeat:repeat;*/
    -o-background-size: 100% 100%; /* opera ≥ 9.5 */
    -webkit-background-size: 100% 100%; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror ≥ 3.5.4 */
    -moz-background-size: 100% 100%; /* Firefox ≥ 3.6 */
    background-size: 100% 100%; /* браузеры с поддержкой CSS3:FF ≥ 4, Opera ≥ 10.53, IE ≥ 9.0 */
    background-attachment:fixed;
    }
    /* Через условные комментарии или хаки пишем стили для IE */
    *html /**+html*/ body {
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fon.jpg',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/fon.jpg', sizingMethod='scale');
    background-image: none; /* IE ≤ 9.0 */
    }
    пишит что нельзя сохранить потому что не та кодировка и выбирете UTF-8, у меня выбрана кириллица. ЧТО ДЕЛАТЬ?

Подпишитесь на наши соц группы

  1. Вконтакте
  2. Facebook
  3. Google+1
  4. Ок
  5. Твитер

Голосование в ВК

Авторизация

Последние комментарии

Гость - Саша
Поле телефон реально вывести в блочный вид?
Гость - profile
Coupons DJ-Classifieds App нас... в Материалы Joomla
Гость - profile
BuaXua Floating 3.6.0 рус в Материалы Joomla
Гость - profile
BuaXua Floating 3.6.0 рус в Материалы Joomla

Последнее на форуме

  • Нет сообщений для показа

Поддержка проекта