Красивые кнопки нового поколения для uCoz
 | |
| Здравствуйте, вот решил выложить замечательные кнопочки. Кнопки легко регулируются через CSS, цвет кнопки и цвет при наведении курсором. И чем больше надпись слово, тем больше становится кнопка. Я кнопки сделал как,поделится в соц сетях,а вы можете их исправить под себя! Установка! Это код самих кнопок,ставим куда вам угодно. Код <right><div class="weasoc"> <div class="left"> <div class="left"><a href="https://twitter.com/share" rel="nofolow" target="_blank">Twitter</a></div> <div class="left"><a href="http://www.facebook.com/sharer.php" rel="nofolow" target="_blank">Facebook</a></div> <div class="left"><a href="https://plus.google.com/share?url=http://cs-nawigator.ru/" rel="nofolow" target="_blank">Google</a></div> <div class="left"><a href="http://vk.com/share.php?title=Каталог%20файлов%20-%20CS-NawigatoR.Ru%20Все%20для%20сайта%20UcoZ%20и%20разной%20тиматики..&url=http://cs-nawigator.ru/" rel="nofolow" target="_blank">Vkontakte</a></div> </div> Этот код в CSS стили. Код .weasoc{width:250px;display:block;margin:10px 0 0 30px;float:left;font-family: 'WebSymbolsRegular';} .weasoc a:link,.weasoc a:visited{padding:15px 14px;font-size:14pt;color:#E0E0E0;margin:5px;background:#111;box-shadow:0 0 0 2px #0f84b4, 0px -2px 11px -7px #fff;display:inline-block;border-radius:25px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .weasoc a:hover{margin:5px;box-shadow:0 0 0 2px #0f84b4, 0px 7px 11px -7px #fff, inset 0 1px 2px #000;background:#222;} Ждем коментарии за материал! Рипнуто сайтом - cs-nawigator.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 8 | |
|
| |
