Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Вопрос По Соц Сетям!

Автор bobzo, 17 февр. 2015 18:01

Соц сети!

Авторизуйтесь для ответа в теме

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

#1 bobzo

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

Пользователи
43 сообщений

Отправлено 17 Февраль 2015 - 18:01

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

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

Наверх

#2 Alekseys

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

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

Отправлено 17 Февраль 2015 - 18:06

bobzo (17 Февраль 2015 - 18:01) писал:

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

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

Наверх

#3 bobzo

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

Пользователи
43 сообщений

Отправлено 17 Февраль 2015 - 18:11

Alekseys (17 Февраль 2015 - 18:06) писал:

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

секунду не убегайте

Alekseys (17 Февраль 2015 - 18:06) писал:

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

Только что бы, можно было разные соц сети ставить, растояние между значками автоматом распределялось, то есть если я захочу доавить еще одну, что бы одинаковое расстояние было между ними. И над ними надпись мы в соц сетях таким же шрифтом и размером как и остальные надписи(ICQ skype)

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

Наверх

#4 Alekseys

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

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

Отправлено 17 Февраль 2015 - 18:51

bobzo (17 Февраль 2015 - 18:11) писал:

секунду не убегайте

Только что бы, можно было разные соц сети ставить, растояние между значками автоматом распределялось, то есть если я захочу доавить еще одну, что бы одинаковое расстояние было между ними. И над ними надпись мы в соц сетях таким же шрифтом и размером как и остальные надписи(ICQ skype)

В шаблоне HTML перед

</div>
				</div>
				<div class="clear-resp"></div>
				<!-- Обратный звонок -->

вставьте

<a href="ссылка" class="VK">текст</a>

заменив слово ссылка на нужную ссылку на группу ВК, слово текст на нужный текст, затем в main.css добавьте

.VK {
background: url("{ASSETS_IMAGES_PATH}картинка") no-repeat;
background-size: 25px;
padding: 4px 0px 4px 35px;
}

загрузив картинку в редакторе шаблонов, и замените

.spotlight-wrap .block-content {
padding-top: 25px;
}

на

.spotlight-wrap .block-content {
padding-top: 25px;
margin-bottom: 10px;
}

Наверх

#5 bobzo

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

Пользователи
43 сообщений

Отправлено 17 Февраль 2015 - 19:17

Alekseys (17 Февраль 2015 - 18:51) писал:

В шаблоне HTML перед

</div>
			 </div>
			 <div class="clear-resp"></div>
			 <!-- Обратный звонок -->

вставьте

<a href="ссылка" class="VK">текст</a>

заменив слово ссылка на нужную ссылку на группу ВК, слово текст на нужный текст, затем в main.css добавьте

.VK {
background: url("{ASSETS_IMAGES_PATH}картинка") no-repeat;
background-size: 25px;
padding: 4px 0px 4px 35px;
}

загрузив картинку в редакторе шаблонов, и замените

.spotlight-wrap .block-content {
padding-top: 25px;
}

на

.spotlight-wrap .block-content {
padding-top: 25px;
margin-bottom: 10px;
}

я извиняюсь!!!! скажите а как сделать так с меня лайк!!!!!

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

Наверх

#6 Alekseys

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

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

Отправлено 17 Февраль 2015 - 19:42

bobzo (17 Февраль 2015 - 19:17) писал:

я извиняюсь!!!! скажите а как сделать так с меня лайк!!!!!

В шаблоне HTML перед

</div>
				</div>
				<div class="clear-resp"></div>
				<!-- Обратный звонок -->

вставьте

<div class="VK"><a href="https://vk.com/club87680730">МЫ в соц.сетях!<br><img src="{ASSETS_IMAGES_PATH}картинка"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin: 0 25px;"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin-left: 5px;"></a></div>

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

.VK img {
width: 35px;
margin-top: 10px!important;
}

Наверх

#7 bobzo

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

Пользователи
43 сообщений

Отправлено 17 Февраль 2015 - 20:00

Alekseys (17 Февраль 2015 - 19:42) писал:

В шаблоне HTML перед

</div>
			 </div>
			 <div class="clear-resp"></div>
			 <!-- Обратный звонок -->

вставьте

<div class="VK"><a href="https://vk.com/club87680730">МЫ в соц.сетях!<br><img src="{ASSETS_IMAGES_PATH}картинка"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin: 0 25px;"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin-left: 5px;"></a></div>

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

.VK img {
width: 35px;
margin-top: 10px!important;
}

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

bobzo (17 Февраль 2015 - 19:57) писал:

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

при нажатии на одну из иконок

Наверх

#8 Alekseys

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

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

Отправлено 17 Февраль 2015 - 20:41

bobzo (17 Февраль 2015 - 20:00) писал:

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

при нажатии на одну из иконок

Замените

<div class="VK"><a href="https://vk.com/club87680730">МЫ в соц.сетях!<br><img src="{ASSETS_IMAGES_PATH}картинка"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin: 0 25px;"><img src="{ASSETS_IMAGES_PATH}картинка" style="margin-left: 5px;"></a></div>

на

<div class="VK">МЫ в соц.сетях!<br><a href="https://vk.com/club87680730" title="vk"><img src="{ASSETS_IMAGES_PATH}картинка-вк"></a><a href="https://vk.com/club87680730" tittle="tviter"><img src="{ASSETS_IMAGES_PATH}картинка-твитера" style="margin: 0 25px;"></a><a href="https://vk.com/club87680730" title="facebook"><img src="{ASSETS_IMAGES_PATH}картинка-фейсбука"></a></div>

Наверх

#9 bobzo

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

Пользователи
43 сообщений

Отправлено 16 Март 2015 - 15:45

Скажите как реализовать? Что бы сам мог редактировать шрифт текста

bobzo (16 Март 2015 - 15:45) писал:

Скажите как реализовать? Что бы сам мог редактировать шрифт текста

и желательно выравнивание по корзине

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

Наверх

#10 bobzo

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

Пользователи
43 сообщений

Отправлено 16 Март 2015 - 18:23

ХЕЛЛЛПППП ПОСОНЫЙ)))

Наверх

#11 Alekseys

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

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

Отправлено 16 Март 2015 - 19:08

bobzo (16 Март 2015 - 18:23) писал:

ХЕЛЛЛПППП ПОСОНЫЙ)))

Здравствуйте. В шаблоне HTML перед

</ul>
				  </div>
				</div>
				<!-- /END Каталог с подкатегориями -->

вставьте

<div class="banners">
   <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}картинка" alt=""><p>Текст</p></a>
  <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}картинка" alt=""><p>Текст</p></a>
   <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}картинка" alt=""><p>Текст</p></a>
</div>

заменив слово ссылка на нужную ссылку, а слово картинка на название изображения, предварительно загрузив его в редакторе шаблонов, затем в main.css добавьте

.banners {
  float: right;
  width: 200px;
}
.banners a {
  height: 50px;
  display: block;
}
.banners img {
  width: 45px;
  border-radius: 3px;
  margin: 2px 10px 2px 0;
  float: left;
}
.banners p {
  font-size: 12px;
  padding-top: 17px;
}

Наверх

#12 bobzo

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

Пользователи
43 сообщений

Отправлено 16 Март 2015 - 19:27

что то не получается)

http://jokerfarma.com/ вот как тут акуратненько

Наверх

#13 Alekseys

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

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

Отправлено 16 Март 2015 - 19:42

bobzo (16 Март 2015 - 19:27) писал:

что то не получается)

http://jokerfarma.com/ вот как тут акуратненько

Вы не до конца выполнили инструкции.

Наверх

#14 bobzo

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

Пользователи
43 сообщений

Отправлено 16 Март 2015 - 20:02

Alekseys (16 Март 2015 - 19:42) писал:

Вы не до конца выполнили инструкции.

да вроде бы до конца

Наверх

#15 Alekseys

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

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

Отправлено 16 Март 2015 - 20:25

bobzo (16 Март 2015 - 20:02) писал:

да вроде бы до конца

В шаблоне HTML перенесите блок

<div class="banners">
   <a href="http://vk.com/sf_steroid"><img src="http://design.sport-farm.com/vk.jpg?3352" alt="Мы ВКонтакте"><p>Мы ВКонтакте</p></a>
  <a href="http://sport-farm.com/feedback"><img src="http://design.sport-farm.com/gmail.jpg?3554" alt="Обратная связь"><p>order@sport-farm.com</p></a>
   <a href="http://sport-farm.com/feedback"><img src="http://design.sport-farm.com/skype.jpg?3352" alt="Обратная связь"><p>sportfarmcom</p></a>
</div>

поставив его после