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


Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Автор Den1922, 03 апр. 2014 10:02
Дизайн об

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

#61 Den1922

Den1922

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

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

Отправлено 09 Апрель 2014 - 10:15

Здравствуйте!
Очень жду Вашей помощи.

#62 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Апрель 2014 - 16:48

Просмотр сообщенияDen1922 (07 Апрель 2014 - 20:54) писал:

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

1) Откройте шаблон HTML, найдите строки:

{% FOR menu %}
		  {% FOR footer %}
			  <ul id="megamenu_bottom">
				{% FOR links %}<li {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
		  {% ENDFOR %}
		{% ENDFOR %}

и замените их на:
<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" {% IF menu.header.links.NAME = Вход / Регистрация %}style="float:right;"{% ENDIF %}>
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}
	   
		{% IFNOT menu_empty %}
		  <ul class="accordion_main">
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				  {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации -->

3) В style.css найдите код:
#create-account_form, #login_form {
display: block;
float: left;
}

и замените на:
#create-account_form, #login_form {
display: block;
float: left;
width: 300px;
}

Ниже добавьте:
#login_form {
float:right !important;
}

Проделайте эти изменения и посмотрим вторые 2 вопроса.

#63 Den1922

Den1922

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

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

Отправлено 09 Апрель 2014 - 20:28

Спасибо за ответ!
Применил все что Вы сказали:
-низ сайта остался без изменения, сайт стал выглядеть так 1.jpg
я сделал бекап, жду Вашей помощи!!!

Из 4 пунктов, получился только пункт №3. Помогите сделать остальные.

#64 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Апрель 2014 - 20:38

Просмотр сообщенияDen1922 (09 Апрель 2014 - 20:28) писал:

Спасибо за ответ!
Применил все что Вы сказали:
-низ сайта остался без изменения, сайт стал выглядеть так Прикрепленный файл 1.jpg
я сделал бекап, жду Вашей помощи!!!

Из 4 пунктов, получился только пункт №3. Помогите сделать остальные.

Изменения произвели, посмотрите.

#65 Den1922

Den1922

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

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

Отправлено 09 Апрель 2014 - 20:55

Спасибо за нижнее меню! Можно сделать так чтобы его не было на главной, а на остальных страницах было, а так же сделать цвет и шрифта как на верхнем.
Подскажите, как сделать на всем сайте один шрифт и один цвет, так как где то чисто черный, где то серый да и шрифт как мне кажется везде разный или я ошибаюсь?
Как сделать чисто черный цвет, а шрифт как в верхнем меню на всем сайте или это надо в ручную везде менять?

#66 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Апрель 2014 - 21:01

Просмотр сообщенияDen1922 (09 Апрель 2014 - 20:55) писал:

Спасибо за нижнее меню! Можно сделать так чтобы его не было на главной, а на остальных страницах было, а так же сделать цвет и шрифта как на верхнем.
Подскажите, как сделать на всем сайте один шрифт и один цвет, так как где то чисто черный, где то серый да и шрифт как мне кажется везде разный или я ошибаюсь?
Как сделать чисто черный цвет, а шрифт как в верхнем меню на всем сайте или это надо в ручную везде менять?

В style.css ищем код:
#megamenu_bottom li a {
text-decoration: none;
padding: 7px 10px;
display: inline-block;
text-transform: uppercase;
}

и меняем на:
#megamenu_bottom li a {
text-decoration: none;
padding: 7px 10px;
display: inline-block;
font-size: 11px;
text-transform: uppercase;
}

Далее в шаблоне HTML найдите код:
{% FOR menu %}
		 {% FOR footer %}
			 <ul id="megamenu_bottom">
			 {% FOR links %}<li {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			 </ul>
		 {% ENDFOR %}
	 {% ENDFOR %}

и замените на

{% IFNOT index_page %}
{% FOR menu %}
		 {% FOR footer %}
			 <ul id="megamenu_bottom">
			 {% FOR links %}<li {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			 </ul>
		 {% ENDFOR %}
	 {% ENDFOR %}
{% ENDIF %}

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

#67 Den1922

Den1922

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

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

Отправлено 09 Апрель 2014 - 21:44

Спасибо!
Получилось но не до конца.
1.Подскажите как доделать нижнее меню до полного подобия верхнего 1.jpg
2.Как скомпоновать низ сайте примерно таким образом 2.jpg
3.Как убрать надпись ООО "Ден"(красного цвета) под логотипом?
4.Как сделать вид страницы Контакты как на картинке? 3.jpg

#68 fredshka

fredshka

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

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 09 Апрель 2014 - 23:04

Привет!

Помогите, плиз! Когда добавляешь товар в корзину "Быстрый заказ", а затем выбираешь "оформить заказ" - открывается окошко, куда клиенту необходимо внести нужную информацию для совершения заказа! Так вот это окошко появляется под закрепленным хедером и ничего сделать нельзя!

Помогите исправить, пожалуйста!

Сайт - впостельке.рф

#69 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2014 - 04:22

В style.css найдите примерно сл.блок:
#header-fluid {
	background: url("http://design.xn--b1agateqgrj6h.xn--p1ai/header-top-bg.png") repeat-x scroll 0 0 #FAFAFA;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
и уменьшите значение z-index до 99

#70 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 08:53

Просмотр сообщенияVaccina (10 Апрель 2014 - 04:22) писал:

В style.css найдите примерно сл.блок:
#header-fluid {
background: url("http://design.xn--b1agateqgrj6h.xn--p1ai/header-top-bg.png") repeat-x scroll 0 0 #FAFAFA;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
и уменьшите значение z-index до 99
Это ответ на какой вопрос?

#71 Taisia

Taisia

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

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

Отправлено 10 Апрель 2014 - 09:36

Просмотр сообщенияDen1922 (10 Апрель 2014 - 08:53) писал:

Это ответ на какой вопрос?

это ответ на вопрос fredshka сообщение #68

Просмотр сообщенияDen1922 (10 Апрель 2014 - 08:53) писал:

Это ответ на какой вопрос?

что бы сделать контакты в футере черного цвета добавьте в конец файла стилей код (сайт- редактор шаблонов)
#footer .contacts {
	color: black;
}
#footer .contacts a {
	color: black !important;
}

#72 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 09:40

Просмотр сообщенияTaisia (10 Апрель 2014 - 09:36) писал:

это ответ на вопрос fredshka сообщение #68



что бы сделать контакты в футере черного цвета добавьте в конец файла стилей код (сайт- редактор шаблонов)
#footer .contacts {
color: black;
}
#footer .contacts a {
color: black !important;
}
Простите это тоже для
fredshka?

#73 Taisia

Taisia

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

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

Отправлено 10 Апрель 2014 - 09:53

Что бы вывести в футере такое же меню как в верху вам в файле HTML нужно код 

<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenuf">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" {% IF menu.header.links.NAME = Вход / Регистрация %}style="float:right;"{% ENDIF %}>
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

вставить  ПОСЛЕ кода 

  <div class="column full" id="footer">

далее в файле стилей в конец добавить код 

/* Меню в шапке */
#megamenuf {
position: absolute;
height: 35px;
border-top: 1px dotted #c0c0c0;
float: left;
width: 100%;
top: -9px;
}
#megamenuf:after{display:block;content:"";clear:both}
#megamenuf li.root_menu {
padding: 10px 8px 5px 8px;
float: left;
position: relative;
}
#megamenuf li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}
#megamenuf li .root_link:hover,
#megamenuf li.active .root_link {color:#da3b44}
/* END Меню в шапке */

там же в файле стилей найти код  

#footer{color:#fff;}

и заменить на код 

#footer{color:#fff;position: relative;}

Просмотр сообщенияDen1922 (10 Апрель 2014 - 09:40) писал:

Простите это тоже для
fredshka?

это сообщение уже для вас

дублирую

это вы должны сделать у себя на сайте





Цитата


что бы сделать контакты в футере черного цвета добавьте в конец файла стилей код (сайт- редактор шаблонов)
#footer .contacts {
color: black;
}
#footer .contacts a {
color: black !important;
}

Просмотр сообщенияDen1922 (09 Апрель 2014 - 21:44) писал:

Спасибо!
Получилось но не до конца.
1.Подскажите как доделать нижнее меню до полного подобия верхнего Прикрепленный файл 1.jpg
2.Как скомпоновать низ сайте примерно таким образом Прикрепленный файл 2.jpg
3.Как убрать надпись ООО "Ден"(красного цвета) под логотипом?
4.Как сделать вид страницы Контакты как на картинке? Прикрепленный файл 3.jpg


Что бы убрать вывод иконок способов оплаты в конец файла стилей вставьте код 

.payment_sistem {
	display: none;
}

что бы убрать надпись вам нужно удалить содержимое поле которое указано на скриншоте

Screenshot_1.png

что касается контактов то:

В разделе сайт -> страницы -> создайтестраницу с именем контакты и в нее добавьте эти данные.

Далее зайдите в раздел сайт -> меню и измените то название контактов на "Обратная связь", далее добавьте пункт меню страницы Контакты, которую Вы только что создали

#74 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 10:08

Спасибо, все получилось!
По низу сайта помогите пожалуйста, а именно скомпоновать его, 2 пункт из вопроса №67.
Так же помогите выравнить меню регистрации меню регистрации.jpg

#75 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Апрель 2014 - 11:00

Просмотр сообщенияDen1922 (10 Апрель 2014 - 10:08) писал:

Спасибо, все получилось!
По низу сайта помогите пожалуйста, а именно скомпоновать его, 2 пункт из вопроса №67.
Так же помогите выравнить меню регистрации Прикрепленный файл меню регистрации.jpg

Некоторые изменения произвели. Теперь Вам нужно в шаблоне style.css найти:
#footer > div {
width: 20%!important;
padding: 0!important;
margin: 30px 20px 0 0!important;
float: left;
}

и заменить на:
#footer > div {
width: 20%!important;
padding: 0!important;
margin: 0px 20px 0 0!important;
float: left;
}
.contacts {
color: #000;
}

Там же найдите код:
.content-form {
padding: 0 20px !important;
margin-bottom: 20px;
background: #ffffff;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 6px solid #da3b44;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
/* margin: 10px auto 0 auto; */
padding: 0;
width: 300px;
text-align: center;
}

и замените на:
.content-form {
padding: 0 20px !important;
margin-bottom: 20px;
background: #ffffff;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 6px solid #da3b44;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
/* margin: 10px auto 0 auto; */
padding: 0;
width: 280px;
text-align: center;
}

далее найдите:
#create-account_form, #login_form {
display: block;
float: left;
width: 300px;
}

и замените на:
#create-account_form, #login_form {
display: block;
float: left;
width: 317px;
}

#76 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 11:13

Спасибо за ответ!
Сделал всё как Вы написали, вот что получилось 1.jpg

#77 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Апрель 2014 - 11:22

Просмотр сообщенияDen1922 (10 Апрель 2014 - 11:13) писал:

Спасибо за ответ!
Сделал всё как Вы написали, вот что получилось Прикрепленный файл 1.jpg

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

#78 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 11:25

Обновил, ошибка висит, подскажите, как исправить?

#79 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Апрель 2014 - 11:36

Просмотр сообщенияDen1922 (10 Апрель 2014 - 11:25) писал:

Обновил, ошибка висит, подскажите, как исправить?

Данной ошибки у нас не обнаружено. Нажмите ctrl+F5 или посмотрите через другой браузер, возможно закэшировалась старая версия.
Еще в style.css добавьте:
.contacts a {
color: #000;
}

#80 Den1922

Den1922

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

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

Отправлено 10 Апрель 2014 - 12:06

Огромно Спасибо за помощь! Ошибка исчезла, продолжу наполнение сайта и буду готовить для вас новую порцию вопросов)))))))))))))))
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Изменение общей стилистики
  6. Privacy Policy