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


Изменение Расположения Элементов.


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

#1 dom942331

dom942331

    Продвинутый пользователь

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

Отправлено 03 Октябрь 2014 - 20:25

Здравствуйте. Помогите пожалуйста переделать несколько мелочей :rolleyes:
1. Переместить поиск по указанию стрелки.
2. Опустить ниже логотип, на уровень красной линии.
3. Убрать отображение названия магазина под логотипом.

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

  • Изменения.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 21:04

1. Для этого в шаблоне HTML необходимо переместить блок:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>
поставив его после:
<div class="container">
				 <main class="content">
и в main.css добавьте стили:
.content .search{
display: block;
float: right;
position: absolute;
right: 0;
top: 80px;
width: 40%;
}
2. В main.css найдите:
.logo {
display: block;
float: left;
margin-bottom: 10%;
overflow: hidden;
width: 100%;
}
замените на:
.logo {
display: block;
float: left;
margin-bottom: 10%;
margin-top: 10px;
overflow: hidden;
width: 100%;
}
3. В main.css найдите:
.logo .store_name {
color: #34495e;
display: inline-block;
text-align: center;
width: 100%;
}
замените на:
.logo .store_name {
color: #34495e;
display: none;
text-align: center;
width: 100%;
}

p.s.: добавьте пожалуйста в свой профиль номер второго аккаунта

#3 dom942331

dom942331

    Продвинутый пользователь

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

Отправлено 04 Октябрь 2014 - 08:05

Просмотр сообщенияVaccina (03 Октябрь 2014 - 21:04) писал:

1. Для этого в шаблоне HTML необходимо переместить блок:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>
поставив его после:
<div class="container">
				 <main class="content">
и в main.css добавьте стили:
.content .search{
display: block;
float: right;
position: absolute;
right: 0;
top: 80px;
width: 40%;
}
2. В main.css найдите:
.logo {
display: block;
float: left;
margin-bottom: 10%;
overflow: hidden;
width: 100%;
}
замените на:
.logo {
display: block;
float: left;
margin-bottom: 10%;
margin-top: 10px;
overflow: hidden;
width: 100%;
}
3. В main.css найдите:
.logo .store_name {
color: #34495e;
display: inline-block;
text-align: center;
width: 100%;
}
замените на:
.logo .store_name {
color: #34495e;
display: none;
text-align: center;
width: 100%;
}

p.s.: добавьте пожалуйста в свой профиль номер второго аккаунта
Спасибо большое. Номер аккаунта добавил в профиль.




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

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