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


Добавить В Нижнее Меню Соц Сети


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

#1 brillik21

brillik21

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

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

Отправлено 27 Январь 2014 - 18:51

Подскажите как добавить в нижнее меню раздел Мы в социальных сетях ниже значок вконтакте и когда нажимаешь на значок переходит сразу на группу вконтакте!?
заранее спасибо!
второй скрин, где содрал идею)))

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

  • добавить меню.gif
  • 12.gif


#2 Vaccina

Vaccina

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

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

Отправлено 28 Январь 2014 - 03:48

В HTML перед:

<div style="padding-top: 0px;" class="span4 footer">

вставьте:

<h3><Мы в социальных сетях</h3>
<div class="socnets-list">
<a target="_blank" rel="nofollow" href="ссылка на вк"><img src="ссылка на картинку" alt="" /></a>
<a target="_blank" href="ссылка на FB" rel="nofollow" class="facebook-big-icon"><img src="ссылка на картинку" alt="" /></a>
<a target="_blank" href="ссылка на одноклассники" rel="nofollow" class="odnoklassniki-big-icon"><img src="ссылка на картинку" alt="" /></a>
</div>
и в main.css в самый низ добавьте:

.socnets-list a {
	float: left;
	height: 32px;
	margin: 0 5px 5px;
	width: 32px;
}


#3 brillik21

brillik21

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

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

Отправлено 28 Январь 2014 - 11:16

Просмотр сообщенияVaccina (28 Январь 2014 - 03:48) писал:

В HTML перед:

<div style="padding-top: 0px;" class="span4 footer">

вставьте:

<h3><Мы в социальных сетях</h3>
<div class="socnets-list">
<a target="_blank" rel="nofollow" href="ссылка на вк"><img src="ссылка на картинку" alt="" /></a>
<a target="_blank" href="ссылка на FB" rel="nofollow" class="facebook-big-icon"><img src="ссылка на картинку" alt="" /></a>
<a target="_blank" href="ссылка на одноклассники" rel="nofollow" class="odnoklassniki-big-icon"><img src="ссылка на картинку" alt="" /></a>
</div>
и в main.css в самый низ добавьте:

.socnets-list a {
float: left;
height: 32px;
margin: 0 5px 5px;
width: 32px;
}
Не нашел код <divstyle="padding-top:0px;"class="span4 footer"> , может он в другом месте?
только такой код в HTML     <div style="position:absolute;top:-9999px;">

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 28 Январь 2014 - 11:24

Просмотр сообщенияbrillik21 (28 Январь 2014 - 11:16) писал:

Не нашел код <divstyle="padding-top:0px;"class="span4 footer"> , может он в другом месте?
только такой код в HTML     <div style="position:absolute;top:-9999px;">

Шаблон HTML
Находим 251 строку
<div class="span4 footer" style="padding-top: 0px;">

Далее добавляем код из инструкции

#5 brillik21

brillik21

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

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

Отправлено 28 Январь 2014 - 11:34

Просмотр сообщенияCastiel (28 Январь 2014 - 11:24) писал:

Шаблон HTML
Находим 251 строку
<div class="span4 footer" style="padding-top: 0px;">

Далее добавляем код из инструкции

Поставил!
нужно подправить соц сети. И где поставить картинки , вконтакте и ссылку на группу?
и Цвет шрифта черный где поставить?

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

  • соц сети.gif


#6 brillik21

brillik21

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

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

Отправлено 28 Январь 2014 - 11:47

Просмотр сообщенияbrillik21 (28 Январь 2014 - 11:34) писал:

Поставил!
нужно подправить соц сети. И где поставить картинки , вконтакте и ссылку на группу?
и Цвет шрифта черный где поставить?
Разобрался!
единственно цвет шрифта Мы в соц сетях поставить постоянно черный и подправить расположение по центру!
Спасибо

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияbrillik21 (28 Январь 2014 - 11:47) писал:

Разобрался!
единственно цвет шрифта Мы в соц сетях поставить постоянно черный и подправить расположение по центру!
Спасибо

Редактируем HTML
находим
<h3>Мы в социальной сети</h3>

Заменяем на
<h3 class="h3social">Мы в социальной сети</h3>

Добавляем в любое удобное место в файле bootstrap.min.css
.h3social {
color: #000;
margin-left: -30px;
}


#8 brillik21

brillik21

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

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

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

Просмотр сообщенияCastiel (28 Январь 2014 - 12:00) писал:

Редактируем HTML
находим
<h3>Мы в социальной сети</h3>

Заменяем на
<h3 class="h3social">Мы в социальной сети</h3>

Добавляем в любое удобное место в файле bootstrap.min.css
.h3social {
color: #000;
margin-left: -30px;
}

Спасибо огромное!




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

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