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

[Dmitriy73]

Как сделать так чтобы шапка сайта была на одном уровне с основным фоном

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

• 

[empty9228]

Здравствуйте, скажите свой номер аккаунта.

[Dmitriy73]

empty9228 (21 Ноябрь 2013 - 15:19) писал:

Здравствуйте, скажите свой номер аккаунта.

SL-243832

http://demetra5.ru/

[Koderhan]

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Заменить:

#headerWrap {height: 150px;}

И для удаления фона меню.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("http://design.demetra5.ru/nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("http://design.demetra5.ru/nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("http://design.demetra5.ru/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("http://design.demetra5.ru/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

Заменить:

/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

[Dmitriy73]

Koderhan (21 Ноябрь 2013 - 18:40) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Заменить:

#headerWrap {height: 150px;}

И для удаления фона меню.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("http://design.demetra5.ru/nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("http://design.demetra5.ru/nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("http://design.demetra5.ru/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("http://design.demetra5.ru/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

Заменить:

/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

всё получилось, спасибо! ну вот ещё один вопрос, как мне найти такой фон как на этом сайте? http://trials.advant...skaya_d9_kv7_1/

[Castiel]

Dmitriy73 (21 Ноябрь 2013 - 18:53) писал:

всё получилось, спасибо! ну вот ещё один вопрос, как мне найти такой фон как на этом сайте? http://trials.advant...skaya_d9_kv7_1/

Если вам нужен именно этот фон,
main
footer

[Dmitriy73]

Castiel (21 Ноябрь 2013 - 19:06) писал:

Если вам нужен именно этот фон,
main
footer

а есть какой нибуть сборник фонов для сайта типа косметики?

[Castiel]

Dmitriy73 (21 Ноябрь 2013 - 19:17) писал:

а есть какой нибуть сборник фонов для сайта типа косметики?

У нас такого нету, но вы можете найти в поисковиках много информации по этому вопросу

Гугл

[Dmitriy73]

Castiel (21 Ноябрь 2013 - 19:20) писал:

У нас такого нету, но вы можете найти в поисковиках много информации по этому вопросу

Гугл

а  почему у меня строчки нету куда фон надо вставлять?(

Только в шапку и всё

[support 2.0]

Dmitriy73 (21 Ноябрь 2013 - 19:32) писал:

а  почему у меня строчки нету куда фон надо вставлять?(

Только в шапку и всё

блока для фона в main,css

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

[Dmitriy73]

support 2.0 (21 Ноябрь 2013 - 19:34) писал:

блока для фона в main,css

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

смотрите что получилось http://demetra5.ru/

[support 2.0]

Dmitriy73 (21 Ноябрь 2013 - 19:39) писал:

смотрите что получилось http://demetra5.ru/

замените в main.css блок

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}6.jpg) repeat-x left bottom;}

на этот

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}6.jpg) fixed;}

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

[Dmitriy73]

support 2.0 (21 Ноябрь 2013 - 19:34) писал:

блока для фона в main,css

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

а можно чтобы только по бокам только фон был? а ту не красиво получилось

[Vaccina]

Как вариант можно данную строку:

background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;

Заменить на эту:

background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) no-repeat left bottom, url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) no-repeat right bottom;

После данного изменения будет два фона слева и справа.

[Dmitriy73]

Castiel (21 Ноябрь 2013 - 19:20) писал:

У нас такого нету, но вы можете найти в поисковиках много информации по этому вопросу

Гугл

Castiel (21 Ноябрь 2013 - 19:20) писал:

У нас такого нету, но вы можете найти в поисковиках много информации по этому вопросу

Гугл

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

• 
• 

[Castiel]

Dmitriy73 (22 Ноябрь 2013 - 17:44) писал:

Чтобы сделать фон на весь сайт, редактируем main.css
Находим

#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }

Заменяем

#footer { clear:both;width:100%; margin:20px 0 17px 0; }

Находим

body { background:url(http://design.bestcar73.ru/1.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Заменяем

body { background: url(http://design.bestcar73.ru/1.jpg) no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Удаление бокового фона
Находим

#cntrobj {
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Заменяем на

#cntrobj {}

Находим

#mainindex {
float: left;
width: 512px;
}

Заменяем на

#mainindex {
float: left;
width: 512px;
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Не забудьте удалить еще это, чтобы в подвале все нормально отображалось

#backtop { background:url(http://design.bestcar73.ru/bgout.jpg) bottom center no-repeat; }

Заменяем на

#backtop { }

[Dmitriy73]

Castiel (22 Ноябрь 2013 - 17:51) писал:

Чтобы сделать фон на весь сайт, редактируем main.css
Находим

#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }

Заменяем

#footer { clear:both;width:100%; margin:20px 0 17px 0; }

Находим

body { background:url(http://design.bestcar73.ru/1.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Заменяем

body { background: url(http://design.bestcar73.ru/1.jpg) no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

что получилось

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

• 

[Castiel]

Dmitriy73 (22 Ноябрь 2013 - 17:58) писал:

что получилось

Удаление бокового фона
Находим

#cntrobj {
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Заменяем на

#cntrobj {}

Находим

#mainindex {
float: left;
width: 512px;
}

Заменяем на

#mainindex {
float: left;
width: 512px;
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Не забудьте удалить еще это, чтобы в подвале все нормально отображалось

#backtop { background:url(http://design.bestcar73.ru/bgout.jpg) bottom center no-repeat; }

Заменяем на

#backtop { }

[Dmitriy73]

Castiel (22 Ноябрь 2013 - 17:51) писал:

Чтобы сделать фон на весь сайт, редактируем main.css
Находим

#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }

Заменяем

#footer { clear:both;width:100%; margin:20px 0 17px 0; }

Находим

body { background:url(http://design.bestcar73.ru/1.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Заменяем

body { background: url(http://design.bestcar73.ru/1.jpg) no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Удаление бокового фона
Находим

#cntrobj {
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Заменяем на

#cntrobj {}

Находим

#mainindex {
float: left;
width: 512px;
}

Заменяем на

#mainindex {
float: left;
width: 512px;
background: url(http://design.bestcar73.ru/conteiner-bg-y.jpg) repeat-y;
}

Не забудьте удалить еще это, чтобы в подвале все нормально отображалось

#backtop { background:url(http://design.bestcar73.ru/bgout.jpg) bottom center no-repeat; }

Заменяем на

#backtop { }

смотрите что получилось http://bestcar73.ru/ хотелось бы чтобы как здесь http://bestreg5.ru/

[Castiel]

Dmitriy73 (22 Ноябрь 2013 - 18:04) писал:

смотрите что получилось http://bestcar73.ru/ хотелось бы чтобы как здесь http://bestreg5.ru/

Находим

#bottobj {
background: url(http://design.bestcar73.ru/conteiner-bg.png) 0 -11px no-repeat;
width: 1000px;
height: 11px;
margin: 0 auto;
}

Заменяем на

#bottobj {
margin: 0 auto;
}