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


Вопросы От Начинающего


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

#1 sashastavropol

sashastavropol

    Новичок

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

Отправлено 01 Июль 2016 - 18:12

Здравствуйте!
1.Как растянуть баннер до указанных границ?
2.Изменить черный цвет.
3.Изменить цвет шрифта и поставить эту группу посередине

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

  • Image 2.png


#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 01 Июль 2016 - 19:10

Просмотр сообщенияsashastavropol (01 Июль 2016 - 18:12) писал:

Здравствуйте!
1.Как растянуть баннер до указанных границ?
2.Изменить черный цвет.
3.Изменить цвет шрифта и поставить эту группу посередине

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
	   <div style="margin-top: 1%; padding-left: 80px;"> <img src="http://forhome26.storeland.net/PG-9_pg.jpg?3080&641032169490" /> </div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;}

Замените на:
header[role="banner"] {position: relative;min-height: 35em;overflow: hidden;z-index: 10;background: url(http://forhome26.storeland.net/PG-9_pg.jpg) no-repeat center center;}

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

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.global {background: #000;padding: 10px;}

Измените в данном коде цвет #000

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

Измените в данном коде цвет #fff

Для выравнивания найдите код:
.head li {display: inline;float: left;}

Замените на:
.head li {display: inline;float: none;}

Найдите код:
.head ul {padding: 0;margin: 0 auto;height: 40px;}

Замените на:
.head ul {padding: 0;margin: 0 auto;height: 40px;text-align: center;}


#3 sashastavropol

sashastavropol

    Новичок

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

Отправлено 01 Июль 2016 - 19:18

Спасибо за оперативность!!!

#4 sashastavropol

sashastavropol

    Новичок

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

Отправлено 01 Июль 2016 - 20:00

1.Перенести поиск
2.Изменить черный цвет
3.Поднять к этой границе
4.Поднять к краю картинки
5.Изменить цвет
6.Убрать подвал со всех страниц
7.Выравнить по границам баннера

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

  • Image 3.png


#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Июль 2016 - 05:26

1. В style.css найдите:
form[role="search"] {
	position: absolute;
	right: 2em;
	top: 2.5em;
}

замените на:
form[role="search"] {
	position: absolute;
	right: 25em;
	top: -4em;
}
2. В 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;
}

в нем измените значение background
3. В style.css найдите:
header[role="banner"] {position: relative;min-height: 35em;overflow: hidden;z-index: 10;background: url(http://forhome26.storeland.net/PG-9_pg.jpg) no-repeat center center;}

замените на:
header[role="banner"] {position: relative;min-height: 26em;z-index: 10;background: url(http://forhome26.storeland.net/PG-9_pg.jpg) no-repeat top center;}
4. В style.css найдите:
.conta {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 20px auto;
	z-index: 30;
}

замените на:
.conta {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
	z-index: 30;
}
5. В style.css найдите:
.nav {
	list-style: none;
	*zoom: 1;
	background: #000;
	z-index: 30;
	position: relative;
}

в нем измените цветовое значение #000 на необходимое
6. В style.css найдите:
footer {
	clear: both;
	background: #0f0f0f;
	overflow: hidden;
	padding: 1.5em 0;
	color: #e6e4da;
	width: 100%;
}

замените на:
footer {
	clear: both;
	background: #0f0f0f;
	overflow: hidden;
	padding: 1.5em 0;
	color: #e6e4da;
	width: 100%;
	display: none;
}
7. В style.css найдите:
.container {
	margin: 0 auto;
	width: 90%;
	position: relative;
	max-width: 1280px;
	overflow: visible;
}

замените на:
.container {
	margin: 0 auto;
	width: 96.5%;
	position: relative;
	max-width: 1280px;
	overflow: visible;
}


#6 sashastavropol

sashastavropol

    Новичок

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

Отправлено 03 Июль 2016 - 09:13

Спасибо

#7 sashastavropol

sashastavropol

    Новичок

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

Отправлено 03 Июль 2016 - 12:17

Здравствуйте!
1.Убрать выделение при наведении и при открытии категории.
2.Убрать со всех страниц.
3.Выравнить шапку до указанной границы.
Спасибо!!!

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

  • Image 1.jpg


#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 03 Июль 2016 - 13:00

Просмотр сообщенияsashastavropol (03 Июль 2016 - 12:17) писал:

Здравствуйте!
1.Убрать выделение при наведении и при открытии категории.
2.Убрать со всех страниц.
3.Выравнить шапку до указанной границы.
Спасибо!!!

Здравствуйте.
Вам необходимо сделать следующее:
В шаблоне main.css найдите, пожалуйста, данный код:

.head a:hover, .head a.selected, nav a:active {
	background-color: #404040;
}

И замените его вот этим вот кодом:

.head a:hover, .head a.selected, nav a:active {
	/* background-color: #404040; */
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

body {
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-size: 75%;
	line-height: 1.5em;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	height: 100%;
	color: #404040;
	text-align: left;
}

И замените его этим вот кодом:

body {
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-size: 75%;
	line-height: 1.5em;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	height: 100%;
	color: #404040;
	text-align: left;
	background-color: #f6f6f4;
}


#9 sashastavropol

sashastavropol

    Новичок

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

Отправлено 04 Июль 2016 - 14:39

Здравствуйте
1.Убрать с вкладки корзина.
2.Сделать вкладку главная страница
3.Убрать выделение при наведении на корзину,убрать выпадающее меню,вместо него чтобы сразу отображалась сумма товаров в корзине

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

  • Image 1.jpg


#10 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 05 Июль 2016 - 14:13

Просмотр сообщенияsashastavropol (04 Июль 2016 - 14:39) писал:

Здравствуйте
1.Убрать с вкладки корзина.
2.Сделать вкладку главная страница
3.Убрать выделение при наведении на корзину,убрать выпадающее меню,вместо него чтобы сразу отображалась сумма товаров в корзине

Здравствуйте.
1. Не совсем понятно о чем именно идет речь, если необходимо убрать темный фон подвала,то в шаблоне style.css найдите код:
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}

Замените на:
html {-webkit-font-smoothing: antialiased;}

2. Пункт меню в разделе Сайт -> Меню верхнее для Каталога (он сейчас у Вас является главным) переименовал на Главная и переместил на первое место.

3. Создал Вам бэкап 05.07.2016 13:58:21 и произвел изменения.
Проверьте, пожалуйста.

#11 sashastavropol

sashastavropol

    Новичок

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

Отправлено 05 Июль 2016 - 18:14

спасибо

#12 sashastavropol

sashastavropol

    Новичок

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

Отправлено 05 Июль 2016 - 18:20

Как можно реализовать это?

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

  • Image 9.png


#13 Stasya

Stasya

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

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

Отправлено 08 Июль 2016 - 16:16

Просмотр сообщенияsashastavropol (05 Июль 2016 - 18:20) писал:

Как можно реализовать это?
Все необходимые изменения я произвела.




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

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