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

[ach312]

Подскажите пожалуйста, как меню сделать чтобы было поверх картинки с лого ( чтобы кликать можно было по нему)
http://m1252.storeland.ru/

[ach312]

Точнее даже лучше как сделать чтобы было место между шапкой и слайдером под меню, примерно как на картинке:

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

• 

[miyako]

ach312 (09 Ноябрь 2013 - 19:55) писал:

Точнее даже лучше как сделать чтобы было место между шапкой и слайдером под меню, примерно как на картинке:

У Вас сейчас также как и на скриншоте. Вопрос актуален. Если да, то уточните где должно быть расстояние
- между меню верхнем и слайдером
- между слайдером и контентом
-... ?

[ach312]

miyako (10 Ноябрь 2013 - 10:34) писал:

У Вас сейчас также как и на скриншоте. Вопрос актуален. Если да, то уточните где должно быть расстояние
- между меню верхнем и слайдером
- между слайдером и контентом
-... ?

не совсем также  -у меня меню сейчас находится на слайдере, а мне нужно чтобы было расстояние между шапкой(где лого) и слайдером примерно 50-70 пикселей, чтобы туда поместить меню.

То что на скриншоте это я отредактировал в фотошопе. Там видите меню отделена двумя полосками от верхней части ( гле лого и поиск) и от слайдера. Вот мне также надо сделать.

[miyako]

ach312 (10 Ноябрь 2013 - 11:32) писал:

не совсем также  -у меня меню сейчас находится на слайдере, а мне нужно чтобы было расстояние между шапкой(где лого) и слайдером примерно 50-70 пикселей, чтобы туда поместить меню.

То что на скриншоте это я отредактировал в фотошопе. Там видите меню отделена двумя полосками от верхней части ( гле лого и поиск) и от слайдера. Вот мне также надо сделать.

Найдите код в style.css -

#header {
z-index: 10;
}

и замените на  -

#header {
z-index: 10;
height: 163px;
}

[ach312]

miyako (10 Ноябрь 2013 - 13:15) писал:

Найдите код в style.css -

#header {
z-index: 10;
}

и замените на  -

#header {
z-index: 10;
height: 163px;
}

Спасибо. А как теперь в этот промежуток получившийся вставить картинку (фон)?
Серую линию например я хочу вставить, такую же как снизу, только выше букв меню

[miyako]

ach312 (10 Ноябрь 2013 - 13:35) писал:

Спасибо. А как теперь в этот промежуток получившийся вставить картинку (фон)?
Серую линию например я хочу вставить, такую же как снизу, только выше букв меню

Найдите код в шаблоне HTML -

<div class="fluid-bg" id="header-fluid">

и после этой строки добавьте -

<div style=" box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); height: 118px; position: absolute; width: 100%;"></div>

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

• 

[ach312]

Спасибо!

И подскажите пожалуйста последние моменты:
1. когда я в админке в настройки/основные ввожу название магазина - оно отображается вверху, возле логотипа и в самом низу в подвале. как сделать так, чтобы отображалось только в подвале, а вверху чтобы не отображалось?
2. как в верхнем меню увеличить шрифт или например сделать его жирным?
3. как в контактах внизу номер аськи сделать чтобы он был до режима работы ?
4. тексты автоматически отображаются обычным шрифтом, а текст написанный с пунктами отображается жирным шрифтом автоматически, не зависимо от того, как я в редакторе этот текст написал. как это поправить? (вот тут например:
Автомобильные аксессуары zz - auto . ru/
Доставка и оплата zz - auto . ru / page/Доставка )

[ne_yana]

ach312 (12 Ноябрь 2013 - 08:14) писал:

Спасибо!

И подскажите пожалуйста последние моменты:
1. когда я в админке в настройки/основные ввожу название магазина - оно отображается вверху, возле логотипа и в самом низу в подвале. как сделать так, чтобы отображалось только в подвале, а вверху чтобы не отображалось?
2. как в верхнем меню увеличить шрифт или например сделать его жирным?
3. как в контактах внизу номер аськи сделать чтобы он был до режима работы ?
4. тексты автоматически отображаются обычным шрифтом, а текст написанный с пунктами отображается жирным шрифтом автоматически, не зависимо от того, как я в редакторе этот текст написал. как это поправить? (вот тут например:
Автомобильные аксессуары zz - auto . ru/
Доставка и оплата zz - auto . ru / page/Доставка )

Здравствуйте,
1. Замените

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

на

<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
		 Любой текст
	 </a>
</div>

,
либо просто не вводите туда текст.
2. В файле style.css замените

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

на

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}

значение параметра font-size установите на свое усмотрение.
3. Найдите в разделе Сайт - Редактор шаблонов - HTML и удалите

			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

вставьте его перед

			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}

4. Код в файле sryle.css

body {
line-height: 1;
font: 600 12px/18px 'Open Sans',Helvetica,Arial;
}

перекрывает стили, которые Вы самостоятельно применяете в редакторе. Можно заменить его на

body {
line-height: 1;
font: 12px/18px 'Open Sans',Helvetica,Arial;
}

Но вследствие этого, возможно, придется вносить исправления к другим частям текста сайта.

[ach312]

ne_yana (12 Ноябрь 2013 - 08:38) писал:

Здравствуйте,
1. Замените

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

на

<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
		 Любой текст
	 </a>
</div>

,
либо просто не вводите туда текст.

Так получается, что текст отражается вверху а внизу не отображается. А мне нужно наоборот.
Если вообще не писать текст, то внизу будут пустые скобки

[ne_yana]

ach312 (12 Ноябрь 2013 - 08:41) писал:

Так получается, что текст отражается вверху а внизу не отображается. А мне нужно наоборот.
Если вообще не писать текст, то внизу будут пустые скобки

Извините, тогда нужно просто удалить

«{SETTINGS_STORE_NAME}»

,
либо вставить свой текст вместо {SETTINGS_STORE_NAME}

[ach312]

ne_yana (12 Ноябрь 2013 - 08:38) писал:

Здравствуйте,
2. В файле style.css замените

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

на

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}

значение параметра font-size установите на свое усмотрение.

font-weight: bold;
Эта строка не помогает сделать шрифт жирным почему-то

[ne_yana]

ach312 (12 Ноябрь 2013 - 09:40) писал:

font-weight: bold;
Эта строка не помогает сделать шрифт жирным почему-то

Это связано с наложением стилей, о котором я писала в 4 пункте. После выполнения 4 пункта, можно будет для меню отдельно прописать желаемый шрифт и его начертание.

[ach312]

все равно не помогает :-)
внес изменения по п.4 как вы и говорите - но все равно текст не удается отредактировать

[ne_yana]

ach312 (12 Ноябрь 2013 - 10:12) писал:

все равно не помогает :-)
внес изменения по п.4 как вы и говорите - но все равно текст не удается отредактировать

Замените

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font: inherit;
}

на

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
}

[ach312]

А подскажите пожалуйста можно ли строку поиска сделать короче на 1-2 см слева?

[ne_yana]

ach312 (12 Ноябрь 2013 - 12:39) писал:

А подскажите пожалуйста можно ли строку поиска сделать короче на 1-2 см слева?

В файле style.css в коде

#search_block_top #search_query_top {
width: 350px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

уменьшите значение параметра width.