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


И Мне Помогите С Дизайном


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

#1 Tanya

Tanya

    Новичок

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

Отправлено 30 Июнь 2014 - 23:30

Пыталась сама разбираться, но увы...(( нужна Ваша помощь
Аккаунт SL-292728  
Вопросы на фото

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

  • Безымянный.png
  • Безымянный2.png
  • Безымянный3.png


#2 Ирина345

Ирина345

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

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

Отправлено 01 Июль 2014 - 13:58

Просмотр сообщенияTanya (30 Июнь 2014 - 23:30) писал:

Пыталась сама разбираться, но увы...(( нужна Ваша помощь
Аккаунт SL-292728  
Вопросы на фото
Здравствуйте,
1. поменять фон
найдите в style.css
#wrapper{background-color:#f2f2f2}
меняете значение background-color:#f2f2f2 (например background-color:#345612)
2. Увеличить размер шрифта каталога
найдите в style.css
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }
замените на
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:15px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }
меняте значение font-size:15px;
3. Опускаем меню
найдите в style.css
#megamenu{position:absolute;height:54px;top:90px;left:238px;} 
замените на
#megamenu{position:absolute;height:54px;top:162px;left:238px;} 
.
4.Уменьшаем колличество просмотренных товаров
найдите в hTML
 <!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4 class="title_block">Недавно просмотренные товары</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				  <li class="item clearfix">
замените на

 <!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4 class="title_block">Недавно просмотренные товары</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}

{% FOR recently_viewed_goods %}
								{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
				  <li class="item clearfix">
5. Способы оплаты
найдите в HTML
 <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>
замените на

 <table width="100%" class="payment_sistem">
			  <tr>
			 
				<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>
			 
			  </tr>
			
			</table>


#3 Tanya

Tanya

    Новичок

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

Отправлено 01 Июль 2014 - 23:59

Спасибо большое! Все четко !))

Еще вопросики:

1) на счет фона. Можно ли фоном сделать картинку? ну например как в приложенном фото, или какой то другой фон по желанию( тут надо поэксперементировать)?
2) как поставить слоган в шапку(посередине) и контактный телефон (справа)+кнопки соц. сетей?

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

  • allfons_ru-15831.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2014 - 01:15

1. В style.css найдите:
#wrapper {
	background-color: #f2f2f2;
}
замените на:
#wrapper {
	background: url('{ASSETS_IMAGES_PATH}название файла картинки') repeat;;
}

2. http://forum.storela...ку/#entry116147
Для добавление слогана в шаблоне HTML найдите:
<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 class="slogan">текст</div>


#5 Tanya

Tanya

    Новичок

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

Отправлено 04 Июль 2014 - 23:56

1) с фоном разобралась, все ОК. спасибо
2) по поводу контактного телефона, вроде все сделала как было написано http://forum.storela...ку/#entry116147
а получилась какая-то бяка ))) (см. приложенную картинку) в чем может быть загвоздка?
3) можно ли убрать белые поля на слайдере?

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

  • Безымянный6.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 05 Июль 2014 - 01:48

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

Телефонов у вас не обнаружила, на счет слайдера в style.css найдите:
.flexslider {
background: none repeat scroll 0 0 #fff;
border: 4px solid #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin: 0 auto 30px;
position: relative;
width: 1160px;
}
попробуйте уменьшить значение width

Также в шаблоне HTML найдите:
<div id="search_block_top">
перед ним вставьте:
<br/>


#7 Tanya

Tanya

    Новичок

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

Отправлено 05 Июль 2014 - 15:17

Со слайдером разобралась, спс.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.

И с Поиском  не вышло. Вставила <br/> перед <div id="search_block_top">,  Но он только чуть вниз сдвинулся.

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

  • 7.jpg


#8 Dars

Dars

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

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

Отправлено 05 Июль 2014 - 15:50

Просмотр сообщенияTanya (05 Июль 2014 - 15:17) писал:

Со слайдером разобралась, спс.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.

И с Поиском  не вышло. Вставила <br/> перед <div id="search_block_top">,  Но он только чуть вниз сдвинулся.
В шаблоне 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_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>
						 
						  </tr>
						
						</table>
	 </div>
	</div>
Затем найдите строки:
div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	  <img class="logo" src="{ASSETS_IMAGES_PATH}logo2.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
			{SETTINGS_STORE_NAME}
	 </a>
	</div>
и после него добавьте:
	   <!-- Контактный телефон -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div class="contacts">
<h4>Контакты</h4>
				<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>
			{% ENDIF %}
Затем в style.css:
Найдите строку:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
и замените её на:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
Строку:
#search_block_top{position:static;float:right;margin:26px 10px 0 0}
замените на:
#search_block_top{position:static;float:right;margin:90px 10px 0 0}


#9 Tanya

Tanya

    Новичок

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

Отправлено 05 Июль 2014 - 23:24

Затем в style.css:
Найдите строку:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
и замените её на:
[CODE]
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}

А чем отличаются эти строки???

#10 Vaccina

Vaccina

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

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

Отправлено 06 Июль 2014 - 02:26

h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
увеличьте тут значение стиля font-size, как понимаю, вы хотели увеличить эту надпись




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

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