Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменение Общей Стилистики.

Автор мистка, 26 авг. 2014 19:08

Авторизуйтесь для ответа в теме

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

#1 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 19:08

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

Аккаунт SL-305648

1 вопрос как переместить верхнее меню , так чтоб оно находилось в середине экрана ширина 960 рх

2 вопрос как добавить фон для шапки , какой размер необходим для фона .

3 как перенести логотип не навредив адаптивности выше меню

4 как расположить картинку между меню и основной частью не навредив адаптивности(картинка должна адаптироваться )

5 при переносе меню нужно сохранить рассположение корзины в правом верхнем углу , при этом саму картинку корзины перенести с левой части на правую

Наверх

#2 Alekseys

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

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

Отправлено 26 Август 2014 - 19:25

мистка (26 Август 2014 - 19:08) писал:

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

Аккаунт SL-305648

Прикрепленный файл

изм1.png

1 вопрос как переместить верхнее меню , так чтоб оно находилось в середине экрана ширина 960 рх

2 вопрос как добавить фон для шапки , какой размер необходим для фона .

3 как перенести логотип не навредив адаптивности выше меню

4 как расположить картинку между меню и основной частью не навредив адаптивности(картинка должна адаптироваться )

5 при переносе меню нужно сохранить рассположение корзины в правом верхнем углу , при этом саму картинку корзины перенести с левой части на правую

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

Наверх

#3 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 19:41

Большое вам спасибо , вот смотрите между верхним меню и основной частью нужно вставить фон

Наверх

#4 Alekseys

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

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

Отправлено 26 Август 2014 - 20:23

мистка (26 Август 2014 - 19:41) писал:

Большое вам спасибо , вот смотрите между верхним меню и основной частью нужно вставить фон
Прикрепленный файл

1.png

В HTML перед

<!-- Выдвигающеся меню -->

добавьте

<div style="
	height: 300px;
	background-color: red;
	background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat;
"></div>

с нужной вам высотой ( height: 300px; ) , цветом фона ( background-color: red; ) ,и фоном ( background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat; ) .

Наверх

#5 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 20:35

спасибо установила , а как же этот красный все таки замениь на свою картинку

Наверх

#6 Alekseys

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

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

Отправлено 26 Август 2014 - 20:41

мистка (26 Август 2014 - 20:35) писал:

спасибо установила , а как же этот красный все таки замениь на свою картинку

Вставить картинку фона, заменив в background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat; картинку фона catalog_bg1.png на нужную Вам.

Наверх

#7 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 20:43

может все же это должен быть элемнет а стили прописаны в майн сс?

Alekseys (26 Август 2014 - 20:41) писал:

Вставить картинку фона, заменив в background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat; картинку фона catalog_bg1.png на нужную Вам.

z dcnfdkzkf dct hfdyj
я уже меняла все равно не появляется

Наверх

#8 Alekseys

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

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

Отправлено 26 Август 2014 - 20:45

Напишите пожалуйста site_id сайта, где вы проводите эти изменения.

Наверх

#9 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 20:46

АКАУНТ? Аккаунт SL-305648

Наверх

#10 Alekseys

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

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

Отправлено 26 Август 2014 - 21:05

мистка (26 Август 2014 - 20:46) писал:

АКАУНТ? Аккаунт SL-305648

замените

<div style="
		height: 300px;
		background-color: red;
		background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat;
"></div>

на

<div class="tops"></div>

и в main.css добавьте

.tops {
height: 300px;
background-color: red;
background: url({ASSETS_IMAGES_PATH}mega-bg.png) repeat;}

Наверх

#11 мистка

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

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

ГородМосква

Отправлено 26 Август 2014 - 21:34

спасибо но это не помогает и доброй ночи

Наверх

#12 Alekseys

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

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

Отправлено 26 Август 2014 - 22:04

мистка (26 Август 2014 - 21:34) писал:

спасибо но это не помогает и доброй ночи

В main.css замените

.tops {
height: 300px;
background-color: red;
background: urlurl("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat;
}

на

.tops {
height: 300px;
background-color: red;
background: url("{ASSETS_IMAGES_PATH}catalog_bg1.png") repeat;
}

Наверх

#13 мистка

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

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

ГородМосква

Отправлено 27 Август 2014 - 13:37

дОБРЫЙ ДЕНЬ КАК ПЕРЕНЕСТИ ЛОГОТИП ПОДСКАЖИТЕ ПОЖАЛУЙСТА

Наверх

#14 Danil

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

Пользователи
4 645 сообщений

Отправлено 27 Август 2014 - 13:42

мистка (27 Август 2014 - 13:37) писал:

дОБРЫЙ ДЕНЬ КАК ПЕРЕНЕСТИ ЛОГОТИП ПОДСКАЖИТЕ ПОЖАЛУЙСТА

Здравствуйте, уточните пожалуйста номер аккаунта на котором нужно произвести необходимые изменения и куда именно нужно перенести логотип.

Наверх

#15 мистка

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

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

ГородМосква

Отправлено 27 Август 2014 - 14:35

Аккаунт SL-305648

<div class="logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
<link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png" />
<span class="store_name">{SETTINGS_STORE_NAME}</span>
</a>
</div>
<hr>
<nav class

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

Наверх

#16 мистка

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

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

ГородМосква

Отправлено 27 Август 2014 - 14:40

и еще один вопос как сделать верхнее меню неподвижным?

Наверх

#17 мистка

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

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

ГородМосква

Отправлено 27 Август 2014 - 14:56

спасибо) смотрели тему как всегда ..смотрели и бросили...

Наверх

#18 Dars

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

Пользователи
1 410 сообщений

Отправлено 27 Август 2014 - 15:06

мистка (27 Август 2014 - 14:40) писал:

и еще один вопос как сделать верхнее меню неподвижным?

В

мистка (27 Август 2014 - 14:35) писал:

Аккаунт SL-305648

<div class="logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
<link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png" />
<span class="store_name">{SETTINGS_STORE_NAME}</span>
</a>
</div>
<hr>
<nav class

В main.css найдите код:

.logo {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 10%;
	width: 100%;
}

и замените его на:

.logo {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 10%;
}

Чтобы зафиксировать меню, замените:

.header {
position: fixed;
top: 0;
left: 0;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
}

на

.header {
position: absolute;
top: 0;
left: 0;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
}

Наверх

#19 мистка

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

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

ГородМосква

Отправлено 27 Август 2014 - 15:18

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

Наверх

#20 Dars

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

Пользователи
1 410 сообщений

Отправлено 27 Август 2014 - 15:41

мистка (27 Август 2014 - 15:18) писал:

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

В main.css добавьте строку:

@media screen and (max-width: 768px) {
.contactsSite > a {display:none;}
}

Наверх

Обратно в Другое

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

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

Изменение Общей Стилистики.

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

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

Войти

Google поиск