YuWebdesign



CSS vertical fading line with gradient and css gradient border

By yulia

Solution 1. Using absolutely positioned generated content in :before and :after pseudoelements with CSS gradients as background

This method perfectly works in Safari, Opera, IE, Chrome, and Firefox. But you might want to use SVG or regular single-color borders as a fallback.

Here is html code:

Continue Reading

CSS fading horizontal line with gradient and gradient border

By yulia

Solution 1: using hr tag with gradient background (+ alpha transparency)

Fading gradient line with rgba transparency uses browser prefixes, which makes it reliable for most major browsers.

You can make all of your hr tags gradient or create a class, that will apply styles to certain horizontal rules.

Continue Reading

How to prevent div from falling below under another div on window resize

By yulia

Here is html code:

Continue Reading

Как установить и настроить кнопку Like (Нравится) от ВКонтакте (Vkontakte)

By yulia

Сайт Вконтакте утверждает, что виджет «Мне нравится» позволяет посетителям вашего сайта одним кликом выразить своё отношение к статье или моментально поделиться ссылкой на статью с друзьями.

Вы всегда можете просмотреть полный список оценивших статью и поделившихся ссылкой на нее с друзьями. Кроме этого по ссылке «К обзору комментариев» вы можете просмотреть все комментарии, оставленные ВКонтакте к размещенным ссылкам.

Continue Reading

Как установить кнопку «Нравится» и «Класс!» в odnoklassniki.ru и Мой Мир@Mail.Ru

By yulia

Сайт Mail.Ru API гласит, что кнопки позволяют посетителям вашего сайта отмечать интересную информацию и делиться ей со своими друзьми в социальных сетях «Мой Мир@Mail.Ru» и «Одноклассники». Эти кнопки позволяют получить представление о востребованности содержания Вашего сайта и лояльности аудитории к нему.

Код кнопки универсален – можете смело вставлять его в snippet или library (чтобы иметь возможность вставить готовый кусок кода на любую страницу своего сайта), так как в коде ничего не надо менять.

Вам не придется привязывать код к конкретной URL и генерировать новый код для каждой страницы вашего сайта, или же добавлять код куда-либо, кроме места на сайте, куда вы намереваетесь поместить свою кнопку (например, сразу за тегом body или head вашей html страницы.)

Continue Reading