Сообщений в теме: 126

[Ольга]

Цвет изменился, но радиус скругленных уголков исчез. Где его надо поправить? А как уменьшить отступ между слайдом и текстом?

Прикрепленные изображения

• 

[sengun]

Ольга (21 Июнь 2013 - 15:55) писал:

Цвет изменился, но радиус скругленных уголков исчез. Где его надо поправить? А как уменьшить отступ между слайдом и текстом?

В main.css код

#content .headline { margin:0 10px 10px 10px; background:url({ASSETS_IMAGES_PATH}headline-bg.jpg) top center no-repeat !important; width:732px; !important }

измените так

#content .headline { margin:0 10px 10px 10px; background:url({ASSETS_IMAGES_PATH}headline-bg.jpg) top center no-repeat !important; width:732px; border-radius: 8px;}

Это закругление.
В файле nyvo.css код

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Здесь margin-bottom:50px; - отступ до нижележащего блока. Т. е. поставьте 25px, если нужно расстояние в 2 раза меньше.

[Ольга]

Все так просто. Спасибочки Вам!!! А я все искала где это radius (мне хотелось самой все сделать, не обращаясь к вам, но без вас мы ни как ), исправляла другие radius, а его надо было всего лишь вписать в строку.
Вот я и исправила кое-что, а переделать не получается.
1)Посмотрите, пожалуйста. В файле   header-dg.png я исправила радиус, и у меня жесткий обрез вышел. Не могу радиус выровнить, вернее его width и height.
2) Еще я пыталась убрать верхнюю белую полосу, и у меня сдвигалась шапка вверх так, что была видна ее 1/3 часть.
Пожалуйста, подскажите где это сделать.

Прикрепленные изображения

• 

[Taisia]

что бы убрать верхнюю полосу вам необходимо найти в файле main.css код

#header .blocks .cntr {
float: left;
background: url(http://design.turbine-jet.ru/haeder-bgx.png) repeat-x;
width: 628px;
height: 20px;
}

и удалите параметр background а так же удалите этот параметр в стиле

#header .blocks .lft {
float: left;
background: url(http://design.turbine-jet.ru/backsprite.png) 0 0 no-repeat;
margin: 0 0 0 0;
width: 14px;
height: 11px;
}

по первому пункту - попробуйте отредактировать этот файл в графическом редакторе закруглив его левую часть так как вам надо
так как из-за неравномерности радиуса закруглений у картинки стилями сделать красиво не получится. Картинка будет закруглена не симметрично.

[Ольга]

Получилась абракадабра .
#header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; }
и заменить на  #header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png)}
или #header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}

Прикрепленные изображения

• 

[Taisia]

прошу прощения в просмотрщике кода браузера и у вас в файле кода на сайте ссылки отображаются по разному и это видимо ввело в заблуждение

в стилях

#header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; }

вам надо удалить background:url({ASSETS_IMAGES_PATH}backsprite.png) 0 0 no-repeat;

получиться

#header .blocks .lft { float:left; margin:0 0 0 0; width:14px; height:11px; }

точно так же в коде

#header .blocks .cntr {
float: left;
background: url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x;
width: 628px;
height: 20px;
}

нужно удалить строку
background: url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x;

[Ольга]

Не могу найти нижний код[/font][/color]
#header .blocks .cntr {
float: left;
background: url({ASSETS_IMAGES_PATH}[color=#282828][font=helvetica, arial, sans-serif]haeder-bgx.png) repeat-x;
width: 628px;
height: 20px;

ни в main.css  ни в nyvo

[Taisia]

в файле  main.css найдите 113 строку
это и есть то что вы ищете
удалите в этом коде

background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x;

[Ольга]

А вот теперь все получилось. Я вам действительно благодарна!!!

[Stariy Drug]

Добрый день! Подкажите, а как залить шаблон паттерном? Выше говорилось о такой возможности, но не слишком подробно. Паттерны скачал на комп, хочу попробовать. Спасибо.

[sengun]

Stariy Drug (18 Июль 2013 - 16:21) писал:

Добрый день! Подкажите, а как залить шаблон паттерном? Выше говорилось о такой возможности, но не слишком подробно. Паттерны скачал на комп, хочу попробовать. Спасибо.

Здравствуйте. Я так понимаю, вы хотите бордовую заливку поменять на картинку?
Для этого загрузите изображение на сайт через Сайт-Редактор Шаблонов - Добавить файлы. Допустим, имя этого изображения будет pic.png, тогда в main.css код

body {
   background:#800000;
}

надо заменить на

body {
   background: url("{ASSETS_IMAGES_PATH}pic.png") no-repeat ;
}

вместо no-repeat напишите repeat-x для того, чтобы изображение повторялось по горизонтали, repeat-y - по-вертикали, или просто repeat - так изображение будет повторяться и по-горизонтали и по-вертикали.
Если надо растянуть картинку на весь экран, надо вставить такой код

body {
   background: url("{ASSETS_IMAGES_PATH}pic.png") no-repeat ;
background-size: 100% 100%;
}

[Stariy Drug]

Бордовая - это я с цветом экспериментировал. Разобрался вроде. Только не нашёл, где коды цвета брать.
Код вставил, но видимо, неправильно. Вместо url("{ASSETS_IMAGES_PATH}pic.png") надо вставить ссылку на файл?

[sengun]

Stariy Drug (18 Июль 2013 - 18:08) писал:

Бордовая - это я с цветом экспериментировал. Разобрался вроде. Только не нашёл, где коды цвета брать.
Код вставил, но видимо, неправильно. Вместо url("{ASSETS_IMAGES_PATH}pic.png") надо вставить ссылку на файл?

Если вы загрузили изображение через Сайт-Редактор шаблонов-Добавить файлы, тогда надо изменить только имя файла в этом коде. Т.е. {ASSETS_IMAGES_PATH} так и должно писаться, эта переменная содержащая путь до загруженных изображений.
Вы загрузили изображение NOX_Textures_125_18.jpg ? тогда код будет выглядеть так

url("{ASSETS_IMAGES_PATH}NOX_Textures_125_18.jpg")

[Stariy Drug]

Спасибо, получилось! Правда видно стык внизу страницы между частями. А можно залить одной картинкой, без стыка (повторения)?

[sengun]

Stariy Drug (18 Июль 2013 - 19:00) писал:

Спасибо, получилось! Правда видно стык внизу страницы между частями. А можно залить одной картинкой, без стыка (повторения)?

Есть такой вариант. код

body {
background: url("{ASSETS_IMAGES_PATH}NOX_Textures_125_18.jpg") no-repeat ;
background-size: 100% 100%;
}

замените на этот

html {
background: url("{ASSETS_IMAGES_PATH}NOX_Textures_125_18.jpg") no-repeat ;
background-size: 100% 100%;
height: 100%;
}

[Stariy Drug]

Спасибо, получилось!!!

[Theweatherisgood]

Здравствуйте! нужна Ваша помощь. Как в шаблоне "Вечность" изменить серый фон на картинку, а верхнюю черную полосу вместе с вкладками меню (доставка , контакты и т.д.) сместить чуть ниже?

[Stasya]

Вам необходимо загрузить данную картинку в разделе Сайт-> Редактор шаблонов-> Добавить файлы
Затем в файле main.css найдите блок

.bg {
background: #f6f6f4;
}

и замените его на

.bg {
background: url("{ASSETS_IMAGES_PATH}имя Вашей картинки");
}

[Theweatherisgood]

Спасибо. нашел блок в style.css

[Ksenia]

Добрый день!
Просмотрела пару статей на форуме, и не поняла все же, как изменить фон, весь что между шапкой и подвалом?
середина, боковину.
пару строк, что советуют вставить в конец main.css не помогли.
интересует от простого,для начала изменить на другой цвет. когда нибудь потом и о картинке подумаю.