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


Добавить Блок Соц Сетей


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

#1 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 15:13

Добрый день!

Подскажите, пожалуйста, как добавить блок такой принтскрин.jpg принтскрин.jpg как "каталог магазина" и "статьи магазина" ниже еще один такой же (с левой стороны по вертикали блоки).
И как вставить активные ссылки на "вконтакте" и "facebook"?

#2 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 24 Март 2016 - 15:29

Просмотр сообщенияAlexxey (24 Март 2016 - 15:13) писал:

Добрый день!

Подскажите, пожалуйста, как добавить блок такой Прикрепленный файл принтскрин.jpgПрикрепленный файл принтскрин.jpgкак "каталог магазина" и "статьи магазина" ниже еще один такой же (с левой стороны по вертикали блоки).
И как вставить активные ссылки на "вконтакте" и "facebook"?

Здравствуйте, уточните, пожалуйста, номер аккаунта, для которого требуются изменения, тот что у Вас указан, не соответствует приложенным скриншотам .

#3 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 15:37

Аккаунт SL-285687

#4 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 24 Март 2016 - 16:21

Просмотр сообщенияAlexxey (24 Март 2016 - 15:37) писал:

Аккаунт SL-285687

В шаблоне HTMl добавьте код:

<div class="block">
	 <div class="title green fmlptn fnt18 over "><a href="#" class="arrow-toggle"> Мы в соц.сетях </a></a></div>
		<div class="main ullinks fntarl fnt12">
		  <a href="ссылка на вк" class="vkfbLink">www.vk.com</a>
		  <div class="textshort padd51"></div>
		  <a href="ссылка на fb" class="vkfbLink">www.facebook.com</a>
		</div>
		  <div class="bottom"></div>
  </div>

после кода:


  <!-- END Вывод новостей внизу каталога -->

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

a.vkfbLink {
	margin: 0;
	width: auto;
	height: auto;
	padding: 0 5px 5px 10px;
	color: #b480c8;
}


#5 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 16:25

в main.css код в конце вставить надо?

#6 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 24 Март 2016 - 16:26

Просмотр сообщенияAlexxey (24 Март 2016 - 16:25) писал:

в main.css код в конце вставить надо?

да

#7 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 16:33

Спасибо! ЗдОрово получилось.

Еще хотел уточнить, а ссылки как сделать активными, то есть чтобы был переход на "вконтакте" и "facebook"?
ссылки это www.vk.com и www.facebook.com

#8 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 16:41

Выдает ошибку

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

  • принт.png


#9 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 24 Март 2016 - 17:42

Просмотр сообщенияAlexxey (24 Март 2016 - 16:41) писал:

Выдает ошибку

Да, извините, забыла добавить уточнение. В этом коде:

<div class="block">
		 <div class="title green fmlptn fnt18 over "><a href="#" class="arrow-toggle"> Мы в соц.сетях </a></a></div>
				<div class="main ullinks fntarl fnt12">
				  <a href="ссылка на вк" class="vkfbLink">www.vk.com</a>
				  <div class="textshort padd51"></div>
				  <a href="ссылка на fb" class="vkfbLink">www.facebook.com</a>
				</div>
				  <div class="bottom"></div>
  </div>

"ссылка на вк" - замените на соответсвующую ссылку, и "ссылка на fb" - замените на ссылку из facebook

#10 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 19:05

Ссылки заменил. Выдает ошибку, принтскрин в сообщении выше.

#11 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Март 2016 - 19:58

Просмотр сообщенияAlexxey (24 Март 2016 - 19:05) писал:

Ссылки заменил. Выдает ошибку, принтскрин в сообщении выше.
В шаблоне html найдите код
				  <a href="www.vk.com/piknichokspb" class="vkfbLink">www.vk.com</a>
				  <div class="textshort padd51"></div>
				  <a href="www.facebook.com/groups/piknichokspb" class="vkfbLink">www.facebook.com</a>
и замените на

				  <a href="https://vk.com/piknichokspb" class="vkfbLink">www.vk.com</a>
				  <div class="textshort padd51"></div>
				  <a href="https://www.facebook.com/groups/piknichokspb" class="vkfbLink">www.facebook.com</a>


#12 Alexxey

Alexxey

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

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

Отправлено 24 Март 2016 - 20:34

Спасибо! Всё заработало!

#13 Alexxey

Alexxey

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

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

Отправлено 28 Март 2016 - 15:28

Подскажите, не много съезжает один из блоков при переходе со страницы на другую.
Как можно поправить его, чтобы он оставался всегда в одном и том же месте - блок "мы в социальных сетях".

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

  • принтскрин.jpg
  • принтскрин2.jpg


#14 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Март 2016 - 15:36

Просмотр сообщенияAlexxey (28 Март 2016 - 15:28) писал:

Подскажите, не много съезжает один из блоков при переходе со страницы на другую.
Как можно поправить его, чтобы он оставался всегда в одном и том же месте - блок "мы в социальных сетях".
Здравствуйте.
Ошибку исправили, проверьте.

#15 Alexxey

Alexxey

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

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

Отправлено 28 Март 2016 - 15:44

Спасибо!
Всё на местах.




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

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