Сообщений в теме: 32

[prukon]

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

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

• 

[prukon]

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

[Ирина345]

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>

[prukon]

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

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

• 

[Vaccina]

В 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%;
}

[prukon]

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

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

• 

[Vaccina]

1.В main.css добавьте:

.footerBot .newCont img{
display:inline-block;
width:50%;
}

2.В main.css добавьте:

.infoSite {
display: inline-block;
padding: 10px;
border: 1px solid #ffffff;
}

[prukon]

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

[Vaccina]

.footerBot .newCont img{
display:inline-block;
width:50%;
}

замените на:

.footerBot .newCont img {
	display: inline-block;
	float: left;
	margin: 2%;
	width: 45%;
}

[prukon]

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

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

• 

[Vaccina]

В шаблоне 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>
		  

[prukon]

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

[Vaccina]

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

[prukon]

Код находился в 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 %}

[Vaccina]

После данного кода у вас идет:

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

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

[prukon]

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

[Vaccina]

оберните заголовок соц сетей и сам код кнопок в дополнительный блок, пример:

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

В main.css добавьте:

.soc{
float:right;
}
.soc span{
line-height:35px;
}

[prukon]

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

[Vaccina]

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

[prukon]

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

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

•