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

[Alex_amazingbags]

Здравствуйте !

Есть некоторые вопросы по оформлению сайта, подскажите пожалуйста как сделать :
1. Верхнее меню подвинуть вверх (на скрине видно)
2. Поле поиска сделать меньше по размеру и поместить в правый верхний угол (на скрине видно)
3. В общем немного увеличить размер текста меню и цвет
4. Подтянуть e-mail между скайпом и временем работы
5. Подвал что бы был всегда снизу страницы (на скрине видно)

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

• 
• 

[miyako]

Alex_amazingbags (06 Июль 2013 - 22:43) писал:

Здравствуйте !

Есть некоторые вопросы по оформлению сайта, подскажите пожалуйста как сделать :
1. Верхнее меню подвинуть вверх (на скрине видно)
2. Поле поиска сделать меньше по размеру и поместить в правый верхний угол (на скрине видно)
3. В общем немного увеличить размер текста меню и цвет
4. Подтянуть e-mail между скайпом и временем работы
5. Подвал что бы был всегда снизу страницы (на скрине видно)

2) Найдите код:

.Search {
vertical-align: middle;
text-align: left;
}

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

.Search {
vertical-align: middle;
text-align: left;
padding-top: 35px;
}

в файле main.css

3) Добавьте в конец main.css:

.contentTableHeadNavigation a {
font-size: 13px;
color: red; /*цвет*/
}
.contentTableHeadNavigation a:hover{
color:green; /*цвет при наведении*/
}

4) не нашла у Вас е-майла

[Alex_amazingbags]

Спасибо за ответы.
2) Найдите код:
.Search {
vertical-align: middle;
text-align: left;
}
и замените на:
.Search {
vertical-align: middle;
text-align: left;
padding-top: 35px;
}
в файле main.css

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

4) не нашла у Вас е-майла
Емеил есть, конечно если говорить про основные настройки. Если нет - подскажите куда занести. Скрин во вложении.

По поводу цвета и размера текста - помогло, но только на верхнее меню по центру. А как задать для всего остального ? Прописывать для каждого из этих блоков в main.css отдельно ?
Остальные вопросы актуальны.

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

• 

[Stasya]

1. В файле main.css найдите блок

.contentTableHeadNavigation {
text-align: center;
}

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

.contentTableHeadNavigation {
text-align: center;
vertical-align: top;
}

2. В  файле main.css найдите блок

.Search {
vertical-align: middle;
text-align: left;
}

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

.Search {
vertical-align: middle;
text-align: left;
width: 220px;
}

Теперь в шаблоне HTML найдите блок

<!-- Поисковая форма -->
		 <td class="Search">
			 <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get">
			 <table class="SearchFormTable">
				 <tr>
				 <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
				 <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				 </tr>
			 </table>
			 </form>
		 </td>

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

<td ></td>

Затем после блока

<!-- Авторизационная информация клиента -->
		 <td>

вставьте блок

<!-- Поисковая форма -->
		 <div class="Search">
			 <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get">
			 <table class="SearchFormTable">
				 <tr>
				 <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
				 <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				 </tr>
			 </table>
			 </form>
		 </div>

4. К сожалению, е-мейл у нас нигде не выводиться, но Вы можете попробовать прописать егов строке ICQ, и тогда он появиться у Вас на сайте.

5. Найдите в файле main.css  блок

.contentTable					 {width:100%;}

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

.contentTable					 {width:100%; min-height: 980px;}

[Alex_amazingbags]

Да, спасибо, всё помогло.
1. А как сделать новые разделы меню в месте где раньше располагалось верхнее меню, которые будут вести на другие страницы ? Хотелось бы с небольшими картинками. (на скрине показано)
2. Как сделать пробел между текстом почты (записал как icq) и иконкой ? На скрине там был значок "_", но с ним некрасиво. Так же хотелось бы что или при нажатии на почту открывался почтовик если возможно. (на скрине показано)

По поводу цвета и размера текста - помогло, но только на верхнее меню по центру. А как задать для всего остального ? Прописывать для каждого из этих блоков в main.css отдельно ?

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

• 

[Alex_amazingbags]

И ещё вопрос, как сделать поменьше размер картинок, который выводит ниво слайдер ? (скрин во вложении)

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

• 

[Stasya]

1. В разделе Сайт-> Меню добавьте пункты верхнего подменю.  Затем в шаблоне HTML найдите блок

<tr>
		
	
		 <td> </td>
			
		
		
		 <!-- Корзина -->

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

<tr>
		
	
		 <td class="contentTableHeadNavigation">
		 {% FOR menu %}
			 {% FOR header1 %}
			 {% FOR links %}
				 <a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a> {% IF menu.header1.links.rindex>1 %}|{% ENDIF %}
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </td>
			
		
		
		 <!-- Корзина -->

2. В шаблоне HTML найдите  строку

<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>

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

<span class="valignMiddle" style="padding-left:5px;">{SETTINGS_STORE_ICQ}</span>

3. В обычном граф. редакторе уменьшите размер изображений и загрузите их снова к себе на сайт.

[Alex_amazingbags]

Спасибо. Частично помогло, но есть нюансы )

1. Меню сделал, добавил. Но они отображаются в общем списке вместе с основными пунктами меню, а мне надо видеть их пониже и с картинками. То есть основные пункты оставить сверху, а новые что бы были пониже, они будут вести на статьи (на скрине показано)

2. это помогло. спасибо

3. Картинки уменьшил в размере в полтора раза, но слайдер их отображает так же. Как всё-таки изменить их что бы они были меньше ? Возможно нужно прописать здесь  <div class="theme-default" style="padding:1em;display:none;"> что-нибудь. (на скрине видно)

И ещё новый вопрос :

4. Как сделать отступы слева и справа больше ? Что бы было расстояние в 2см примерно с краёв. (на скрине видно)

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

• 

[miyako]

Alex_amazingbags (07 Июль 2013 - 21:03) писал:

Спасибо. Частично помогло, но есть нюансы )

1. Меню сделал, добавил. Но они отображаются в общем списке вместе с основными пунктами меню, а мне надо видеть их пониже и с картинками. То есть основные пункты оставить сверху, а новые что бы были пониже, они будут вести на статьи (на скрине показано)

2. это помогло. спасибо

3. Картинки уменьшил в размере в полтора раза, но слайдер их отображает так же. Как всё-таки изменить их что бы они были меньше ? Возможно нужно прописать здесь  <div class="theme-default" style="padding:1em;display:none;"> что-нибудь. (на скрине видно)

И ещё новый вопрос :

4. Как сделать отступы слева и справа больше ? Что бы было расстояние в 2см примерно с краёв. (на скрине видно)

Найдите код:

{% FOR menu %}
						 {% FOR header1 %}
						 {% FOR links %}
								 <a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a> {% IF menu.header1.links.rindex>1 %}|{% ENDIF %}
						 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}

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

{% FOR menu %}
						 {% FOR header2 %}
						 {% FOR links %}
								 <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a> {% IF menu.header2.links.rindex>1 %}|{% ENDIF %}
						 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}

И добавьте в разделе Сайт-Меню header2 как раз в него нужно добавить новые пункты меню, чтобы была возможность расположить их ниже

3. Найдите код в nyvo.css:

.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

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

.nivoSlider {
position: relative;
width: 80%; /*ширина*/
height: auto;
overflow: hidden;
}

4. По отступ не очень понятно. Посмотрите пожалуйста на скриншот

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

• 

[Alex_amazingbags]

Спасибо за ответ
По первому и второму пункту вечером попробую сделать.
По отступу - у меня их нет, вернее отступы есть, но буквально в пол-сантиметра. Предполагаю что зависит от монитора и настроек. И картинки слайдера у Вас тоже выводятся корректно, а на моём мониторе они большие. Это странно. Да и с ноутбука они тоже большие. Или у Вас на скрине уже со скриптом, который изменяет ширину ?

Ещё пару вопросов :
1.Возможно ли убрать линии отступов ? Только что бы потом ничего не поехало.
2.Как добавить например новости магазина (ну или другую статью/форму чего-либо) в указанные рамки, то есть как бы на одном уровне со слайдером. (скрин во вложении)

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

• 

[Alex_amazingbags]

Спасибо, помогло
Актуальны только эти вопросы :

Цитата

Ещё пару вопросов :
1.Возможно ли убрать линии отступов ? Только что бы потом ничего не поехало.
2.Как добавить например новости магазина (ну или другую статью/форму чего-либо) в указанные рамки, то есть как бы на одном уровне со слайдером. (скрин во вложении)

[Alex_amazingbags]

Ещё 2 вопроса, надеюсь по дизайну главной страницы пока последние)
1. Нужно сделать в среднем меню вместо просто надписей картинки, ссылки которых будут вести на нужные темы
2. Верхнее меню немножко опустить вниз, буквально на полсантиметра
скрин во вложении

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

• 

[Сake]

1) Добавьте в ваш файл стилей main.css

.contentTable tr:last-of-type .contentTableHeadNavigation a:nth-of-type(1) {
color: transparent;
padding: 10px;
background: url("Адрес вашего изображения 1") no-repeat center center;
}
.contentTable tr:last-of-type .contentTableHeadNavigation a:nth-of-type(2) {
color: transparent;
padding: 10px;
background: url("Адрес вашего изображения 2") no-repeat center center;
}
.contentTable tr:last-of-type .contentTableHeadNavigation a:nth-of-type(3) {
color: transparent;
padding: 10px;
background: url("Адрес вашего изображения 3") no-repeat center center;
}

В данных классах задайте соответствующие пути к изображениям. Один такой класс указывает изображение к одному элементу. Номер элемента определяется по правилу :nth-of-type(1+n)

2) Добавьте в ваш файл стилей main.css

.contentTable tr:first-of-type .contentTableHeadNavigation {
 padding-top: 15px;
}

[Alex_amazingbags]

Спасибо.
По пунктам :
1. Когда отображается 3 ссылки, они корректные по размеру. Но когда 5, то они накладываются друг на друга и смещаются. Надо что бы они были все в одну строку.
2. С виду не помогло, верхнее меню так и осталось. Но  принципе это не так важно.
3. Нужно рядом со сладйером добавить новый блок, например для акции по товарам.
На скрине всё показано.

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

• 

[Сake]

1) Вам необходимо в стилях которые вы использовали для меню - заменить padding: 20px; на padding: 20px 0; Так же вам необходимо немного уменьшить сами изображения, чтобы в свою очередь уместить 5 пунктов с изображениями.

2) Прошу меня изменить, но по какой-то причине код не верно вставился в предыдущем сообщении(сообщение я обновил). Вам необходимо найти вставленный вами код

.contentTable tr:first-of-type .contentTableHeadNavigation {
		.contentTable tr:last-of-type .contentTableHeadNavigation
}

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

.contentTable tr:first-of-type .contentTableHeadNavigation {
		padding-top: 15px;
}

3) Найдите в вашем шаблоне "HTML" строку

<div class="theme-default" style="padding:1em;display:none;">

и ниже вставьте

<div style="float: right; width: 250px; height: 430px;">
 Ваш код
</div>

Где "Ваш код" это код который вам необходимо вставить в данный блок, чтобы информация началась отображаться.