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


Помогите Вставить Свою Шапку И Изменить Некоторые Детали.


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

#1 Ксюша

Ксюша

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

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

Отправлено 21 Сентябрь 2014 - 13:16

Здравствуйте!
SL - 308982

ШАПКА


1. Помогите пожалуйста, поменять шапку на свою. шапка.png
2. Нужно строку поиска разместить под кнопкой "Поиск" (см. картинку шапки)
3. Нужно кнопку "Корзина" сделать кликабельной, чтобы при нажатии на нее, человек попадал в корзину.

Горизонтальное меню


1. Надо промо-блок совсем удалить, а на его место опустить горизонтальное меню.
2. И с горизонтального меню удалить блок с тестом "Новый магазин", чтобы оно было одной прямой полоской.
3. Я нарисовала свое горизонтальное меню, как его вставить?верхнее меню.jpg

#2 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 12:07

Аууу, люди, тут есть кто-нибудь?

#3 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 14:01

Просмотр сообщенияКсюша (21 Сентябрь 2014 - 13:16) писал:

Здравствуйте!
SL - 308982

ШАПКА


1. Помогите пожалуйста, поменять шапку на свою. Прикрепленный файл шапка.png
2. Нужно строку поиска разместить под кнопкой "Поиск" (см. картинку шапки)
3. Нужно кнопку "Корзина" сделать кликабельной, чтобы при нажатии на нее, человек попадал в корзину.

Горизонтальное меню


1. Надо промо-блок совсем удалить, а на его место опустить горизонтальное меню.
2. И с горизонтального меню удалить блок с тестом "Новый магазин", чтобы оно было одной прямой полоской.
3. Я нарисовала свое горизонтальное меню, как его вставить?Прикрепленный файл верхнее меню.jpg
Здравствуйте.
1. В style.css замените
#header .container {border-bottom: solid 5px #ff0000;background: url('{ASSETS_IMAGES_PATH}header-bg.png');}
на
#header .container {background: url('{ASSETS_IMAGES_PATH}header-bg.png');height: 290px; }
заменив header-bg.png на свою картинку загруженную в разделе Сайт -> Редактор шаблонов -> Добавить файлы, a затем
.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
display: block;
padding: 20px;
background: none repeat scroll 0 0 #000;
}
замените на
.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
display: none;
padding: 20px;
background: none repeat scroll 0 0 #000;
}
и
.nav-container {
background: #228B22;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}
замените на
.nav-container {
background: #228B22;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 230px;
}
2. В style.css замените
#search {
width: 300px;
position: absolute;
top: 40px;
right: 100px;
z-index: 100;
}
на
#search {
width: 200px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
3. В style.css замените
.shopping_cart {position: relative;display: block;float: right;z-index: 100;background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 30px;width: 30px;padding: 5px;}
на
.shopping_cart {position: absolute;z-index: 100;background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 80px; width: 220px;top: 84px;right: -20px;}
и замените cart_icon.png на свою картинку, загрузив ее в разделе Сайт -> Редактор шаблонов -> Добавить файлы.
1. В style.css замените
.promo_block {
background: #000;
top: -55px !important;
}
на
.promo_block {
background: #000;
top: -55px !important;
display: none;
}
затем удалите
.promo_block + .contentText {
top: -55px !important;
}
и замените
.nav-container {
background: url("http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=24537");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 230px;
}
на
.nav-container {
background: url("{ASSETS_IMAGES_PATH}logo.png");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 520px;
}
заменив logo.png на нужную картинку, загрузив ее в разделе Сайт -> Редактор шаблонов -> Добавить файлы.

#4 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 14:49

Вот что вышло скрин.jpg
Я не пойму что я сделала не так?

#5 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 15:35

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 14:49) писал:

Вот что вышло Прикрепленный файл скрин.jpg
Я не пойму что я сделала не так?
Замените в style.css
#search {
width: 200px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
на
#search {
width: 145px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
потом
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}
замените на
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -585px;
}
затем
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('[color=#282828][size=2][background=rgb(248, 248, 248)]{ASSETS_IMAGES_PATH}[/background][/size][/color][size=3]cart_icon.png[/size][size=4]') no-repeat center center;[/size]
height: 80px;
width: 220px;
top: 84px;
right: -20px;
}
замените на
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('[color=#282828][size=2][background=rgb(248, 248, 248)]{ASSETS_IMAGES_PATH}[/background][/size][/color][size=4]cart_icon.png') no-repeat center center;[/size]
height: 85px;
width: 171px;
top: 155px;
right: -20px;
}
и замените cart_icon.png на нужную картинку кнопки корзина.

#6 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 15:56

Все заменила, пока ничего особо не поменялось :(

Просмотр сообщенияAlekseys (22 Сентябрь 2014 - 15:35) писал:

Замените в style.css
#search {
width: 200px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
на
#search {
width: 145px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
потом
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}
замените на
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -585px;
}
затем
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 80px;
width: 220px;
top: 84px;
right: -20px;
}
замените на
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 85px;
width: 171px;
top: 155px;
right: -20px;
}
и замените cart_icon.png на нужную картинку кнопки корзина.


#7 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 16:09

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 15:56) писал:

Все заменила, пока ничего особо не поменялось :(
Прошу прощения, закралась ошибка.
Замените
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 85px;
width: 171px;
top: 155px;
right: -20px;
}
на
.shopping_cart {
position: absolute;
z-index: 100;
background: url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 196px;
right: -4px;
}


#8 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 16:15

Поменяла)
Теперь все выглядит вот так 6d58c1bb.jpg

#9 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 16:25

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 16:15) писал:

Поменяла)
Теперь все выглядит вот так Прикрепленный файл 6d58c1bb.jpg
В style.css замените
.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
background: none repeat scroll 0 0 #000;
}
на
.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
background: none repeat scroll 0 0 #000;
display:none;
}
затем
.shopping_cart {
position: absolute;
z-index: 100;
background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 85px;
width: 171px;
top: 155px;
right: -20px;
}
замените на
.shopping_cart {
position: absolute;
z-index: 100;
background: url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 196px;
right: -4px;
}


#10 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 16:33

Заменила.

#11 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 16:52

Может не верные размеры шапки? у моей шапки размер 1263х300
Я не знаю из-за чего оно еще не встает... :huh:

#12 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 17:16

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 16:33) писал:

Заменила.
Теперь
.img_link_wrapper {
float: left;
}
замените на
.img_link_wrapper {
float: left;
width: 75px;
}
затем
a.image-link, a:hover.image-link {
display: block;
background: url('{ASSETS_IMAGES_PATH}icon_home.png') 17px 16px no-repeat;
width: 53px;
height: 49px;
padding: 0;
margin: 0;
}
замените на
a.image-link, a:hover.image-link {
display: block;
background: url('{ASSETS_IMAGES_PATH}icon_home.png') no-repeat;
width: 75px;
height: 49px;
padding: 0;
margin: 0;
}
заменив icon_home.png на нужную, затем в конец style.css добавьте
cat-name a {
width: 147px;
height: 49px;
padding: 0;
}
и
cat-name a:hover {
width: 147px;
height: 49px;
padding: 0;
}
Затем в HTML замените
<div id="et_categ_box_scroll">
				  <div class="img_link_wrapper"><a class="image-link" href="http://{NET_DOMAIN}/"></a></div>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <div class="cat-name"><a href="{menu.header.links.URL}" class="main_category {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></div>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</div>
на
Скрытый текст

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 16:52) писал:

Может не верные размеры шапки? у моей шапки размер 1263х300
Я не знаю из-за чего оно еще не встает... :huh:
Размер шапки 1180х290

#13 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 17:49

Все сделала, как вы написали, иконка домика встала идеально :)
Мне переделать шапку на те размеры, которые вы указали?

#14 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Сентябрь 2014 - 18:08

Просмотр сообщенияКсюша (22 Сентябрь 2014 - 17:49) писал:

Все сделала, как вы написали, иконка домика встала идеально :)
Мне переделать шапку на те размеры, которые вы указали?
Лучше переделать. В HTML замените
<div id="et_categ_box_scroll">
				  <div class="img_link_wrapper">
					<a href="http://kosmetika-bel.storeland.ru/" class="image-link" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: 0;"></a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: -75px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;); background-position-x: -222px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: -369px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: -516px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: -663px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url(&amp;quot;http://kosmetika-bel.storeland.net/logo.png&amp;quot;);background-position-x: -810px;">  </a>
				  </div>
				</div>
на
<div id="et_categ_box_scroll">
				  <div class="img_link_wrapper">
					<a href="http://kosmetika-bel.storeland.ru/" class="image-link" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: 0;"></a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: -75px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png"); background-position-x: -222px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: -369px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: -516px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: -663px;">  </a>
				  </div>
				  <div class="cat-name">
					<a href="http://kosmetika-bel.storeland.ru/" class="main_category selected" title="Магазин Белорусской косметики" style="background: url("http://kosmetika-bel.storeland.net/logo.png");background-position-x: -810px;">  </a>
				  </div>
				</div>

И в style.css добавьте
cat-name a {
width: 147px;
height: 49px;
padding: 0;
}
и
cat-name a:hover {
width: 147px;
height: 49px;
padding: 0;
}


#15 Ксюша

Ксюша

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

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

Отправлено 22 Сентябрь 2014 - 18:21

Вставила и новую шапку и коды в style.css 912e8172.jpg
Получилось вот так 44c279b5.jpg
Домик, корзина и поиск теперь съехали

#16 Ксюша

Ксюша

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

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

Отправлено 23 Сентябрь 2014 - 16:18

Уделите пожалуйста, моему вопросу немного времени, очень хочется закончить реконструкцию сайта побыстрей :rolleyes:

#17 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 23 Сентябрь 2014 - 16:26

Просмотр сообщенияКсюша (23 Сентябрь 2014 - 16:18) писал:

Уделите пожалуйста, моему вопросу немного времени, очень хочется закончить реконструкцию сайта побыстрей :rolleyes:
Здравствуйте. В style.css замените
.shopping_cart {
position: absolute;
z-index: 100;
background: url('http://kosmetika-bel.storeland.net/cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 196px;
right: -4px;
}
на
.shopping_cart {
position: absolute;
z-index: 100;
background: url('http://kosmetika-bel.storeland.net/cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 190px;
right: 4px;
}
затем
#search {
width: 145px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
замените на
#search {
width: 192px;
position: absolute;
top: 105px;
right: 40px;
z-index: 100;
}
затем
a.image-link, a:hover.image-link {
display: block;
background: url('http://kosmetika-bel.storeland.net/icon_home.png') no-repeat;
width: 75px;
height: 49px;
padding: 0;
margin: 0;
}
поменять на
a.image-link, a:hover.image-link {
display: block;
background: url('http://kosmetika-bel.storeland.net/icon_home.png') no-repeat;
width: 75px;
height: 49px;
padding: 0;
margin: 0;
background-position-x: 13px;
}


#18 Ксюша

Ксюша

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

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

Отправлено 23 Сентябрь 2014 - 16:39

Просмотр сообщенияAlekseys (23 Сентябрь 2014 - 16:26) писал:

Здравствуйте. В style.css замените
.shopping_cart {
position: absolute;
z-index: 100;
background: url('http://kosmetika-bel.storeland.net/cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 196px;
right: -4px;
}
на
.shopping_cart {
position: absolute;
z-index: 100;
background: url('http://kosmetika-bel.storeland.net/cart_icon.png') no-repeat center center;
height: 80px;
width: 230px;
top: 190px;
right: 4px;
}
затем
#search {
width: 145px;
position: absolute;
top: 105px;
right: 20px;
z-index: 100;
}
замените на
#search {
width: 192px;
position: absolute;
top: 105px;
right: 40px;
z-index: 100;
}
затем
a.image-link, a:hover.image-link {
display: block;
background: url('http://kosmetika-bel.storeland.net/icon_home.png') no-repeat;
width: 75px;
height: 49px;
padding: 0;
margin: 0;
}
поменять на
a.image-link, a:hover.image-link {
display: block;
background: url('http://kosmetika-bel.storeland.net/icon_home.png') no-repeat;
width: 75px;
height: 49px;
padding: 0;
margin: 0;
background-position-x: 13px;
}

Добрый день, сделала)
Что будем делать дальше?

#19 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 23 Сентябрь 2014 - 16:58

Просмотр сообщенияКсюша (23 Сентябрь 2014 - 16:39) писал:

Добрый день, сделала)
Что будем делать дальше?
В style.css замените
cat-name a {
width: 147px;
height: 49px;
padding: 0;
}
cat-name a:hover {
width: 147px;
height: 49px;
padding: 0;
}

}
на
}
.cat-name a.main_category.selected {
width: 147px;
height: 49px;
padding: 0;
opacity: 0.4;
}
затем
.et_categ_box a:hover, #scroll-box a:hover {
color: #fff;
background-color: #ff0000;
}
меняете на
.et_categ_box a:hover, #scroll-box a:hover {
color: #fff;
}
потом
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {
background-color: #FF0000;
}
замените на
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {
}
и
.selected {
background: #ff0000;
color: #fff;
}
меняете на
.selected {
color: #fff;
}


#20 Ксюша

Ксюша

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

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

Отправлено 23 Сентябрь 2014 - 17:08

Просмотр сообщенияAlekseys (23 Сентябрь 2014 - 16:58) писал:

В style.css замените
cat-name a {
width: 147px;
height: 49px;
padding: 0;
}
cat-name a:hover {
width: 147px;
height: 49px;
padding: 0;
}

}
на
}
.cat-name a.main_category.selected {
width: 147px;
height: 49px;
padding: 0;
opacity: 0.4;
}
затем
.et_categ_box a:hover, #scroll-box a:hover {
color: #fff;
background-color: #ff0000;
}
меняете на
.et_categ_box a:hover, #scroll-box a:hover {
color: #fff;
}
потом
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {
background-color: #FF0000;
}
замените на
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {
}
и
.selected {
background: #ff0000;
color: #fff;
}
меняете на
.selected {
color: #fff;
}

Поменяла.
У меня на рабочем ноуте нет программы, которая скрины делает, по этому посылаю вам адрес сайта, чтобы вам было удобно смотреть
http://kosmetika-bel.storeland.ru/




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

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