Воскресенье, 19.09.2021, 20:25
Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость

Заработок в интернете

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Регистрация доменов всего за 99 рублей в год!
  • Страница 1 из 1
  • 1
Форум » Раскрутка и оптимизация сайта » Создание сайта » Красивое оформление для социальных кнопок для сайта
Красивое оформление для социальных кнопок для сайта
maxmer3Дата: Пятница, 22.05.2015, 13:01 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 309
Репутация: 1
Статус: Offline

HTML:
Код
<div class="like l_vk">
<span>ВКонтакте<b class="right">LIKE</b></span><br>
<div class="l_block">[КОД]</div>
</div>

<div class="like l_plus">
<span>Google Plus<b class="right">+1</b></span><br>
<div class="l_block">[КОД]</div>
</div>

<div class="like l_twitter">
<span>Twitter<b class="right">TWEET</b></span><br>
<div class="l_block">[КОД]</div>
</div>

<div class="like l_save">
<span>ВКонтакте<b class="right">SAVE</b></span><br>
<div class="l_block">[КОД]</div>
</div>

<div class="like l_facebook">
<span>Facebook<b class="right">LIKE</b></span><br>
<div class="l_block">[КОД]</div>
</div>

CSS:
Код
.like {
width: 20%;
float: left;
}

.like .l_block {
width: 100%;
height: 22px;
padding: 5px;
background: rgba(255,255,255,0.5);
}

.like span {padding: 5px}

.like span, .like span b {
padding: 0 5px 0 5px;
font: 30px 'Open Sans Condensed', Arial, sans-serif;
font-weight: bold;
text-shadow: black 1px 1px 0;
color: #fff;
}

.l_vk {background: #6D8DB1}
.l_plus {background: #D84E30}
.l_twitter {background: #0091C9}
.l_save {background: #6D8FB3}
.l_facebook {background: #3B579D}


Если хотите что бы шрифт текста был таким же как и на изображение то добавьте в CSS стили:
Код
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic);
Прикрепления: 2962833.png(43.0 Kb)
 
katerinagluchenko2018Дата: Четверг, 13.12.2018, 14:11 | Сообщение # 2
Лейтенант
Группа: Пользователи
Сообщений: 52
Репутация: 0
Статус: Offline
Аккаунты вконтакте авторег купить на gidvk.com
 
radar77Дата: Четверг, 18.06.2020, 23:17 | Сообщение # 3
Рядовой
Группа: Пользователи
Сообщений: 5
Репутация: 0
Статус: Offline
Огромное спасибо
 
Форум » Раскрутка и оптимизация сайта » Создание сайта » Красивое оформление для социальных кнопок для сайта
  • Страница 1 из 1
  • 1
Поиск:


sitemap.xml|sitemap-forum.xml