Сайт ищет нового владельца по разумной цене :) По всем вопросам: promonik1@ya.ru, skype: nik-luck007, https://vk.com/promonik
2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии
» Кнопки соц сетей (фиксируемые) от чук.at.ua

» Кнопки соц сетей (фиксируемые) от чук.at.ua

Кнопки 2014-Май-14 CHUKprod 3.2k 247 0
Многие ищут себе хорошие иконки , и тут я наткнулся на иконки на каком сайте , и решил скопировать их.

И показать их для вас для начала берем и тыкаем 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, только проверенеые статьи, и ДЕМО |
Источник: http://чук.at.ua/blog/knopki_soc_setej_fiksiruemye/2014-05-14-31
0 комментариев
avatar