Многие ищут себе хорошие иконки , и тут я наткнулся на иконки на каком сайте , и решил скопировать их.
И показать их для вас для начала берем и тыкаем HTML: в нужный глобал , или строим отдельный, как вам угодно, но я создам глобал - LINK и вставил следующий код -
Код
<a id="rt-twitter-btn" href="https://чук.at.ua/"> <span></span> </a>
<a id="rt-facebook-btn" href="https://чук.at.ua/"> <span></span> </a>
<a id="rt-buzz-btn" href="https://чук.at.ua/"> <span></span> </a>
<a id="rt-rss-btn" href="https://чук.at.ua/"> <span></span> </a>
После чего заходим в CSS или в файл где лежит или прописан ваш CSS и тыкаем следующий код -
Код
.rt-social-buttons {box-shadow:0 0 4px rgba(0,0,0,0.5)}
.rt-social-buttons #rt-twitter-btn span, .rt-social-buttons #rt-facebook-btn span, .rt-social-buttons #rt-buzz-btn span, .rt-social-buttons #rt-rss-btn span {background-image:url(http://xn--j1arl.at.ua/leason/blog/img/social-btns.png)}
.rt-social-buttons {right:0;position:fixed;top:50%;z-index:5}
.rt-social-buttons span {height:44px;width:44px;display:block;background-repeat:no-repeat}
.rt-social-buttons #rt-twitter-btn span {background-position:0 0}
.rt-social-buttons #rt-facebook-btn span {background-position:0 -50px}
.rt-social-buttons #rt-buzz-btn span {background-position:0 -103px}
.rt-social-buttons #rt-rss-btn span {background-position:0 -156px}
Как можете вы узнать что позицию можно менять , если вы хотите но я думаю то что я дал оптимально
Код
.rt-social-buttons {/*--Можно right поменять на - left--*/right:0;position:fixed;/*--Регулировка высоты , можно в пикселях--*/top:50%;z-index:5}
Статью сделал Krixys специально для сайта -
чук.at.ua | Альтернативное решение для uCoz, только проверенеые статьи, и ДЕМО |
