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


Создание Подвала Сайта


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

#1 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 26 Январь 2015 - 19:35

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

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

  • Снимок-экрана-2015-01-25-в-19.14.06.png


#2 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 27 Январь 2015 - 17:08

Ответьте пожалуйста.

#3 Ирина345

Ирина345

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

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

Отправлено 27 Январь 2015 - 17:46

Просмотр сообщенияprukon (26 Январь 2015 - 19:35) писал:

Добрый вечер. Некоторые правки уже внесены, теперь идем дальше. (см. скриншот).
1. Как добавить линию.
3. Как добавить текст "партнеры" и разместить с ним рядом логотипы партнеров.
3. Как добавить текст "платежные системы" и разместить с ним рядом картинки платежных систем.
Здравствуйте,
1. найдите в hTMl
</nav>
				<div data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1337286" data-mode="share" data-background-color="#1400ff" data-hover-effect="rotate-cw" data-share-shape="round" data-share-counter-size="15" data-icon-color="#ffffff" data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#cf3232" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr." data-selection-enable="true" data-exclude-show-more="true" data-share-style="6" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ><span>Мы в социальных сетях сетях:</span></div>			
				<div class="footerBot">
			   
замените на

			  <div data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1337286" data-mode="share" data-background-color="#1400ff" data-hover-effect="rotate-cw" data-share-shape="round" data-share-counter-size="15" data-icon-color="#ffffff" data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#cf3232" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr." data-selection-enable="true" data-exclude-show-more="true" data-share-style="6" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ><span>Мы в социальных сетях сетях:</span></div>			 </nav> 
				<div class="footerBot">
			   

далее в main.css
в конец файла добавьте

.footerMenu {
border-bottom: 1px solid #fff;
height: 50px;
}


2 Найдите в HTML
    
 <div class="footerBot">
замените на



 <div class="footerBot">

		<div class="news_list_shop column ">
								<div class="newHead">
								  <h4>Партнеры</h4>
								</div>
								<div class="newCont">
								  <ul class="postList">
										<li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
								 <li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
  <li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
								  </ul>
								</div>
							</div>

 <div class="news_list_mass_media column ">
								<div class="newHead">
								  <h4>Способ оплаты</h4>
								</div>
								<div class="newCont">
								  <ul class="postList">
								   
									 <li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
<li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
<li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
<li><a href="ссылка "><img src="ссылка на картинку"/></a></li>
							   
								  </ul>
								</div>
							</div>



#4 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 27 Январь 2015 - 21:21

Полоса встала как положено. А вот блоки партнеры и способы оплаты  расположились друг под другом. Как это исправить?

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

  • Снимок экрана 2015-01-27 в 21.19.51.png


#5 Vaccina

Vaccina

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

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

Отправлено 28 Январь 2015 - 01:12

В main.css после:
.infoSite {
	background-color: #1abc9c;
	border-radius: 3px;
	color: #d1f2eb;
	display: block;
	float: right;
	line-height: 1.4;
	margin: 1% 1% 0 0;
	padding: 1% 1% 1% 2%;
	width: 20%;
}
вставьте следующий код:
.footerBot .column {
	width: 30%;
	float: left;
	margin-right: 2%;
}


#6 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 29 Январь 2015 - 21:29

Добрый вечер!
1. Как перенести логотипы во второй столбик как показано на скринште.
2. Как вернуть обводку и фон к блоку с текстом "все права защищены"

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

  • futer.png


#7 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 00:41

1.В main.css добавьте:
.footerBot .newCont img{
display:inline-block;
width:50%;
}

2.В main.css добавьте:
.infoSite {
display: inline-block;
padding: 10px;
border: 1px solid #ffffff;
}


#8 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 01:41

Внес изменения. Логотипы все равно не перенеслись во второй столбик.

#9 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 02:29

.footerBot .newCont img{
display:inline-block;
width:50%;
}
замените на:
.footerBot .newCont img {
	display: inline-block;
	float: left;
	margin: 2%;
	width: 45%;
}


#10 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 03:42

Спасибо!
Теперь новая проблема, решил заменить значки оц сетей. Генерирую новый код, заменяю им старый. Но старые значки не удаляются ( те которые черно-белые). Как их удалить?
Если они удалятся правильно, то должна пропасть надоедливая поделка при выделение текста на сайте.

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

  • Снимок экрана 2015-01-30 в 3.38.17.png


#11 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 03:50

В шаблоне HTML попробуйте следующую строку:
<div data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1337286" data-mode="share" data-background-color="#1400ff" data-hover-effect="rotate-cw" data-share-shape="round" data-share-counter-size="15" data-icon-color="#ffffff" data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#cf3232" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr." data-selection-enable="true" data-exclude-show-more="true" data-share-style="6" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ><span>Мы в социальных сетях сетях:</span></div>					 </nav>
		  
заменить на:
<span>Мы в социальных сетях сетях:</span>					</nav>
		  


#12 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 04:10

заменил, соц сети вообще пропали

#13 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 04:24

как у вас выглядит сам код соц сетей, которые вы вставляете, не могу найти их в шаблоне HTML, до этого они находились у вас над кодом меню подвала?

#14 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 04:33

Код находился в 794 строке в наблоне HTML. После кода
<div class="footerCenter">
				<nav class="footerMenu">
					{% 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 links %}
							</ul>
						{% ENDFOR footer %}
					{% ENDFOR  menu %}


#15 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 05:05

После данного кода у вас идет:
				   
<span>Мы в социальных сетях сетях:</span>									   </nav>

а кода кнопок, которые вы вставили нет или это только у меня такое отображение?

#16 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 05:28

да, код кнопок пропал. Вставил. Нужно выровнять по человечески и можно закрывать тему ;)

#17 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 05:39

оберните заголовок соц сетей и сам код кнопок в дополнительный блок, пример:
<div class="soc">
<span>Мы в социальных сетях сетях:</span>
код кнопок
</div>

В main.css добавьте:
.soc{
float:right;
}
.soc span{
line-height:35px;
}


#18 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 06:30

Сделано. Как сделать текст "мы в соц. сетях" слева: чтобы этот блок размещался в одну строку?

#19 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 06:46

уточните пожалуйста, как у вас выглядит данный блок, у меня в Mozilla текст с кнопками в одну линию и "прибит" к правому краю сайта, может браузер закэшировал?

#20 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Январь 2015 - 16:03

Сейчас подвал выглядит так на 13,3-дюймовом (1440 x 900) ноутбуке.

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

  • Снимок экрана 2015-01-30 в 16.02.12.png





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

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