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

[metafora]

Добрый день..
Никак не могу сделать футер..
Вот, что есть

Вот, как пытаюсь сделать

Помогите пожалуйста, а то только в пеинте все получается
Вот сайт http://rayban10.ru

[Vaccina]

В шаблоне HTML найдите и удалите:

  <div class="copyr">
	   <p id="we-work" align="right">8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00</p>
	   <br />
<!-- end WebMoney Transfer : attestation label -->
		<p id="we-work-2">{SETTINGS_STORE_ORG_NAME}
			  <br /><span>Все права защищены</span><br /></p>
			
			  <span>{SETTINGS_STORE_REGION}</span><br />
			  {SETTINGS_STORE_HTML_CODE}<br />
			  <a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
	  </div>

далее найдите:

</div>	<!-- end container-fluid --->	 
  <div class="clear"></div>

перед ним вставьте:

<div class="copyr">
  <p id="we-work" align="right">
	8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00<br/>
	<a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
	{SETTINGS_STORE_HTML_CODE}
  </p>
  <p id="we-work-2">
	{SETTINGS_STORE_ORG_NAME}
	<br /><span>Все права защищены</span>
  </p>
  <p id="we-work-3">{SETTINGS_STORE_REGION}</p>
</div>

далее в main.css найдите:

#we-work {
	float: right;
	font-size: 15px;
	margin: 15px;
}
#we-work-2 {
	float: left;
	margin: 15px 0 0 20px;
}
.copyr {
	background: #fff;
	border-top: 20px solid #ebebeb;
	bottom: 0;
	height: 71px;
	margin-left: 20px;
	position: absolute;
	text-align: left;
	width: 699px;
}

замените на:

.copyr {
	background: #222222;
	bottom: 0;
	color: #fff;
	padding: 5%;
	text-align: center;
	width: 90%;
}
#we-work {
	float: right;
	font-size: 15px;
	width: 33%;
}
#we-work-2 {
	float: left;
	width: 33%;
}

[metafora]

У меня что то все белое.. и у меня нет

.copyr {
	 background: #fff;
	 border-top: 20px solid #ebebeb;
	 bottom: 0;
	 height: 71px;
	 margin-left: 20px;
	 position: absolute;
	 text-align: left;
	 width: 699px;
}

как быть..прошу помощи)
а стоп.. это же в в другом файле, нашел
А как сделать, чтобы во всю ширину экрана была полоса?
Чтобы такого не было на других страницах..

[metafora]

И еще непонятная.. штука возинкает на всех страницах, кроме главной.. как ее убрать?

причем справа линия она идет прямо к футеру

[Vaccina]

<div class="copyr">
  <p id="we-work" align="right">
		8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00<br/>
		<a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
		{SETTINGS_STORE_HTML_CODE}
  </p>
  <p id="we-work-2">
		{SETTINGS_STORE_ORG_NAME}
		<br /><span>Все права защищены</span>
  </p>
  <p id="we-work-3">{SETTINGS_STORE_REGION}</p>
</div>

переставьте его, поставив после:

</div>  <!-- end container-fluid --->   
  <div class="clear"></div>

далее в main.css найдите:

.copyr {
background: #222222;
bottom: 0;
color: #fff;
padding: 5%;
text-align: center;
width: 90%;
}

замените на:

.copyr {
background: #222222;
bottom: 0;
color: #fff;
left: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
width: 90%;
}

[metafora]

Спасибо большое)

[metafora]

А Вы не подскажете, как можно поменять или где фон.. слева и справа..
Сейчас слева белый, а справа серый..В каких местах написаны эти цвета, Вы не подскажете?

[Alekseys]

metafora (31 Декабрь 2014 - 11:44) писал:

А Вы не подскажете, как можно поменять или где фон.. слева и справа..
Сейчас слева белый, а справа серый..В каких местах написаны эти цвета, Вы не подскажете?

Здравствуйте. В редакторе шаблонов отредактируйте, либо замените изображение site_bg.gif

[metafora]

Спасибо, сейчас попробуем)

[metafora]

Решил пока убрать..
Единственное по футеру.. есть такая проблема, что футер закрывает текст..

как это исправить можно?

[Alekseys]

metafora (31 Декабрь 2014 - 12:28) писал:

Решил пока убрать..
Единственное по футеру.. есть такая проблема, что футер закрывает текст..

как это исправить можно?

В main.css замените

.copyr {
background: #222222;
bottom: 0;
color: #fff;
left: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
width: 90%;
}

на

.copyr {
background: #222222;
color: #fff;
left: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
width: 90%;
}

[metafora]

Спасибо большое! Сделал!
А возможно ли в этом футере сделать карту сайта? Если да, то каким образом?
Отбой не надо, решил проблему!

[Alekseys]

metafora (31 Декабрь 2014 - 12:40) писал:

Спасибо большое! Сделал!
А возможно ли в этом футере сделать карту сайта? Если да, то каким образом?
Отбой не надо, решил проблему!

Здравствуйте. Укажите пожалуйста на скриншоте, как именно это должно выглядеть.

[metafora]

Alekseys (31 Декабрь 2014 - 12:50) писал:

Здравствуйте. Укажите пожалуйста на скриншоте, как именно это должно выглядеть.

Благодарю за помощь, но решил не делать.

[metafora]

Вопрос только еще по футеру..
С телефона если заходить, то вижу все вот так, футер залезает влево

как исправить данный сдвиг..

[metafora]

у меня постоянно съезжает, не знаю какое свойство присвоить, чтобы было ровно под текстом, если заходить с телефона

[Danil]

metafora (02 Январь 2015 - 17:46) писал:

у меня постоянно съезжает, не знаю какое свойство присвоить, чтобы было ровно под текстом, если заходить с телефона

Здравствуйте.
Попробуйте так:
в main.css найдите код

.copyr {
background: #222222;
color: #fff;
left: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
width: 90%;
}

и замените на

.copyr {
background: #222222;
color: #fff;
left: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
width: 90%;
min-width: 980px;
}

[metafora]

Спасибо большое!! Сработало) мин вайт)