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


Подвал

Подвал

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

#1 Zagadaika

Zagadaika

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

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

Отправлено 09 Декабрь 2014 - 20:34

Здравствуйте. Нужно сделать потменее верехнюю оконтовку подвала. Нужно сделать так как на скриншоте.
Безымянный1.png

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 09 Декабрь 2014 - 20:36

Просмотр сообщенияZagadaika (09 Декабрь 2014 - 20:34) писал:

Здравствуйте. Нужно сделать потменее верехнюю оконтовку подвала. Нужно сделать так как на скриншоте.
Прикрепленный файл Безымянный1.png
Здравствуйте.
Уточните, пожалуйста, для какого сайта необходимо произвести данные изменения?

#3 Zagadaika

Zagadaika

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

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

Отправлено 09 Декабрь 2014 - 21:21

Просмотр сообщенияRayLi (09 Декабрь 2014 - 20:36) писал:

Здравствуйте.
Уточните, пожалуйста, для какого сайта необходимо произвести данные изменения?
Elephoneshop.ru
SL-253547

#4 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2014 - 01:30

В main.css найдите:
#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto;padding-top:15px;}
замените на:
#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto;padding-top:15px;}


#5 Zagadaika

Zagadaika

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

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

Отправлено 10 Декабрь 2014 - 11:31

Просмотр сообщенияVaccina (10 Декабрь 2014 - 01:30) писал:

В main.css найдите:
#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto;padding-top:15px;}
замените на:
#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto;padding-top:15px;}
Спасибо!

#6 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 19:19

1) Хочется ввести такие же заголовки и под заголовки под ними и предать заголовкам тоже цвет
2) Ввести вместо контакта, кнопочки для рассказа о сайте в одноклассниках, вк, маиле и других соц сетей.

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

  • Подвал.png


#7 Vaccina

Vaccina

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

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

Отправлено 18 Декабрь 2014 - 02:46

1. В main.css найдите:
#footer h4 {
	border-bottom: 1px solid #e1e1e1;
	color: #000000;
	font-size: 21px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 0 0 8px;
}
замените на:
#footer h4 {
	background: none repeat scroll 0 0 #48d1cc;
	border-bottom: 1px solid #e1e1e1;
	border-radius: 10px 10px 0 0;
	color: #000000;
	font-size: 21px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 8px;
}

2.В шаблоне HTML после:
<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>

вставьте:
<div class="one_fourth last column">
		  <h4>Заголовок</h4>
		  <div class="footer_links">
			код кнопок социальных сетей
		  </div>
		</div>


#8 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 18 Декабрь 2014 - 08:59

Добрый день.. помогите пожалуйства
1) Как заголовок немного подвинуть в право
2) как изменить название заголовка
3 как ввести кнопки ВК , одноклассники и тому подобное, чтобы при нажатии люди рассказывали в своих соц сетях обо мне?

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

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


#9 MikDark

MikDark

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

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

Отправлено 18 Декабрь 2014 - 10:50

Просмотр сообщенияAntsupov Vyacheslav (18 Декабрь 2014 - 08:59) писал:

Добрый день.. помогите пожалуйства
1) Как заголовок немного подвинуть в право
2) как изменить название заголовка
3 как ввести кнопки ВК , одноклассники и тому подобное, чтобы при нажатии люди рассказывали в своих соц сетях обо мне?

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

В шаблоне HTML найдите код:
<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>

и замените на:
<div class="one_fourth column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>

2) В том же шаблоне ниже находим:
<h4>Заголовок</h4>

и меняем название заголовка на свой.

3) Вам нужно найти в интернете виджеты кнопок "Поделиться" (можете найти в самих соц.сетях) и прислать нам их коды, указав, где Вы хотите видеть данные кнопки.

#10 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 18 Декабрь 2014 - 16:20

Спасибо большое! всё получилось!

Только вот где мне взять коды для них?

#11 MikDark

MikDark

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

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

Отправлено 18 Декабрь 2014 - 16:43

Просмотр сообщенияAntsupov Vyacheslav (18 Декабрь 2014 - 16:20) писал:

Спасибо большое! всё получилось!

Только вот где мне взять коды для них?

В поисковых системах поищите, там должны быть ссылки или инструкции.

#12 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 18 Декабрь 2014 - 16:55

MikDark, видимо нашёл https://tech.yandex.ru/share/
Расположить нужно в подвале под заголовком "Вы можете о нас рассказать"


#13 MikDark

MikDark

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

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

Отправлено 18 Декабрь 2014 - 17:10

Просмотр сообщенияAntsupov Vyacheslav (18 Декабрь 2014 - 16:55) писал:

MikDark, видимо нашёл https://tech.yandex.ru/share/
Расположить нужно в подвале под заголовком "Вы можете о нас рассказать"


В шаблоне HTML замените код:
<div class="footer_links">
						Вконтакте
						Однаклассники
						Mail
				   
				  </div>

на

<div class="footer_links">
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="small" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter"></div>
				  </div>


#14 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 18 Декабрь 2014 - 17:21

Всё получилось)
А можно как-нибудь виджеты увеличить в размере, а то малюсенькие такие)

Примерно нарисовал ввиде оранжевого квадрата, какой размер надо)

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

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


#15 MikDark

MikDark

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

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

Отправлено 18 Декабрь 2014 - 17:26

Просмотр сообщенияAntsupov Vyacheslav (18 Декабрь 2014 - 17:21) писал:

Всё получилось)
А можно как-нибудь виджеты увеличить в размере, а то малюсенькие такие)

Примерно нарисовал ввиде оранжевого квадрата, какой размер надо)

В опциях по ссылке https://tech.yandex.ru/share/ поищите другие варианты отображения и получите новый код кнопок.

#16 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 18 Декабрь 2014 - 22:17

1) надо чтобы надписи стали видны или цвет поменять или что, я в догадках
2) как вставить туда картинку? или фон какой-нибудь

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

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


#17 Vaccina

Vaccina

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

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

Отправлено 19 Декабрь 2014 - 00:38

1. В main.css найдите:
.menu_main li a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-right: 20px;
}
замените на:
.menu_main li a {
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-right: 20px;
}

2.В main.css найдите:
#footer .inner_top {
	background: #ffffff !important;
	border-bottom: 4px solid #e1e1e1;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	overflow: auto;
	padding-top: 15px;
	position: relative;
}
и измените значение стиля background, пример:
#footer .inner_top {
	background: url('ссылка на картинку') repeat !important;
	border-bottom: 4px solid #e1e1e1;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	overflow: auto;
	padding-top: 15px;
	position: relative;
}


#18 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 01:05

Ругается(((

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

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


#19 Vaccina

Vaccina

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

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

Отправлено 19 Декабрь 2014 - 01:48

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

#20 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 08:20

Всё получилось, спасибо





Темы с аналогичным тегами Подвал

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

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