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

[aimettii]

Доброго времени суток, мне нужна ваша помощь по изменению дизайна.
1) Изменить фон верхнего блока на вот такой: http://jusweb.ru/exa...lock/index.html , интересует только градиентный цвет.
2) Удалить полностью этот блок.
3) Переместить между верхним блоком и новым слайдером, добавить свою картинку и текст:
Корзина

0 товара на 0 рублей
И убрать всплывающее окно ваша корзина пуста при наведении курсором.
4) Поиск переместить в правый верхний угол.
5) Удалить слайдер и на его место поставить 2 средние баннерные картинки которые ведут на категорию в каталоге товаров.
6) Убрать весь этот текст.
7) Изменить фон подвала на: http://jusweb.ru/exa...lock/index.html , так же только градиентный цвет.
Извиняюсь за такую объемную работу, просто новичек много чего еще не умею).

[Ирина345]

aimettii (21 Апрель 2014 - 12:57) писал:

Доброго времени суток, мне нужна ваша помощь по изменению дизайна.
1) Изменить фон верхнего блока на вот такой: http://jusweb.ru/exa...lock/index.html , интересует только градиентный цвет.
2) Удалить полностью этот блок.
3) Переместить между верхним блоком и новым слайдером, добавить свою картинку и текст:
Корзина

0 товара на 0 рублей
И убрать всплывающее окно ваша корзина пуста при наведении курсором.
4) Поиск переместить в правый верхний угол.
5) Удалить слайдер и на его место поставить 2 средние баннерные картинки которые ведут на категорию в каталоге товаров.
6) Убрать весь этот текст.
7) Изменить фон подвала на: http://jusweb.ru/exa...lock/index.html , так же только градиентный цвет.
Извиняюсь за такую объемную работу, просто новичек много чего еще не умею).

Здравствуйте
1. найдите style.css код

.global {
background: none repeat scroll 0 0 #bbbbbb;
padding: 10px;
} 

замените

.global {
background: linear-gradient(to top, rgba(0, 0, 0, 0.65), #FFFFFF)
padding: 10px;
} 

2. найдите в HTML код

 <div class="conta">

замените

 <div class="conta" style=" display: none; ">

6 найдите   

<div class="footer">

замените
  

 <div class="footer" style=" display: none; ">

найдите
  

<section>

замените

 <section style=" display: none; ">(3 раза)

7. найдите style.css

footer { background: none repeat scroll 0 0 #0F0F0F;clear: both;color: #E6E4DA;overflow: hidden;padding: 1.5em 0;width: 100%;}

замените

footer { background: linear-gradient(to top, rgba(0, 0, 0, 0.65), #FFFFFF);clear: both;color: #E6E4DA;overflow: hidden;padding: 1.5em 0;width: 100%;}

[aimettii]

Спасибо большое, правда пункты 3,4,5 все еще актуальны)

[Ирина345]

aimettii (21 Апрель 2014 - 15:12) писал:

Спасибо большое, правда пункты 3,4,5 все еще актуальны)

3. найдите в style.css код и замените

.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}

.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}

на

.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 19%; top: 2.8em; display: block; text-align: center; width: 13.333em;}

.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right:19%;top: -4.2em; width: 13.333em;}

найдите в HTML код

<!-- Форма поиска -->
<form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
<div>
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
<input title="Искать" type="submit" value="Поиск" />
</div>
</form>
<!-- /Форма поиска -->

вставьте его после строчек

</div>
<!-- end Корзина -->
</div>

[Vaccina]

слайдер вы ставили по инструкции: http://storeland.ru/about/faq#51
просто удалите весь добавленный по инструкции код, чтобы вставить баннеры, вместо кода слайдера вставьте:

<div class="banner">
<img src="ссылка на картинку" alt="" />
<img src="ссылка на картинку" alt="" />
</div>

[aimettii]

Все отлично правда, поиск у меня немножко ушел за границу верхнего блока.
Плюс ко всему после удаление кодов слайдера у меня подвал сайта стал посередине хотелось бы просто место слайдера оставить белый фон, тоесь бы тоже самое как было только без слайдера.
И еще корзину получилось переставить на то место которое хотел, только вот мне нужно изменить сам дизайн корзины примерно так: только без градиента и без всплывающего текста , просто свою картинку и текст.

[Vaccina]

Поиск, в style.css найдите:

form[role="search"] {
	position: absolute;
	right: 2em;
	top: 2.5em;
}

замените на:

form[role="search"] {
	position: absolute;
	right: 2em;
	top: 1em;
}

Центральная часть сайта, в разделе Сайт - Страницы - пропишите текст для главной страницы, тогда она не будет пустой и отодвинет подвал.

Для изменения фона и прочего в корзине достаточно изменить стили в блоке:

.summary a {
	background: #0F0F0F;
	color: #FFE4AB;
	display: block;
	padding: 1.75em 1em 1.5em;
	position: absolute;
	right: 19%;
	text-align: center;
	top: 2.8em;
	width: 13.333em;
}

к примеру для вставки иконки корзины стиль background: #0F0F0F; замените на:

background: url('адрес картинки') no-repeat left center #0F0F0F;