Перейти к публикации

Задний фон Дизайна


Рекомендованные сообщения

Всем привет парни.

Такой вопрсик как сменить задний вид дизайна.

Хотелось бы оставить синий цвет и влепить картинку в центр как logo.

Сайт:http://russian-tnt.ru/

Пытаюсь чёто невыходит его кривит....

файл css. Прилогаю.

https://yadi.sk/d/Ty8wGPJ_g476G

Ссылка на сообщение
Поделиться на других сайтах

nvkz, что именно не получается? картинка не отображается или по центру поставить?

Вообще нечё неполучаеться=)

кривит сайт...

Походу код неправельно.

Я хочу просто что бы место цвета заднего можно было вставлять картинку.

Ссылка на сообщение
Поделиться на других сайтах

nvkz, по сути в твоём style.css код верный

body{  

    background: #133a7b url('../template/pagebgtop.jpg') repeat-x center top;

    background: -moz-linear-gradient(-45deg,   #133a7b 1%, #5b62b3 52%, #5b62b3 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#133a7b), color-stop(52%,#5b62b3), color-stop(100%,#5b62b3)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* IE10+ */

    background: linear-gradient(135deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133a7b', endColorstr='#5b62b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    background-repeat: no-repeat;

    background-attachment: fixed;

    color: #3b6284;

    font: 12px Tahoma, sans-serif;

}
но картинка должна лежать в папке с шаблоном, а не в папке template. Также у тебя прописано repeat-x, это говорит о том, что картинка должна повторяться по вертикале, если этого не нужно, значит это нужно убрать. Ещё у тебя прописан градиент, вместо цвета:
background: -moz-linear-gradient(-45deg,   #133a7b 1%, #5b62b3 52%, #5b62b3 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#133a7b), color-stop(52%,#5b62b3), color-stop(100%,#5b62b3)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(-45deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* IE10+ */

    background: linear-gradient(135deg,  #133a7b 1%,#5b62b3 52%,#5b62b3 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133a7b', endColorstr='#5b62b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
Если он не нужен, этот кусок также нужно убрать. В идеале, код должен быть такой:

body{  

    background-color: #133a7b;    /* цвет фона */

    background-image:url('../images/pagebgtop.jpg');	 /* картинка */

    background-position:center top;    /* позиция картинки */

    background-repeat: no-repeat;    /* повторения картинки (без повторений) */

    background-attachment: fixed;

    color: #3b6284;

    font: 12px Tahoma, sans-serif;

}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...