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


Шрифты И Подвал


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

#41 MikDark

MikDark

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

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

Отправлено 01 Февраль 2016 - 20:08

Просмотр сообщенияnovich0k (01 Февраль 2016 - 18:55) писал:

Спасибо, но получилось не все, мне пока не нужны не аккаунт не новости в подвале) как убрать все что в синем прямоугольнике 1 и выровнять текст относительно метрики. Аккаунт SL-364269

В шаблоне main.css найдите код:
.footercontent {
width: 1200px;
margin: 0 auto;
padding: 10px 0;
}

и замените на:

.footercontent {display:none;
width: 1200px;
margin: 0 auto;
padding: 10px 0;
}

#42 novich0k

novich0k

    Пользователь

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

Отправлено 01 Февраль 2016 - 21:56

Просмотр сообщенияMikDark (01 Февраль 2016 - 20:08) писал:

В шаблоне main.css найдите код:
.footercontent {
width: 1200px;
margin: 0 auto;
padding: 10px 0;
}

и замените на:

.footercontent {display:none;
width: 1200px;
margin: 0 auto;
padding: 10px 0;
}

о да спасибо)
помогите выровнять надписи и метрику?

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

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


#43 Vaccina

Vaccina

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

  • Модераторы
  • 23 591 сообщений

Отправлено 02 Февраль 2016 - 01:03

Уточните пожалуйста, ваш вопрос актуален? Так как на данный момент эти блоки находятся по центру.

#44 novich0k

novich0k

    Пользователь

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

Отправлено 02 Февраль 2016 - 21:11

Просмотр сообщенияVaccina (02 Февраль 2016 - 01:03) писал:

Уточните пожалуйста, ваш вопрос актуален? Так как на данный момент эти блоки находятся по центру.
Да) блок по центру, а то что внутри относительно блоку метрики, криво. Как сделать, чтобы текст был  ровный  на уровне нижней и верхней части метрики. Не по правому краю, а по центру. И воткнуть социальные сети.

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

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


#45 RedHead

RedHead

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

  • Модератоpы
  • 1 052 сообщений

Отправлено 03 Февраль 2016 - 09:25

Просмотр сообщенияnovich0k (02 Февраль 2016 - 21:11) писал:

Да) блок по центру, а то что внутри относительно блоку метрики, криво. Как сделать, чтобы текст был  ровный  на уровне нижней и верхней части метрики. Не по правому краю, а по центру. И воткнуть социальные сети.

Здравствуйте. В main.css замените строку
div#footer-bottom-content{color: #DFD5BA;}
на:
div#footer-bottom-content{color: #DFD5BA;	text-align: center;}

В html замените блок кода
<span>{SETTINGS_STORE_REGION}</span><br />
				  <span>Все права защищены</span><br />
				  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}
				</p>
   </div>
</div>
		<div class="col-r">
		<div class="column full" id="footer-bottom-content">
				  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>
на
<span>{SETTINGS_STORE_REGION}</span><br /><br /><br />
				  <span>Все права защищены</span><br />
				  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}
				</p>
   </div>
</div>
		<div class="col-r">
		<div class="column full" id="footer-bottom-content">
				  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>
<div class="col-soc">
	   <h3 class="footerHeader">Мы в социальных сетях</h3>
	   <div>
		 Место для виджетов
	   </div>
	</div>

И в main.css замените
.col-r {
		width: 50%;
		float: left;
		padding: 0 20px 0 0;
		color: #616161;
		text-align: left;
}
.col-l {
		width: 50%;
		float: left;
		padding: 0 20px 0 0;
		color: #616161;
		text-align: right;
}
на:
.col-r {
		width: 16%;
		float: left;
		padding: 0 20px 0 0;
		color: #616161;
		text-align: left;
}
.col-l {
		width: 42%;
		float: left;
		padding: 0 20px 0 20px;
		color: #616161;
		text-align: right;
}
.col-soc {
		width: 42%;
		float: right;
		padding: 8px 20px 0 0;
}

#footer-bottom-content p.copy {
	text-align: center;
	float: right;
}

Уточните, пожалуйста, виджеты Вы планируете сделать картинками? Если да, то загрузите их на сайт.

#46 novich0k

novich0k

    Пользователь

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

Отправлено 04 Февраль 2016 - 21:05

Просмотр сообщенияRedHead (03 Февраль 2016 - 09:25) писал:

Здравствуйте. В main.css замените строку
div#footer-bottom-content{color: #DFD5BA;}
на:
div#footer-bottom-content{color: #DFD5BA; text-align: center;}

В html замените блок кода
<span>{SETTINGS_STORE_REGION}</span><br />
<span>Все права защищены</span><br />
{COPYRIGHT_FOR_DESIGN_CHOCOLATE}
</p>
</div>
</div>
<div class="col-r">
<div class="column full" id="footer-bottom-content">
{SETTINGS_STORE_HTML_CODE}<br />
</div>
</div>
на
<span>{SETTINGS_STORE_REGION}</span><br /><br /><br />
<span>Все права защищены</span><br />
{COPYRIGHT_FOR_DESIGN_CHOCOLATE}
</p>
</div>
</div>
<div class="col-r">
<div class="column full" id="footer-bottom-content">
{SETTINGS_STORE_HTML_CODE}<br />
</div>
</div>
<div class="col-soc">
<h3 class="footerHeader">Мы в социальных сетях</h3>
<div>
Место для виджетов
</div>
</div>

И в main.css замените
.col-r {
width: 50%;
float: left;
padding: 0 20px 0 0;
color: #616161;
text-align: left;
}
.col-l {
width: 50%;
float: left;
padding: 0 20px 0 0;
color: #616161;
text-align: right;
}
на:
.col-r {
	 width: 16%;
	 float: left;
	 padding: 0 20px 0 0;
	 color: #616161;
	 text-align: left;
}
.col-l {
	 width: 42%;
	 float: left;
	 padding: 0 20px 0 20px;
	 color: #616161;
	 text-align: right;
}
.col-soc {
	 width: 42%;
	 float: right;
	 padding: 8px 20px 0 0;
}

#footer-bottom-content p.copy {
text-align: center;
float: right;
}

Уточните, пожалуйста, виджеты Вы планируете сделать картинками? Если да, то загрузите их на сайт.

Спасибо!
Загрузил иконку ВК, помогите пожалуйста поправить)

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

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


#47 Vaccina

Vaccina

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

  • Модераторы
  • 23 591 сообщений

Отправлено 05 Февраль 2016 - 03:04

В шаблоне HTML найдите:
<div>
				 Место для виджетов
		   </div>

замените на:
<div><br/>
 <a href="#"><img src="http://st.lilize.ru/12/1816/038/vkontakte.png" alt="" width="32" height="32" /></a>
</div>

Далее найдите:
<div class="col-l">
   <div class="column full" id="footer-bottom-content">
		  <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
				  <span>{SETTINGS_STORE_REGION}</span><br />
<span>{SETTINGS_STORE_REGION}</span><br /><br /><br />
								  <span>Все права защищены</span><br />
								  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}
								</p>
   </div>
</div>

измените его на:
<div class="col-l">
   <div class="column full" id="footer-bottom-content">
		  <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
			 <span>Все права защищены</span>
		   </p>
   </div>
</div>

и поставьте после:
<div class="col-r">
				<div class="column full" id="footer-bottom-content">
								  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>


#48 novich0k

novich0k

    Пользователь

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

Отправлено 05 Февраль 2016 - 19:31

Спасибо, что то пошло не так))
Скажите, а куда поставить код виджета.

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

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


#49 RayLi

RayLi

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

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

Отправлено 05 Февраль 2016 - 19:38

Просмотр сообщенияnovich0k (05 Февраль 2016 - 19:31) писал:

Спасибо, что то пошло не так))
Скажите, а куда поставить код виджета.

Здравствуйте.
Тогда сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

						  <span>Все права защищены</span>
				   </p>
   </div>
</div><div class="col-r">
								<div class="column full" id="footer-bottom-content">
																  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>

				<div class="col-r">
				<div class="column full" id="footer-bottom-content">
								  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>
<div class="col-soc">
		   <h3 class="footerHeader">Мы в социальных сетях</h3>

И замените его вот этим вот кодом:

						 <span>Все права защищены</span>
				   </p>
   </div>
</div><div class="col-r">
								<div class="column full" id="footer-bottom-content">
																  {SETTINGS_STORE_HTML_CODE}<br />
   </div>
</div>
<div class="col-soc">
		   <h3 class="footerHeader">Мы в социальных сетях</h3>


#50 novich0k

novich0k

    Пользователь

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

Отправлено 08 Февраль 2016 - 22:51

Просмотр сообщенияRayLi (05 Февраль 2016 - 19:38) писал:

Здравствуйте.
Тогда сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<span>Все права защищены</span>
</p>
</div>
</div><div class="col-r">
<div class="column full" id="footer-bottom-content">
{SETTINGS_STORE_HTML_CODE}<br />
</div>
</div>

<div class="col-r">
<div class="column full" id="footer-bottom-content">
{SETTINGS_STORE_HTML_CODE}<br />
</div>
</div>
<div class="col-soc">
<h3 class="footerHeader">Мы в социальных сетях</h3>

И замените его вот этим вот кодом:

<span>Все права защищены</span>
</p>
</div>
</div><div class="col-r">
<div class="column full" id="footer-bottom-content">
{SETTINGS_STORE_HTML_CODE}<br />
</div>
</div>
<div class="col-soc">
<h3 class="footerHeader">Мы в социальных сетях</h3>

Спасибо, подскажите как передвинуть текст на середину и куда поставить код виджета, нажимаю на иконку попадаю на главную страницу)

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

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


#51 Vaccina

Vaccina

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

  • Модераторы
  • 23 591 сообщений

Отправлено 09 Февраль 2016 - 02:21

В main,css найдите:
.col-r {
	width: 16%;
	float: left;
	padding: 0 20px 0 0;
	color: #616161;
	text-align: left;
}

замените на:
.col-r {
	width: 16%;
	float: left;
	padding: 0 20px 0 0;
	color: #616161;
	text-align: left;
	display: none;
}

далее найдите:
.col-l {
	width: 42%;
	float: left;
	padding: 0 20px 0 20px;
	color: #616161;
	text-align: right;
}

замените на:
.col-l {
	width: 55%;
	float: left;
	padding: 0 20px 0 20px;
	color: #616161;
	text-align: right;
}

В шаблоне HTML найдите:
<a href="#"><img src="http://st.lilize.ru/12/1816/038/vkontakte.png" alt="" width="32" height="32" /></a>

В данной строке знак # замените на ссылку.

#52 novich0k

novich0k

    Пользователь

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

Отправлено 10 Февраль 2016 - 18:47

Просмотр сообщенияVaccina (09 Февраль 2016 - 02:21) писал:

В main,css найдите:
.col-r {
width: 16%;
float: left;
padding: 0 20px 0 0;
color: #616161;
text-align: left;
}

замените на:
.col-r {
width: 16%;
float: left;
padding: 0 20px 0 0;
color: #616161;
text-align: left;
display: none;
}

далее найдите:
.col-l {
width: 42%;
float: left;
padding: 0 20px 0 20px;
color: #616161;
text-align: right;
}

замените на:
.col-l {
width: 55%;
float: left;
padding: 0 20px 0 20px;
color: #616161;
text-align: right;
}

В шаблоне HTML найдите:
<a href="#"><img src="http://st.lilize.ru/12/1816/038/vkontakte.png" alt="" width="32" height="32" /></a>

В данной строке знак # замените на ссылку.
Спасибо большое)




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

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