"Плавающий" блок соцсетей без плагинов

"Плавающий" блок соцсетей без плагинов webprodelki.ru

Предлагаю создать "плавающий" блок кнопок соцсетей с помощью каскадных стилей css. Такой блок будет сохранять свои позиции на экране независимо от прокрутки страницы - а значит, он станет всегда доступен посетителю веб-сайта.
« Комментарии

Похожие анонсы

Липкая записка поверх страницы блога @ 07.11.2011 18:39
Многие зарубежные блоги используют эту фишку, чтобы рекламировать свои услуги. Например, видеоуроки, или вообще вставляют рекламный банер. Делается такой плавающий блок с помощью css и javascript. Особых навыков, кроме примерного представления о работе каскадных таблиц стилей (принцип css) не требуется.
Фиксированны и динамический scroll для блока по вертикали(height) @ 03.06.2010 19:38
"Вкусности на заказ". 1.Нужно было сделать фиксированый блок посередине страницы и, если много контента блок прокручивался, но без вертикальной прокрутки. 2.Тот же блок по центру страницы, сверху и снизу отступы для футера и хедера, тот же появляющийся скролл, если контента много. Но при это, если разрешение экрана вмещает в себя весь текст, то блок тянется вниз и прокрутка исчезает.
Выезжающий блок просьбы подписаться @ 10.02.2012 07:48
Сегодня сделал на блоге одно нововведение - выдвигающийся блок просьбы подписки. Этот блок работает с куками и если вы закроете блок, то он не будет больше показан, если Вы конечно не удалите куки.
Простой способ прижать блок к низу на CSS @ 04.08.2015 10:09
Данную проблему чаще всего можно встретить на подписных страницах, которые обычно помещаются в один экран (без прокрутки). Проблема состоит в том, что обычно нижний блок располагается сразу за основным контентом и не прижимается изначально к низу. А на больших экранах остается очень много свободного места снизу. Поэтому нижний блок лучше всего прижать к низу независимо от размера экрана.
Социальные кнопки для сайта от Яндекса и сервиса AddThis @ 28.01.2012 10:02
Почти на каждом сайте есть блок социальных кнопок (Facebook, Twitter, VK и так далее). Установка и настройка каждого из них требует приличного количества времени, нежели простая установка скрипта, который объединяет все эти кнопки в единый блок. Данный блок социальных кнопок предоставляет сервис AddThis который очень популярен в интернете и кроме простых блоков имеет множество интересный функций.
Проверка компьютерного блока питания @ 08.12.2012 15:29
Итак, давайте представим, что у вас есть компьютерный блок питания, который вам отдали друзья за ненадобностью. Использовать такой блок питания, честно говоря, боязно, так как при неисправности БП можно потерять все оборудование или его часть. Но как же проверить блок питания, не подключая его к своему компьютеру? Первая ваша мысль была правильной, унести блок к соседу и проверить работу
Плавающий блок слева @ 10.06.2010 18:53
Можно надоедать юзеру, рекламой слева, или предложением подписаться на RSS, ну вообщем что угодно.Будем кратки:
Гибкие слайды с эффектом параллакса на CSS3 @ 10.10.2018 13:15
Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда.
Гибкие слайды с эффектом параллакса на CSS3 @ 10.10.2018 13:14
Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда.
Блок "поделиться" от Яндекса @ 03.09.2011 07:22
Рассказываю как очень быстро и просто добавить себе блок "поделиться" для социальных сетей. Все делает конструктор, вы только вставляете готовый красивый блок!

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Лучшие

Активность на сайте