Хаки и Скрипты Next Generation CMS

Плавающий блок закладок

irbees2008 irbees2008 Опубликовано - 30 - марта Интерфейс
3772 - 0
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

Плавающий блок закладок
1.копируем код в main.tpl перед

Код:
</body>
:
Код:
<div class="share1">
<div class="conteiner">
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'ok', 'vt' : '1'}">Класс</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
</div>
<div class="conteiner">
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm', 'vt' : '1'}">Класс</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
</div>
<div class="conteiner">
<div class="fb-like" data-send="false" data-layout="box_count" data-width="90" data-show-faces="false" data-font="arial"></div>
</div>

<div class="conteiner">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="naraione.org">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>
<div class="conteiner">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>

</div>
Ну и заменяем коды

2. это копируем в стили :
Код:
.share1{
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #F3F8FC;
border:1px solid #CFDEEF ;
border-radius:5px;
box-shadow: -1px 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset;
left: 0;
/* opacity: 0.55; */
padding: 5px;
position: fixed;
top: 237px;

margin-left:5px;
z-index:100

}

.share1 .conteiner{
float:right;
clear:both;
width:55px;
overflow:hidden;
margin: 2px 0;
z-index:1000;
text-align:center
}

.share1 .conteiner:hover{
overflow:visible !important;
}

.share1:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;

}
.share1 a {
opacity: 0.5;
vertical-align: bottom;
}
.share1:hover a {opacity: 0.7}
.share1 a:hover {opacity: 1}

Можешь почитать и вот эту статейку "Редиректим на мобильную версию сайта"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [8]
  • Гости: [8]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 30
  • Генерация страницы: 0.276сек
  • Потребление памяти: 5.155 Mb 
  •   Яндекс.Метрика