Как поставить свою картинку в блок

голоса: 0

Шаблон 1257, мне нужно изменить блок поставив туда свой файл.

Адрес сайта Test-site.ucoz.ua
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

В стилях ищем строку номер 338:

.blocktitle {font: 110% 'Arial'; color: #fff; background: #138bd0;
 background-image: -webkit-linear-gradient(top, #138bd0, #094c96);
 background-image: -moz-linear-gradient(top, #138bd0, #094c96);
 background-image: -o-linear-gradient(top, #138bd0, #094c96);
 background-image: linear-gradient(top, #138bd0, #094c96);
 border-bottom: 1px solid #3281d3;
 box-shadow: 0 1px 0 #1a1c1d;
padding: 10px; margin: 0;}

выделенное красным заменить на следующее:

background: url('ссылка на фото полоски')no-repeat;

| Автор:
а как само горизонтальное меню изменить, вставивь свою картинку?
а чего ничего не поменялось?
Евгений Хмелевой,

Забыл добавить, с данных стилей:

.blocktitle {
 font: 110% 'Arial'; color: #fff; background: url('http://test-site.ucoz.ua/files/block.jpg')no-repeat;
 background-image: -webkit-linear-gradient(top, #138bd0, #094c96);
 background-image: -moz-linear-gradient(top, #138bd0, #094c96);
 background-image: -o-linear-gradient(top, #138bd0, #094c96);
 background-image: linear-gradient(top, #138bd0, #094c96);

 border-bottom: 1px solid #3281d3;
 box-shadow: 0 1px 0 #1a1c1d;
 padding: 10px; margin: 0;
}

удалить выделенное, после все увидите.

Yuri_Geruk,
а как мне таким способом горизонтальное меню сделать?
Евгений Хмелевой,

В стилях ищем строку номер 217:

nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
 background-image: -webkit-linear-gradient(bottom, #138bd0, #094c96); /* For Chrome and Safari */
 background-image: -moz-linear-gradient(bottom, #138bd0, #094c96); /* For old Fx (3.6 to 15) */
 background-image: -ms-linear-gradient(bottom, #138bd0, #094c96); /* For pre-releases of IE 10*/
 background-image: -o-linear-gradient(bottom, #138bd0, #094c96); /* For old Opera (11.1 to 12.0) */ 
 background-image: linear-gradient(bottom, #138bd0, #094c96); /* Standard syntax; must be last */ 
 }

и заменяем на:

nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
background: url('http://test-site.ucoz.ua/files/block.jpg')no-repeat;
background-size: cover;
}

готово.

Yuri_Geruk,
я убрал лишние с меню
...