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

[Михаил Бойков]

Здравствуйте! Помогите, пожалуйста, изменить некоторые части дизайна.
На скрине, думаю, все понятно
P.S. задний фон неподвижен!

[support 2.0]

Михаил Бойков (03 Декабрь 2012 - 17:04) писал:

Здравствуйте! Помогите, пожалуйста, изменить некоторые части дизайна.
На скрине, думаю, все понятно
P.S. задний фон неподвижен!

Скрин!.jpg

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

[Михаил Бойков]

http://mypodarok.storeland.ru
Если нельзя вырезать часть под шапкой, то подскажите, как его выровнять до конца (вместе с белой вертикальной полоской)

[Vaccina]

Вам необходимо в файле стилей main.css найти

#cpages {
	background: url("/web/upload/assets/images/158/157456/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

и заменить на

#cpages {
	padding-top: 10px;
}

далее необходимо найти

.content_body {
	vertical-align: top;
}

и заменить на

.content_body {
	vertical-align: top;
	background: url("/web/upload/assets/images/158/157456/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
}

после этого изменения вам необходимо будет заменить изображение cpage-top-bg.jpg в разделе редактора тем - на необходимо изображение. Можно скачать cpage-top-bg.jpg, изменить в любом графическом редакторе, и после заказать поверх старого файла.

Далее в файле стилей main.css вам необходимо найти

#mainmenu li a {
	background: url("/web/upload/assets/images/158/157456/tm_link_border.gif") no-repeat right top;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

и заменить на

#mainmenu li a {
	background: url("/web/upload/assets/images/158/157456/tm_link_border.gif") no-repeat scroll right top #000000;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	height: 38px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

Для установки логотипа - загрузите логотип в разделе редактора тем, после в файле стилей надите

#logo a {
	display: block;
	height: 110px;
	margin-top: 10px;
	width: 150px;
}

и замените на

#logo a {
	display: block;
	height: 110px;
	margin-top: 10px;
	width: 150px;
	background: url("путь к вашему логотипу") no-repeat center center;
}

Не забудьте изменить путь к вашему зугруженому логотипу вместо строки "путь к вашему логотипу"

[Михаил Бойков]

Спасибо! Подскажите еще, как реализовать вот эти вещи
http://s41.radikal.r...c7f63c4c835.jpg

[Koderhan]

Михаил Бойков (04 Декабрь 2012 - 11:11) писал:

Спасибо! Подскажите еще, как реализовать вот эти вещи
http://s41.radikal.r...c7f63c4c835.jpg

В панели администратора, Сайт-> Редактор тем.
Открыть файл main.csstemplate.
Найти код:

.content_page {
  background: url(/web/upload/assets/images/158/157456/content-page-br.gif) no-repeat 710px 68px;
  overflow:hidden;  
  padding-bottom: 2em;
}

Заменить на:

.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
}

Найти код:

.containerin {width: 940px; margin: 0px auto;}

Заменить на:

.containerin {width: 940px; margin: 0px auto; margin-right: 25px;}

Найти код:

#contactInfo {
position:absolute;
font-size:1.1em;
top: 10px;
left: 170px;
}

Заменить на:

#contactInfo {
position:absolute;
font-size:1.1em;
top: 10px;
left: 170px;
color: #0052FF;
}

Добавить код:

#mainmenu li a:hover {
	 background: #0000ff;
	 color: #FFFFFF;
}

[Михаил Бойков]

Респект и уважуха!
Closed