Joomla 1.5 Подключить jquerty к joomla 1.5

Тема в разделе "Интерактивные возможности", создана пользователем omsk_mail, 21.09.2011.

  1. Offline

    omsk_mail Недавно здесь

    Регистрация:
    22.04.2009
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Joomla 1.5.23
    jqerty 1.6.4
    шаблон от RocketTheme (бесплатный) работает с Gantry v3.1.17
    Вот что я хотел получить
    Код (PHP):
    1. $(document).ready(function() {
    2.    
    3.     // Виджет Социальных закладок (Test-Templates). v1.1
    4.    
    5.     // Для установки социальных кнопок на Ваш сайт, скопируйте в корень сайта сам виджет и картинку.
    6.     // После этого подключите js-скрипт, добавив строчку:
    7.     // <script type="text/javascript" src="http://сайт.ру/shareTT.js"> в секцию HEAD.
    8.     // При наличии подключенной библиотеки jQuery, закладки появятся на Вашем сайте.
    9.    
    10.     var LinkTitle = $(document).attr('title');
    11.    
    12.     var LinkUrl = window.location.href;
    13.    
    14.     var LinkParent = window.location.hostname;
    15.    
    16.     LinkTitle=encodeURIComponent(LinkTitle);
    17.    
    18.     LinkUrl=encodeURIComponent(LinkUrl);
    19.    
    20.    
    21.     // Вставка блока с закладками и блока затемнения
    22.     $('body').append('<div class="shad" style="display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;"></div>');
    23.    
    24.     $('body').append('<div id="tt_social" style="position: fixed;left: 0;top: 50%;width: 30px;height: 215px;margin: -90px 0 0 0;background: #f1f1f1;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border: 2px #fff solid;box-shadow:2px 0px 10px 0 #d9d9d9;-webkit-box-shadow:2px 0px 10px 0 #d9d9d9;-moz-box-shadow:2px 0px 10px 0 #d9d9d9;border-left: 0;"></div>');
    25.    
    26.     //Массив ссылок
    27.     var LinksItem = [
    28.     'http://vkontakte.ru/share.php?url='+LinkUrl+'" title="Поделиться ВКонтакте"',
    29.     'http://www.facebook.com/sharer.php?u='+LinkUrl+'&t='+LinkTitle+'" title="Добавить в Facebook"',
    30.     'http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+'" title="Добавить в Twitter"',
    31.     'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='+LinkUrl+'&cntitle='+LinkTitle+'" title="Добавить в LiveInternet"',
    32.     'http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+'" title="Добавить в Яндекс закладки"',
    33.     'http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Мой Мир"',
    34.     'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Одноклассники"',
    35.     'http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+'" title="Добавить в ЖЖ"'
    36.     ];
    37.    
    38.    
    39.     var sdvig = 0;
    40.     var sdvig2 = 0;
    41.    
    42.     // Построение списка закладок
    43.     for (i=0; i<LinksItem.length; i++)
    44.     {
    45.         var getLinks = $('<a href="'+LinksItem[i]+' style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url(http://'+LinkParent+'/tt-fav.png) left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
    46.         getLinks.appendTo("#tt_social");
    47.         var sdvig = sdvig + 20;
    48.         var sdvig2 = sdvig2 + 25;
    49.     }
    50.    
    51.     // Эффекты при наведении на ссылку
    52.     $('#tt_social a').hover(
    53.         function() {
    54.            $(this).css({
    55.                 'box-shadow':'0 0px 10px 0 #fff',
    56.                 '-webkit-box-shadow':'0 0px 10px 0 #fff',
    57.                 '-moz-box-shadow':'0 0px 10px 0 #fff',
    58.                 'border-radius':'5px',
    59.                 '-webkit-border-radius':'5px',
    60.                 '-moz-border-radius':'5px'
    61.             });
    62.            
    63.             var linkTitle = $(this).attr('title');
    64.             var thisSpan = $(this).find('span');
    65.             thisSpan.text(linkTitle);
    66.             $(this).find('span').css({
    67.                 'position':'absolute',
    68.                 'display':'block',
    69.                 'padding':'5px',
    70.                 'background':'#fff',
    71.                 'width':'150px',
    72.                 'left':'30px',
    73.                 'border-radius':'0 5px 5px 0',
    74.                 '-webkit-border-radius':'0 5px 5px 0',
    75.                 '-moz-border-radius':'0 5px 5px 0'
    76.             });
    77.         },
    78.         function() {
    79.             $(this).css({
    80.                 'box-shadow':'none',
    81.                 '-webkit-box-shadow':'none',
    82.                 '-moz-box-shadow':'none',
    83.                 'border-radius':'none',
    84.                 '-webkit-border-radius':'none',
    85.                 '-moz-border-radius':'none'
    86.             });
    87.             $(this).find('span').css({
    88.             'display':'none'           
    89.             });
    90.         }
    91.     );
    92.    
    93.     // Эффекты при наведении на блок с ссылками
    94.     $('#tt_social').hover(
    95.         function() {
    96.             $(this).animate({
    97.                 'width':'40px'
    98.             });
    99.             $(this).find('a').animate({
    100.                 'left':'10px'
    101.             });
    102.             $(this).css({'background':'#2b80c1'});
    103.             $('.shad').css({
    104.                 'opacity':'0.2',
    105.  
    106.                 'display':'block'
    107.             });
    108.         },
    109.         function() {
    110.             $(this).animate({
    111.                 'width':'30px'
    112.             });
    113.             $(this).find('a').animate({
    114.                 'left':'5px'
    115.             });
    116.             $(this).css({'background':'#f1f1f1'});
    117.             $('.shad').css({
    118.                 'opacity':'0',
    119.                 'display':'none'
    120.             });
    121.         }
    122.     );
    123.    
    124.    
    125. });

    При подключении библиотеки у меня весь шаблон и сайт сползают. Подскажите, как исправить или может переписать этот код под mootols
     
  2.  
  3. joomguru
    Offline

    joomguru Модератор => Cпециалист <=

    Регистрация:
    03.12.2010
    Сообщения:
    456
    Симпатии:
    77
    Пол:
    Мужской
  4. Offline

    omsk_mail Недавно здесь

    Регистрация:
    22.04.2009
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Так в том то и дело, что я не селен в сей этой вкусной кухне, Описание и пример установки
    в секцию HEAD вот мой кусок
    Код (PHP):
    1. <?php
    2. /**
    3.  * @package Quasar Template - RocketTheme
    4.  * @version 1.5.3 June 10, 2010
    5.  * @author RocketTheme http://www.rockettheme.com
    6.  * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC
    7.  * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
    8.  *
    9.  * Gantry uses the Joomla Framework (http://www.joomla.org), a GNU/GPLv2 content management system
    10.  *
    11.  */
    12. // no direct access
    13. defined( '_JEXEC' ) or die( 'Restricted index access' );
    14.  
    15. // load and inititialize gantry class
    16. require_once('lib/gantry/gantry.php');
    17. $gantry->init();
    18.  
    19. ?>
    20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" >
    22. <head>
    23. если вставить сюда [COLOR="Red"]<script type="text/javascript" src="http://адрес_сайта/shareTT.js"></script>[/COLOR] страничка белая
    24.     <?php
    25.         $gantry->displayHead();
    26.         $gantry->addStyles(array('template.css','joomla.css','style.css','typography.css'));
    27.     ?>
    28. сюда  [COLOR="Red"]не отрабатывается[/COLOR]
    29. </head>
    на этом заканчивается.
    Файлы (сам скрипт и картинку) закиндывал
    сюда templates/rt_quasar_j15 и в корень
     

Поделиться этой страницей

Загрузка...