Anything Tabs by Yazov(социальные вкладки)

[Langoliers]

Приветствую! Решил выложить свою версию плагина Anything Tabs для Joomla 1.5.
Это плагин социальных вкладок, который размещает кнопки на соц сети в зафиксированной позиции справа. В стандартной версии 1.6 от разработчиков есть возможность добавления до 6 кнопок (появилась это версия недавно, раньше вообще было 4 кнопки) собственно и все.
Я расширил плагин до 9 кнопок и добавил эффект полупрозрачности - Демо
Правда, чтобы работала полупрозрачность нужно следующий код вставить в главный CSS шаблона:

Код:

#tab0 a img,#tab1 a img,#tab2 a img,#tab3 a img,#tab4 a img,#tab5 a img{opacity:0.4;filter:alpha(opacity=40)}#tab0 a:hover img,#tab1 a:hover img,#tab2 a:hover img,#tab3 a:hover img,#tab4 a:hover img,#tab5 a:hover img{opacity:1.0;filter:alpha(opacity=100)}#ja-mainnavwrap {position: fixed;top: 0px;width: 100%;z-index: 1000; visibility: visible;}

Картинки кнопок будут по адресу plugins/system/anything_tabs/tabs - далее по темам.
Оф сайт разработчиков
Глядишь, кому пригодится 

[tefun]

в виде скрипта возможно сделать, или мутарно?

[Langoliers]

в виде скрипта возможно сделать, или мутарно?

Можно вставить следующий код в index.php любого сайта(только подправить нуно):

Показать текстовый блок

Код:

<div id="tab0"
<div style="position:fixed;right:0;bottom:220px;width:37px;z-index:1000;" id="tabone">
<a target="<?php echo $pluginParams->get('window'); ?>" href="<?php echo $pluginParams->get('tabonelink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabonetheme'); ?>/<?php echo $pluginParams->get('taboneimage'); ?>" width="37" height="37"  title="<?php echo $pluginParams->get('tabonetitle'); ?>" alt="<?php echo $pluginParams->get('tabonealt'); ?>" />
</a>
</div>
</div>

<div id="tab1"
<div style="position:fixed;right:0;bottom:180px;width:37px;z-index:1000;" id="tabtwo">
<a target="<?php echo $pluginParams->get('window2'); ?>" href="<?php echo $pluginParams->get('tabtwolink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabtwotheme'); ?>/<?php echo $pluginParams->get('tabtwoimage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabtwotitle'); ?>" alt="<?php echo $pluginParams->get('tabtwoalt'); ?>" />
</a>
</div>
</div>

<div id="tab2"
<div style="position:fixed;right:0;bottom:140px;width:37px;z-index:1000;" id="tabthree">
<a target="<?php echo $pluginParams->get('window3'); ?>" href="<?php echo $pluginParams->get('tabthreelink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabthreetheme'); ?>/<?php echo $pluginParams->get('tabthreeimage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabthreetitle'); ?>" alt="<?php echo $pluginParams->get('tabthreealt'); ?>" />
</a>
</div>
</div>

<div id="tab3"
<div style="position:fixed;right:0;bottom:100px;width:37px;z-index:1000;" id="tabfour">
<a target="<?php echo $pluginParams->get('window4'); ?>" href="<?php echo $pluginParams->get('tabfourlink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabfourtheme'); ?>/<?php echo $pluginParams->get('tabfourimage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabfourtitle'); ?>" alt="<?php echo $pluginParams->get('tabfouralt'); ?>" />
</a>
</div>
</div>

<div id="tab4"
<div style="position:fixed;right:0;bottom:60px;width:37px;z-index:1000;" id="tabfive">
<a target="<?php echo $pluginParams->get('window5'); ?>" href="<?php echo $pluginParams->get('tabfivelink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabfivetheme'); ?>/<?php echo $pluginParams->get('tabfiveimage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabfivetitle'); ?>" alt="<?php echo $pluginParams->get('tabfivealt'); ?>" />
</a>
</div>
</div>

<div id="tab5"
<div style="position:fixed;right:0;bottom:20px;width:37px;z-index:1000;" id="tabsix">
<a target="<?php echo $pluginParams->get('window6'); ?>" href="<?php echo $pluginParams->get('tabsixlink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabsixtheme'); ?>/<?php echo $pluginParams->get('tabsiximage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabsixtitle'); ?>" alt="<?php echo $pluginParams->get('tabsixalt'); ?>" />
</a>
</div>
</div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:260px;width:37px;z-index:1000;" id="tabseven">
<a target="<?php echo $pluginParams->get('window'); ?>" href="<?php echo $pluginParams->get('tabsevenlink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabseventheme'); ?>/<?php echo $pluginParams->get('tabsevenimage'); ?>" width="37" height="37"  title="<?php echo $pluginParams->get('tabseventitle'); ?>" alt="<?php echo $pluginParams->get('tabsevenalt'); ?>" />
</a>
</div>
</div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:300px;width:37px;z-index:1000;" id="tabeight">
<a target="<?php echo $pluginParams->get('window'); ?>" href="<?php echo $pluginParams->get('tabeightlink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabeighttheme'); ?>/<?php echo $pluginParams->get('tabeightimage'); ?>" width="37" height="37"  title="<?php echo $pluginParams->get('tabeighttitle'); ?>" alt="<?php echo $pluginParams->get('tabeightalt'); ?>" />
</a>
</div>
</div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:340px;width:37px;z-index:1000;" id="tabnine">
<a target="<?php echo $pluginParams->get('window5'); ?>" href="<?php echo $pluginParams->get('tabninelink'); ?>">
<img border="0" src="<?php echo JURI::Base()?>plugins/system/anything_tabs/tabs/<?php echo $pluginParams->get('tabninetheme'); ?>/<?php echo $pluginParams->get('tabnineimage'); ?>" width="37" height="37" title="<?php echo $pluginParams->get('tabninetitle'); ?>" alt="<?php echo $pluginParams->get('tabninealt'); ?>" />
</a>
</div>
</div>

А если не понятно что там нужно подправить
Можно нагло стырить код с сайта =)

Показать текстовый блок

Код:

<div id="tab0"
<div style="position:fixed;right:0;bottom:220px;width:37px;z-index:1000;" id="tabone"><a target="_blank" href="https://plus.google.com/118268936023663016026"><img border="0" src="ссылка на картинку" width="37" height="37"  title="Страница на Google+" alt="Страница на Google+" /></a></div></div>

<div id="tab1"
<div style="position:fixed;right:0;bottom:180px;width:37px;z-index:1000;" id="tabtwo"><a target="_blank" href="http://www.twitter.com/annaexceela"><img border="0" src="ссылка на картинку" width="37" height="37" title="Follow me on Twitter" alt="Follow me on Twitter" /></a></div></div>

<div id="tab2"
<div style="position:fixed;right:0;bottom:140px;width:37px;z-index:1000;" id="tabthree"><a target="_blank" href="http://www.facebook.com/annaexceela"><img border="0" src="ссылка на картинку" width="37" height="37" title="Страница на Facebook" alt="Страница на Facebook" /></a></div></div>

<div id="tab3"
<div style="position:fixed;right:0;bottom:100px;width:37px;z-index:1000;" id="tabfour"><a target="_blank" href="http://www.myspace.com/exceela"><img border="0" src="http://www.exceela.com/plugins/system/anything_tabs/tabs/white/myspace.png" width="37" height="37" title="Страница на Myspace" alt="Страница на Myspace" /></a></div></div>

<div id="tab4"
<div style="position:fixed;right:0;bottom:60px;width:37px;z-index:1000;" id="tabfive"><a target="_blank" href="http://www.youtube.com/user/annaexxy"><img border="0" src="ссылка на картинку" width="37" height="37" title="Канал на Youtube" alt="Канал на Youtube" /></a></div></div>

<div id="tab5"
<div style="position:fixed;right:0;bottom:20px;width:37px;z-index:1000;" id="tabsix"><a target="_blank" href="http://www.formspring.me/annaexceela"><img border="0" src="ссылка на картинку" width="37" height="37" title="Задать вопрос на Formspring" alt="Задать вопрос на Formspring" /></a></div></div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:260px;width:37px;z-index:1000;" id="tabseven"><a target="_blank" href="http://www.odnoklassniki.ru/annaexceela"><img border="0" src="ссылка на картинку" width="37" height="37"  title="Страница на Одноклассниках" alt="Страница на Одноклассниках" /></a></div></div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:300px;width:37px;z-index:1000;" id="tabeight"><a target="_blank" href="http://my.mail.ru/mail/annaexceela/"><img border="0" src="ссылка на картинку" width="37" height="37"  title="Страница на Mail.ru" alt="Страница на Mail.ru" /></a></div></div>

<div id="tab0"
<div style="position:fixed;right:0;bottom:340px;width:37px;z-index:1000;" id="tabnine"><a target="_blank" href="http://www.vk.com/annaexceela"><img border="0" src="ссылка на картинку" width="37" height="37" title="Страница ВКонтакте" alt="Страница ВКонтакте" /></a></div></div>

Засовываем это вконец index.php, а стили в css-ку и все должно работать.

[tefun]

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

[Langoliers]

CSS вот это:

Код:

#tab0 a img,#tab1 a img,#tab2 a img,#tab3 a img,#tab4 a img,#tab5 a img{opacity:0.4;filter:alpha(opacity=40)}#tab0 a:hover img,#tab1 a:hover img,#tab2 a:hover img,#tab3 a:hover img,#tab4 a:hover img,#tab5 a:hover img{opacity:1.0;filter:alpha(opacity=100)}#ja-mainnavwrap {position: fixed;top: 0px;width: 100%;z-index: 1000; visibility: visible;}

просто вставить вконец главной CSS шаблона сайта =)
Второй пост - это код в index.php =)

[Langoliers]

Уважаемый tefun обратился ко мне с мыслью сделать подобный скрипт(!) (не плагин для Joomla, хотя можно и его) только чтобы это были социальные закладки, с возможностью поделиться новостью в соц сетях.
Набросал ссылки для некоторых соц сетей

Показать текстовый блок

Код:

<a rel="nofollow" target="_blank" href="';
if ($params->get('shorturl')==2) { $content.='http://twitter.com/share?url=http%3A%2F%2Ft.co%2F9p0rrv&amp;counturl='.urlencode($currurl1).'&amp;text='.urlencode($twitter.' '.$title.': ');}
else { $content.='http://twitter.com/home?status='.urlencode($twitter.' '.$title.': '.$currurl1); }
$content.='" title="Добавить в Twitter"><div class="buts'.$h.'" id="ibuts1" title="Опубликовать в Twitter" alt="Опубликовать в Twitter"></div></a>
 
<a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u='.urlencode($currurl).'"><div class="buts'.$h.'" id="ibuts2"  title="Написать в Facebook" alt="Написать в Facebook" ></div></a>
 
<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url='.urlencode($currurl).'" ><div class="buts'.$h.'" id="ibuts3"  title="Поделиться ВКонтакте" alt="Поделиться ВКонтакте" ></div></a>

 
<a rel="nofollow" target="_blank" href="http://www.google.com/buzz/post?url='.urlencode($currurl).'&title='.urlencode($title).'&srcURL='.$baseurl.'" ><div class="buts'.$h.'" id="ibuts4"  title="В Google Buzz" alt="В Google Buzz" ></div></a>
 
<a rel="nofollow" target="_blank" href="http://www.livejournal.com/update.bml?event='.urlencode($currurl).'&subject='.urlencode($title).'" ><div class="buts'.$h.'" id="ibuts5"  title="Записать себе в LiveJournal" alt="Записать себе в LiveJournal" ></div></a>
 
<a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url='.urlencode($currurl).'" ><div class="buts'.$h.'" id="ibuts6"  title="Показать В Моем Мире" alt="Показать В Моем Мире" ></div></a>
 
<a rel="nofollow" target="_blank" href="http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='.urlencode($currurl).'&cntitle='.urlencode($title).'" ><div class="buts'.$h.'" id="ibuts7"  title="В дневник на LI.RU" alt="В дневник на LI.RU" ></div></a>

 
<a rel="nofollow" target="_blank" href="http://my.ya.ru/posts_add_link.xml?URL='.urlencode($currurl).'&title='.urlencode($title).'" ><div class="buts'.$h.'" id="ibuts8"  title="Поделиться ссылкой на Я.ру" alt="Поделиться ссылкой на Я.ру"></div></a>

<a rel="nofollow" href="'.$currurl.'" target="_blank" class="soc-but-classmates" onclick="ODKL.Share(this);return false;"><div class="buts'.$h.'" id="ibuts9" title="Поделиться ссылкой в Одноклассниках" alt="Поделиться ссылкой в Одноклассниках"></div></a>

Из этого уже можно запилить скрипт соц закладок. (если соединить со вторым ответом данной темы)
Просто вставить это как ссылки к соответствующим параметрам
На большее к сожалению времени пока нет =(