Кнопки социальных сетей в Joomla 2.5

Куда внедрять?
Какие и где взять?
  Блок Поделиться от Яндекса и панель от Pluso
  Плавающая вертикальная панель от Share42
Выборочное размещение


Нашлось еще одно симпатичное решение, позволяющее как просто вставить горизонтальную панель в тело статьи, так и подвесить вертикальную "плавающую" панель. Во втором случае кнопки будут присутствовать на любой странице сайта. Именно на этом варианте и остановимся, поскольку первый был рассмотрен в предыдущих статьях на примере других типов соцкнопок. Поможет в этом сайт share42.com, где можно настроить под себя панельку кнопок. Выбор соцсетей там богатый, к тому же есть почти все русские. Сконфигурировать свой вариант просто и интуитивно понятно. Выбираем размер кнопок, кликаем на нужных социальных сервисах, по желанию добавляем кнопки из раздела Прочее - E-Mail, печать и т. д. Тип панели с иконками выбираем - вертикальная "плавающая".

Скачав сгенерированный скрипт и залив его на свой хост, приступим к внедрению его в контент страниц.

Итак, имеется файл скрипта share42.js и файл иконок icons.png. Расположим их в папке js, созданной в корне сайта.

Также имеем код для внедрения скрипта, предлагаемый Share42:

<div class="share42init" data-top1="150" data-top2="20" data-margin="0"></div>
<script type="text/javascript" src="http://site.name/share42/share42.js"></script>

Редактируем путь к файлу JavaScript:

<div class="share42init" data-top1="150" data-top2="20" data-margin="0"></div>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/js/share42.js"></script>

И, наконец, копируем стиль:

#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}

В принципе, стиль можно добавить в файл стилей шаблона, но иметь все в одном месте удобнее на случай последующих изменений.

Соединяем скрипты в общий блок следующим образом: вначале код стиля, обрамленный тегами style, и затем блоки div и script. Получаем следующий код:

<style type="text/css">
  #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}
</style>
 
<div class="share42init" data-top1="242" data-top2="10" data-margin="-72"></div>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/js/share42.js"></script>

Все, что осталось - вставить полученный фрагмент в активный шаблон сайта. Можно воспользоваться административной панелью, а можно открыть файл templates \ [active_template] \ index.php в любимом редакторе с подсветкой кода. Я лично предпочитаю второй вариант. Перед внесением изменений, как и всегда, весьма желательно сделать резервную копию изменяемого файла.

Теперь, Федор, о главном. В какое место файла шаблона вставить код? Всунуть нужно, во-первых, внутрь тега BODY. Как правило, после тега BODY следуют всякие обертки или контейнеры, часто растянутые на всю ширину экрана. Поэтому вставляем код в последний сразу после BODY открывающий тег DIV, после которого следует отличный от DIV тег. Поясню на примере поставляемого с Джумлой шаблона Beez20, а также - моего кастомного шаблона. Вот код:

Beez20

<body>
  <div id="all">
    <div id="back">
      <div id="header">
        <div class="logoheader">
 
<!-- =====> !!! Вставляем сюда -->
 
          <h1 id="logo">
 
<!-- ------------ More code..... ----------- -->

Мой кастомный шаблон

<body>
  <div id="og-main">
 
<!-- =====> !!! Вставляем сюда -->
 
    <header class="og-header clearfix"><?php echo $view->position('header', 'og-nostyle'); ?>
 
<!-- ------------ More code..... ----------- -->

end faq

Надеюсь, принцип ясен. Теперь, поигравшись со значениями data-top1, data-top2 и data-margin, выставьте расположение панели. Смысл этих переменных объяснен на сайте share42.com.

В заключение скажу о плюсах и минусах такого варианта. Плюсы - симпатично и солидно выглядит, всегда под рукой. Дает возможность поделиться не только статьей, но и любой другой страницей сайта. А вот минус касается случая, когда используется адаптивный или отзывчивый дизайн сайта (responsive web design), т. е. отдельный вариант дизайна для мобильных устройств с меньшими разрешениями экрана. В этом случае на смартфоне и планшете панель перекрывает часть содержимого, что не есть хорошо. Поэтому вариант от Share42 является отличной альтернативой стандартной горизонтальной панели для сайтов, не использующих адаптивный дизайн.

Комментарии  

Source URL
0 # Source URL 20.01.2023 00:55
Thanks for the marvelous posting! I actually enjoyed reading it, you can be a
great author.I will remember to bookmark your blog and will come back
in the foreseeable future. I want to encourage you continue your great posts, have a
nice afternoon!
Ответить | Ответить с цитатой | Цитировать
sga508
0 # sga508 21.01.2023 03:57
I am really inspired together with your writing talents and also with the structure for your weblog.
Is this a paid subject or did you modify it yourself? Either way keep up the
nice quality writing, it is rare to look a nice
weblog like this one these days..
Ответить | Ответить с цитатой | Цитировать
horseequipment.eu
0 # horseequipment.eu 21.01.2023 12:57
Attractive section of content. I just stumbled upon your website and in accession capital
to assert that I acquire in fact enjoyed account your blog
posts. Anyway I will be subscribing to your feeds and even I achievement you access consistently rapidly.
Ответить | Ответить с цитатой | Цитировать
ads508
0 # ads508 21.01.2023 15:07
Touche. Sound arguments. Keep up the great spirit.
Ответить | Ответить с цитатой | Цитировать
jilibet
0 # jilibet 21.01.2023 20:36
What can you get in the jilibet?Not only the slot machine, but also
an excellent supplier of online shooting fish.Using jilibet to play their slot machines is very easy, because the games have been provided specially setting by the system, and
these games can be played freely on your screen, Play 24 hours a day, 7 days a week, anytime, anywhere, compatible
with Android and iOS devices, so that players have the best gaming experience.

jilibet
Ответить | Ответить с цитатой | Цитировать
Buster
0 # Buster 21.01.2023 22:39
difference betᴡeen delta 8 andd thc

Aⅼso visit mү homeрage Buster
Ответить | Ответить с цитатой | Цитировать
calendar printable
0 # calendar printable 22.01.2023 01:08
Hello, I think your blog might be having browser compatibility issues.

When I look at your website in Opera, it looks fine but when opening in Internet Explorer,
it has some overlapping. I just wanted to give you a quick heads up!
Other then that, superb blog!

Feel free to surf to my site :: calendar printable
Ответить | Ответить с цитатой | Цитировать
Emelia
0 # Emelia 22.01.2023 06:42
Its such as you read my thoughts! You seem to understand so much about this, like you wrote the book in it or something.

I believe that you could do with a few percent to drive the message home a little bit, however instead of that, that is excellent
blog. An excellent read. I'll definitely be back.

My blog post: march calendar 2025 (Emelia)
Ответить | Ответить с цитатой | Цитировать
More information
0 # More information 22.01.2023 12:17
Hello every one, here every one is sharing
these know-how, so it's nice to read this weblog, and I used
to pay a quick visit this web site everyday.
Ответить | Ответить с цитатой | Цитировать
binary options
0 # binary options 22.01.2023 14:57
Greetings! Very useful advice within this article! It's the little changes that produce the most important changes.

Many thanks for sharing!

Also visit my web blog - binary options
Ответить | Ответить с цитатой | Цитировать
veredus boots
0 # veredus boots 22.01.2023 16:24
you are in point of fact a just right webmaster.
The website loading speed is amazing. It sort of feels that you are doing any distinctive trick.
Also, The contents are masterpiece. you have performed
a wonderful activity on this subject!
Ответить | Ответить с цитатой | Цитировать
e
0 # e 22.01.2023 22:16
Hello colleagues, fastidious paragraph and fastidious urging commented at this place, I am really enjoying by these.
Ответить | Ответить с цитатой | Цитировать
sweet bananas
0 # sweet bananas 22.01.2023 23:43
Howdy I am so delighted I found your webpage, I really found you by accident, while I was browsing on Google for something else, Regardless
I am here now and would just like to say thank you for a tremendous post and a all round exciting blog (I also love the theme/design), I don’t have time to read through it all at
the moment but I have bookmarked it and also added your
RSS feeds, so when I have time I will be back to read much
more, Please do keep up the excellent work.
Ответить | Ответить с цитатой | Цитировать
http://Hawkee.com/
0 # http://Hawkee.com/ 23.01.2023 13:24
Blog muito legal! O seu tema foi feito por você? ou baixou de algum lugar?
O seu tema com alguns pequenos acertos faria meu blog destacar.
Por favor, se puder dizer onde você conseguiu seu projeto compartilha comigo, ok?
Parabéns!
Ответить | Ответить с цитатой | Цитировать
Sport betting
0 # Sport betting 24.01.2023 09:58
Sports betting, football betting, cricket betting,
euroleague football betting, aviator games, aviator games money -
first deposit bonus up to 500 euros.Sign up bonus
Ответить | Ответить с цитатой | Цитировать
slot bni
0 # slot bni 24.01.2023 22:08
Ahaa, its pleasant conversation about this piece of writing here at this
webpage, I have read all that, so at this time me also commenting at this place.
Ответить | Ответить с цитатой | Цитировать
slot88
0 # slot88 25.01.2023 12:59
I am not sure where you're getting your info, but great topic.

I needs to spend some time learning much
more or understanding more. Thanks for magnificent info I was looking for this information for my mission.
Ответить | Ответить с цитатой | Цитировать
slot bsi
0 # slot bsi 25.01.2023 19:50
This info is invaluable. Where can I find out more?
Ответить | Ответить с цитатой | Цитировать
Main profile
0 # Main profile 26.01.2023 07:35
I'm not sure why but this site is loading extremely slow for me.
Is anyone else having this issue or is it a problem on my end?
I'll check back later and see if the problem still exists.
Ответить | Ответить с цитатой | Цитировать
URL
0 # URL 26.01.2023 13:28
Hi there! Someone in my Myspace group shared this site with us so I came to check
it out. I'm definitely enjoying the information. I'm book-marking and will be tweeting this to my followers!
Exceptional blog and brilliant style and design.
Ответить | Ответить с цитатой | Цитировать
tunas88
0 # tunas88 26.01.2023 14:02
Hello i am kavin, its my first time to commenting anywhere,
when i read this article i thought i could also make comment due to this sensible
article.
Ответить | Ответить с цитатой | Цитировать
pvp777
0 # pvp777 26.01.2023 15:24
Hello! Do you know if they make any plugins to help with
SEO? I'm trying to get my blog to rank for some targeted
keywords but I'm not seeing very good gains.
If you know of any please share. Many thanks!
Ответить | Ответить с цитатой | Цитировать

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


Работая с этим сайтом, вы даете свое согласие на использование файлов cookie, необходимых для сохранения выбранных вами настроек, а также для нормального функционирования сервисов Google.