
Сегодня очень симпатичные "кнопочки - карамельки", так я их назвала, с красивым эффектом. Посмотрите на них на тестовом
<--RSS-->
<a class="spice-popout" rel="nofollow" href="http://feeds.feedburner.com/shpargalochkiru " target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="spice-popout" rel="nofollow" href=" http://www.shpargalochki.ru/p/blog-page_2746.html" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="spice-popout" rel="nofollow" href=" https://plus.google.com/u/0/+%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4/posts" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="spice-popout" rel="nofollow" href=" https://www.facebook.com/viktoria.barad" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="spice-popout" rel="nofollow" href=" https://twitter.com/VikserV" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>
<!--YouTube-->
<a class="spice-popout" rel="nofollow" href=" https://www.youtube.com/c/%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
<style>
.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>
<a class="spice-popout" rel="nofollow" href="http://feeds.feedburner.com/shpargalochkiru " target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="spice-popout" rel="nofollow" href=" http://www.shpargalochki.ru/p/blog-page_2746.html" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="spice-popout" rel="nofollow" href=" https://plus.google.com/u/0/+%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4/posts" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="spice-popout" rel="nofollow" href=" https://www.facebook.com/viktoria.barad" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="spice-popout" rel="nofollow" href=" https://twitter.com/VikserV" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>
<!--YouTube-->
<a class="spice-popout" rel="nofollow" href=" https://www.youtube.com/c/%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
<style>
.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>
В строки, помеченные розовым и синим цветом вставляйте свои адреса. Если какой-то из пунктов не нужен, просто убирайте фрагмент кода вида -
<!--YouTube-->
<a class="spice-popout" rel="nofollow" href=" https://www.youtube.com/c/%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
Вот и всё. Такие кнопки - карамельки обязательно привлекут внимание ваших читателей.
А у меня на сегодня всё. Спасибо за ваш визит и до новых встреч.
здесь можно оформить подписку на новые шпаргалки
Добрый день, Вика. Смотрятся кнопочки очень мило. Действительно, как карамельки.
ОтветитьУдалитьСпасибо, Любовь. Я думала их сначала вообще лединцами обозвать, но карамельки показалось лучше.
УдалитьКарамельки прямо хочется съесть... У меня уже стоят разные кнопки.
ОтветитьУдалитьИрина, это правда, прямо карамельки-карамельки. Или леденцы. Монпансье́
Удалить