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


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

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

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

#81 Den1922

Den1922

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

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

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

Здравствуйте!
Помогите пожалуйста по следующим вопросам:
1. С низом сайта, все в картинке 1.jpg
2. Помогите выровнить меню 2.jpg 3.jpg и так же в меню "Новости"
3. Можно ли сделать меню такого вида? 4.png

#82 daria_dnk

daria_dnk

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

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

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

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

Здравствуйте!
Помогите пожалуйста по следующим вопросам:
1. С низом сайта, все в картинке Прикрепленный файл 1.jpg
2. Помогите выровнить меню Прикрепленный файл 2.jpg Прикрепленный файл 3.jpg и так же в меню "Новости"
3. Можно ли сделать меню такого вида? Прикрепленный файл 4.png
Добрый день!
1) Нижний блок сайта
а) удалить выделенные нижние блоки. В шаблоне html найдите и удалите код
	 <div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
			
		 <table width="100%" class="payment_sistem">
			 <tr>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td>
			 </tr>
			 <tr>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td>
			 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			 </tr>
		 </table>
	 </div>
</div>
б)Также удалите код 
		 <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		 <span>{SETTINGS_STORE_REGION}</span><br />
		 <span>Все права защищены</span><br />
		 {COPYRIGHT_FOR_DESIGN_AUTUMN}
		 {SETTINGS_STORE_HTML_CODE}<br />
	 </p>
в)  В том же шаблоне код
<div class="fluid-bg" id="footer-bottom">
<div class="container">
<div class="column full" id="footer-bottom-content">
	
</div>
</div>
</div>
замените на
<div class="fluid-bg" id="footer-bottom">
<div style="border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0;">
<div class="column full" id="footer-bottom-content">
	 <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		 <span>{SETTINGS_STORE_REGION}</span><br /></p>			
</div>
</div>
</div>


2)В шаблоне style.css строку 
.breadcrumb{margin-bottom:25px;color:#909090; font-size:12px}
замените на
.breadcrumb{margin-bottom: 25px;color:#909090; font-size:12px;margin-top: -4px;}
можете сами изменять уровень расположения хлебных крошек изменяя значение параметра margin-top
Далее найдите код 
ul#product_list{list-style-type:none}

замените его на
ul#product_list{list-style-type:none;margin-top: 30px;}

Здесь также сами можете изменять расположения блока каталога изменяя значение параметра margin-top
3) Чтобы не скрывались подкатегории в шаблоне main.js удалите код
// Меню-аккардеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
	 jQuery(this).append('<em class="open-close">&nbsp;</em>');
	 });

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});

jQuery("ul.accordion_main li.parent").each(function(){
	 jQuery(this).append('<em class="open-close">&nbsp;</em>');
	 });

jQuery('ul.accordion_main').accordion();

jQuery("ul.accordion_main li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});

По поводу приведенного Вами примера меню. Вы хотите изменить дизайн каталога на такой или именно создать меню такого вида?

#83 Den1922

Den1922

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

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

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

Спасибо огромное за ответы!
Меню пока решил оставить в том виде как сейчас.
Немного не получилось с низом сайта) вот что получилось 2.jpg так же на фото как хотелось бы
Как регулировать голотип по высоте, а именно 3.jpg

#84 Vaccina

Vaccina

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

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

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

Меню в подвале не обнаружила, чтобы убрать пустой участок в style.css найдите:
#footer-center {
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	padding-bottom: 30px;
}
замените на:
#footer-center {
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	padding-bottom: 30px;
	display:none;
}


На счет лого, в style.css найдите:
#header-logo {
	display: table;
	float: left;
	margin-top: 10px;
	position: relative;
	z-index: 30;
}
измените значение margin-top для увеличения или уменьшения отступа от верхнего края

#85 Den1922

Den1922

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

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

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

Спасибо за ответы!
Низ сайта так и не получается. Сейчас выглядит и как хотелось бы 1.jpg

#86 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

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

Спасибо за ответы!
Низ сайта так и не получается. Сейчас выглядит и как хотелось бы Прикрепленный файл 1.jpg

Здравствуйте, редактируем шаблон HTML
Находим
<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
				 <span>{SETTINGS_STORE_REGION}</span><br /></p>

Заменяем на
<div class="footercopy">
		 <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
				 <span>{SETTINGS_STORE_REGION}</span><br /></p>
</div>

В style.css добавляем
.footercopy {
width: 200px;
min-height: 60px;
margin: 0 auto;
}

#87 Den1922

Den1922

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

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

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

Ничего не получилось, ещё и слайдел пропал, посмотрите сами http://den1922.storeland.ru/

#88 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

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

Ничего не получилось, ещё и слайдел пропал, посмотрите сами http://den1922.storeland.ru/

Обновил инструкцию, попробуйте выполнить еще еще раз

Слайдер работает. Изменения которые вы должны были выполнить никак не могут влиять на слайдер

#89 MikDark

MikDark

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

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

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

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

Ничего не получилось, ещё и слайдел пропал, посмотрите сами http://den1922.storeland.ru/

Если не получится:


Откатите предыдущие изменения и сделайте так:
Находим в style.css код:
.copy {
width: 200px;
float: right;
color: #000;
}

меняем на:
.copy {
width: 200px;
margin: 0 auto;
color: #000;
}

Находим:
.column#header {
margin: 0;
}

меняем на:

.column#header {
margin: 0;
height: 180px;
}

Находим:
.container {
width: 940px;
height: 180px;
margin: 0 auto;
}

меняем на:
.container {
width: 940px;
margin: 0 auto;
}

#90 Den1922

Den1922

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

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

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

Спасибо, второй вариант почти помог)))))))) но не до конца)))
Как полоску внизу поднять ещё не много выше и обрезать по границы сайта, а так же внести следующие изменения 1.jpg 2.jpg

#91 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

Спасибо, второй вариант почти помог)))))))) но не до конца)))
Как полоску внизу поднять ещё не много выше и обрезать по границы сайта, а так же внести следующие изменения Прикрепленный файл 1.jpg Прикрепленный файл 2.jpg
Добрый день
что бы поменять цвет надписи найдите в css код
.copy {
width: 200px;
margin: 0 auto;
color: #000;
}
и замените его на
.copy {
width: 200px;
margin: 0 auto;
color: #666666;
}

найдите в HTML коде 
<div style="border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0;">
<div class="column full" id="footer-bottom-content">

замените

<div style="/* border-top: 1px dotted #c0c0c0; */ /* border-bottom: 1px dotted #c0c0c0; */">
<div id="test" style="
border-bottom: 1px dotted #c0c0c0;
width: 940px;
margin: 0 auto;
">

</div>
<div class="column full" id="footer-bottom-content">
удалите вот эти строчки
	 <div class="column full" id="footer-top-content">
	 {% 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 %}
	 </div>
</div>
</div>

#92 Den1922

Den1922

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

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

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

Спасибо, все получилось!
Продолжу работу, как будут вопросы, пришлю.
Очень помогли, спасибо спасибо спасибо!)

#93 Den1922

Den1922

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

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

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

Здравствуйте!
Помогите пожалуйста, как сделать под меню такого вида Безымянный.png

#94 Vaccina

Vaccina

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

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

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

немного не понятен ваш вопрос, вам необходимо удалить в боковой панели каталог товаров, для этого в style.css найдите:
.block2 {
	bottom: 4px;
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 210px;
}
замените на:
.block2 {
	bottom: 4px;
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 210px;
	display:block;
}

А вот что делать с категориями в основной колонке не понятно

#95 Den1922

Den1922

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

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

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

Описываю подробно свой повпрос, помогите сделать каталог, а именно подкаталог в "Магнитном виниле", то есть:
Мы заходим в каталог 1.jpg потом заходим в раздел "Магнитный винил" и видем там весь товар кучей, а хотелось бы после попадания в раздел "Магнитный винил" увидеть там ещё три меню до попадания уже к товару, то есть  2.jpg
помогите так сделать
Спасибо!

#96 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2014 - 03:30

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

#97 Den1922

Den1922

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

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

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

Блин, так просто))))))))))))))) Спасибо!

#98 Den1922

Den1922

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

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

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

Здравствуйте!
По поводу вопроса 93 и ответа 94, применил, меню осталось на месте Безымянный.png , как его убрать вообще от туда?

#99 MikDark

MikDark

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

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

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

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

Здравствуйте!
По поводу вопроса 93 и ответа 94, применил, меню осталось на месте Прикрепленный файл Безымянный.png, как его убрать вообще от туда?

В style.css добавьте:
.accordion ul a {
display: none;
}

#100 Den1922

Den1922

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

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

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

Здравствуйте!
Появился вот такой вопрос, можно ли привести главную страницу к такому виду? пример: http://brandshop.ru/
то есть у меня на странице есть слайдер, а пом ним хочется сделать меню из 6 фоток, то есть один в один как на сайте пример.
Помогите пожалуйста.
Обратно в Изменение общей стилистики


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

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

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