Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
1

Как сделать соц. кнопки на html?

29.04.2014, 14:28. Просмотров 987. Ответов 12
Метки нет (Все метки)

Предположим, у меня есть картинки соц. сетей, как мне их "активировать", чтобы, например, при нажатии на картинку "ВК.jpg", выскакивало небольшое окошко "Поделится с друзьями"??
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.04.2014, 14:28
Ответы с готовыми решениями:

Кнопки соц.сетей на HTML
друзья, так как всегда ставил эти сервисы через простую веб-панель админки,...

Font awesome или как сделать иконки соц сетей без дива
Возник такой вопрос долго мучился позиционированием шрифта внутри дивов и тут я...

Не отображается кнопки соц.закладок
Не отображаются кнопки соц.закладок от Addthis. Что я делаю неправильно? ...

Кнопки соц сетей от Яндекса
Здравствуйте. В дизайн моего сайта идеально вписываются кнопки соц сетей от...

соц сети в html
ребят, такой вопрос. Есть допустим 5 кнопок соц сетей, там любые. Берем...

12
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 14:30 2
попробуйте поиграться с
:before
:after
1
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 14:32  [ТС] 3
Можно на примере с объяснениями?
0
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 14:33 4
Кликните здесь для просмотра всего текста
http://htmlbook.ru/blog/vsplyvayushchaya-podskazka-na-css
1
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 14:37  [ТС] 5
Там немного не то, как сделать чтобы всплывало такое окошко, как при нажатии на соц. кнопки везде всплывает? Типа, "Комментарий", а снизу уже картинка и текст того, чем вы хотите поделится?
0
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 14:40 6
а ты происпектируй любую кнопку, которая тебе нравится и увидишь как все утсроено. Чтобы уж наверняка было то, что тебе нужно)
1
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 14:52  [ТС] 7
Спасибо, попробую

Добавлено через 9 минут
Не вышло ничего Почти все коды из сервисов!
0
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 14:54 8
сервисов типа "сделай свою кнопку" ?
А ты как хочешь? Можно и сервисом воспользоваться.
А если нет, то верстай сам потихоньку. Это не так сложно, как может показаться.
1
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 14:55  [ТС] 9
Вот в этом и вопрос! ЧТО делать с изображением соц. кнопок? БЕЗ СЕРВИСОВ! КАК их сделать рабочими?? В интернете ничего нету!
0
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 15:03 10
http://api.yandex.ru/share/
http://vk.com/pages.php?act=share
http://wildo.ru/socialnye-knopki
как вариант
0
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 15:04  [ТС] 11
А как полностью самому это делать?
0
Atak
Warning!
326 / 31 / 12
Регистрация: 18.08.2011
Сообщений: 627
29.04.2014, 15:10 12
Лучший ответ Сообщение было отмечено Gleb111 как решение

Решение

создаешь блок с картинкой, оборачиваешь его в ссылку...(на соц сеть), делаешь с помощью цсс ему всплывашку с той же надписью поделиться.
вот пример с первого попавшегося сайта
Кликните здесь для просмотра всего текста
HTML5
1
<td style="vertical-align: middle;"><a href="http://vk.com/тут какой то путь до нужной группы...или куда хочешь" onmouseup="this._btn=event.button;this.blur();" onclick="return VK.Share.click(0, this);" style="border: none; background-color: rgb(95, 131, 170); border-top-left-radius: 2px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 2px; display: block; text-decoration: none; padding: 3px 3px 3px 6px; color: rgb(255, 255, 255); font-family: tahoma, arial; height: 15px; line-height: 15px; font-size: 10px; text-shadow: none; background-position: initial initial; background-repeat: initial initial;">Поделиться<div class="float:right"></div></a></td>
1
Gleb111
1 / 1 / 0
Регистрация: 12.04.2014
Сообщений: 51
29.04.2014, 15:12  [ТС] 13
СПАСИБО! ЭТО ТО, ЧТО НУЖНО!!!
0
29.04.2014, 15:12
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.04.2014, 15:12

HTML - как изменять фон кнопки
Я сделал обычную страницу в основном на HTML, и сделал там данный код: &lt;input...

Как открыть один документ html из другого по нажатию кнопки?
К примеру вводится логин и пароль. Если существует такая страница html,...

Нужно сделать кнопки! Не знаю как!
Всем сдрасьте. Первый раз в жизни оставляю пост в каком либо форуме. Вопрос...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru