1 1 1 1 1 1 1 1 1 1 Рейтинг: 0.00 - 0 отзывов

Если вы хотите поставить кнопки соц.закладок более простым способом, то он описан здесь (с помощью обычного модуля).

А тут мы рассмотрим более сложный вариант установки кнопок закладок социальных сетей. На моем сайте видно, что кнопки "поделиться" разных сетей, стоят не в теле статьи и не в местах, где стоят модули, а на фоне. Таким образом мои кнопки не закрывают никакой текст, не мешают никоим образом нажимать на боковое меню сайта.

 

1. Скачиваем и распаковываем на своем сайте папку со скриптом, так же как и в более простом варианте.

10 кнопок (как у меня на сайте слева)

 

2. Копируем тот же самый код, что и в первом варианте

<div class="share42init"></div>
<script type="text/javascript" src="/http://МОЙ_САЙТ/share42/share42.js"></script>
<script type="text/javascript">share42('http://МОЙ_САЙТ/share42/',150,20)</script>

 (не забываем менять МОЙ_САЙТ на адрес своего сайта!)

3. Идем на свой сайт в папку templates, выбираем свой шаблон и в нем открываем файл index.php. И этот код вписываем туда, где хотите чтобы появились кнопки социальных закладок. Я нашел  место где начались баннеры после статьи (это середина файла примерно)

<?php echo $view->position('banner6'

И вот перед этим кодом вставил свой код из пункта 2.

 

4. Теперь в той же папке templates в своем шаблоне, идем в папку css и выбираем файл template.css. Тут в самом конце я вставил следующий код.

#share42 {
position: fixed;
z-index: 1000;
margin-left: -70px; /* смещение панели влево от края контента */
}
#share42 {
padding: 6px 6px 0;
background: #FFF;
border: 1px solid #E9E9E9;
border-radius: 4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Точно так же нужно сделать и с файлами template.ie6.css и template.ie7.css, если они лежат в этой папке,чтобы кнопки социальных закладок открывались в фоне и этих браузеров.

 

5. Включаем и смотрим. Если кнопки расположены не так, то меняя цифры 150 и 20 из пункта 2, их можно двигать по фону шаблона. У меня цифры 100 и 200. Но все зависит от шаблона и готовых рецептов тут нет. Цифра 70 тоже может меняться, в зависимости как далеко от края страницы вы хотите поставить закладки.

Вот так кнопки социальных закладок можно поставить не в статье, а в фоне шаблона сайта Joomla.

Добавить комментарий

Защитный код
Обновить