Перейти к содержимому


Изменяем Шапку.

Шапка в пластик

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 29 Декабрь 2013 - 10:06

Помогите изменит шапку и подвал. см. рис.
1). Сместить верхнюю часть и разместить там 3). кнопки вход | регистрация.
2). Сузить шапку от верхнего меню.
4). Убрать полоску.
5). Сместить счётчик по центру.

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

  • Question1.jpg


#2 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 29 Декабрь 2013 - 11:35

Просмотр сообщенияhuligann (29 Декабрь 2013 - 10:06) писал:

Помогите изменит шапку и подвал. см. рис.
1). Сместить верхнюю часть и разместить там 3). кнопки вход | регистрация.
2). Сузить шапку от верхнего меню.
4). Убрать полоску.
5). Сместить счётчик по центру.
Здравствуйте
2) В main.css замените:
#header .blocks .logotype {
margin: -75px 0 0 20px;
float: left;
}
на
#header .blocks .logotype {
margin: -75px 0 0 20px;
float: left;
height: 80px;
}
и
#header .blocks .rght {
float: left;
margin: 0 0 0 0;
background: url(http://shop57.storeland.net/haeder-bg.png) top right no-repeat;
width: 358px;
height: 110px;
}
на
#header .blocks .rght {
float: left;
margin: 0 0 0 0;
background: url(http://shop57.storeland.net/haeder-bg.png) top right no-repeat;
width: 358px;
height: 80px;
}
4) Замените:
#content #mainindex .headline {
background: url(http://shop57.storeland.net/headline-index-bg.jpg) top center no-repeat;
width: 492px;
}
на
#content #mainindex .headline {
display: none;
background: url(http://shop57.storeland.net/headline-index-bg.jpg) top center no-repeat;
width: 492px;
}
5) Замените:
a img {
border: none;
}
на
a img {
float: right;
border: none;
}


#3 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 29 Декабрь 2013 - 12:24

1) В HTML после кода:
<body>
<div id="backtop">
<div id="container">
добавляем:
<div class="menuheader1">
<ul>
<li style= "float:left;"><a href="http://xn--80akocfkodu7l.xn--p1ai/user/register" title="Регистрация в личном кабинете покупателя">Регистрация</a></li>
<li><a href="http://xn--80akocfkodu7l.xn--p1ai/user/login " title="Вход в личный кабинет">Вход</a></li>
</ul>

</div>
В main.css добавляем:
.menuheader1 {
float: left;
background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x;
width: 1000px;
}
.menuheader1 ul li {
float: left;
}
a {
padding: 10px 15px;
display: block;
font-size: medium;
font: normal 14px Tahoma, Geneva,sans-serif;
color: #646464;
text-decoration: none;
}


#4 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 29 Декабрь 2013 - 12:51

Спасибо большое, всё помогло, но есть ещё, что поправить)
1) вход и рег. сделать горизонтально с белым фоном как изначально шаблон был.

2) Метрику по середине сделать, командой center  не вышло.

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

  • q2.jpg
  • q3.jpg


#5 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 29 Декабрь 2013 - 12:54

Просмотр сообщенияhuligann (29 Декабрь 2013 - 12:51) писал:

Спасибо большое, всё помогло, но есть ещё, что поправить)
1) вход и рег. сделать горизонтально с белым фоном как изначально шаблон был.

2) Метрику по середине сделать, командой center  не вышло.
Из main.css удалите:
[font=Consolas, 'Lucida Console', monospace][size=3]

[color=#888888][color=#222222].menuheader1[/color][/color] {[/size][/font][list]
		[*][color=#C80000]float[/color]: left;
		[*][color=#C80000]background[/color]: url([url="http://shop57.storeland.net/panel-bgx.png"]http://shop57.storeland.net/panel-bgx.png[/url]) repeat-x;
		[*][color=#C80000]width[/color]: 1000px;
[/list][font=Consolas, 'Lucida Console', monospace][size=3]
}[/size][/font]
a {
padding: 10px 15px;
display: block;
font-size: medium;
font: normal 14px Tahoma, Geneva,sans-serif;
color: #646464;
text-decoration: none;
}
Добавьте:
.menuheader1 {
float: left;
background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x;
width: 1000px;
}
.menuheader1 ul li {
float: left;
}
a {
padding: 10px 15px;
display: block;
font-size: medium;
font: normal 14px Tahoma, Geneva,sans-serif;
color: #646464;
text-decoration: none;
}


#6 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 29 Декабрь 2013 - 13:00

Просмотр сообщения@lina_va (29 Декабрь 2013 - 12:54) писал:

Из main.css удалите:
[font=Consolas, 'Lucida Console', monospace][size=3]

[color=#888888][color=#222222].menuheader1[/color][/color] {[/size][/font][list]
	 [*][color=#C80000]float[/color]: left;
	 [*][color=#C80000]background[/color]: url([url="http://shop57.storeland.net/panel-bgx.png"]http://shop57.storeland.net/panel-bgx.png[/url]) repeat-x;
	 [*][color=#C80000]width[/color]: 1000px;
[/list][font=Consolas, 'Lucida Console', monospace][size=3]
}[/size][/font]
a {
padding: 10px 15px;
display: block;
font-size: medium;
font: normal 14px Tahoma, Geneva,sans-serif;
color: #646464;
text-decoration: none;
}
Добавьте:
.menuheader1 {
float: left;
background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x;
width: 1000px;
}
.menuheader1 ul li {
float: left;
}
a {
padding: 10px 15px;
display: block;
font-size: medium;
font: normal 14px Tahoma, Geneva,sans-serif;
color: #646464;
text-decoration: none;
}

Контакты теперь вниз убежали.

#7 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 29 Декабрь 2013 - 13:47

Просмотр сообщенияhuligann (29 Декабрь 2013 - 13:00) писал:

Контакты теперь вниз убежали.

Найдите код в main.css -
#header .blocks ul.telephone23 li {
float: left;
margin-left: 10px;
}
и замените на -
#header .blocks ul.telephone23 li {
float: left;
margin-left: 10px;
margin-top: -33px;
}

Далее найдите код в шаблоне HTML -
<div class="rght">
		 <ul style="height:60px;">
и замените на -
<div class="rght">
		 <ul style="height:60px;position: absolute;top: 0;">

Далее найдите код в main.css -
#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 19px;
}
и замените на -
#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 90px;
}

Результат на скриншоте

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

  • результат.png


#8 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 29 Декабрь 2013 - 13:59

Подвал скривило.

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

  • Безымянный.jpg


#9 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 29 Декабрь 2013 - 14:15

Просмотр сообщенияhuligann (29 Декабрь 2013 - 13:59) писал:

Подвал скривило.

Найдите код в main.css -
#footer #main .menufooter {
float: left;
background: url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x;
width: 750px;
height: 39px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
и замените на -
#footer #main .menufooter {
float: left;
background: url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x;
width: 627px;
height: 39px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

Далее в конец main.css добавьте код -
.schetchiki {float:left;}

Результат на скриншоте.

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

  • результат.png


#10 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 29 Декабрь 2013 - 14:30

Всем спасибо. Всё как надо.

#11 huligann

huligann

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 30 Декабрь 2013 - 14:25

Проблема такая. После регистрации и входа на сайте остаётся вход и регистрация, а нужно, чтобы ЛК был и выход.

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

  • Безымянный.jpg


#12 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 31 Декабрь 2013 - 00:41

Вам ответили в теме форума http://forum.storela...ли/#entry113262




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных