Социалка

Тема в разделе "Графика и стили для TorrentPier (архив)", создана пользователем Basilevs, 9 ноя 2011.

  1. Basilevs

    Basilevs Пользователь

    Сообщения:
    645
    Симпатии:
    142
    Версия TP:
    иная
    main.css

    PHP:
    .tdsoc              padding-bottom3pxpadding-top0px; }
    .
    tdmessage          width80%; floatleftpadding-top7px; }
    /* ---------------------------------- *
    Social
    * ---------------------------------- */
    div.soc_share {
    floatright;
    padding-top5px;
    }
    .
    soc_button {
    displayinline-block;
    width18px;
    height18px;
     
    -
    moz-opacity.30;
    filteralpha(opacity=30);
    opacity.30;
    }
    .
    soc_button:hover {
    -
    moz-opacity:1;
    filter:alpha(opacity=100);
    opacity:1;
    }
    .
    soc_facebook {
    backgroundurl(../images/soc_sprite.pngno-repeat 0px 0px transparent;
    }
     
    .
    soc_twitter {
    backgroundurl(../images/soc_sprite.pngno-repeat -18px 0px transparent;
    }
     
    .
    soc_vkontakte {
    backgroundurl(../images/soc_sprite.pngno-repeat -36px 0px transparent;
    }
     
    .
    soc_livejournal {
    backgroundurl(../images/soc_sprite.pngno-repeat -54px 0px transparent;
    }
     
    .
    soc_google {
    backgroundurl(../images/soc_sprite.pngno-repeat -72px 0px transparent;
    }
    viewtopic.tpl

    PHP:
    <tr>
    <
    th class="thHead td1">{L_AUTHOR}</th>
    <
    th class="thHead td2 tdsoc"><div class="tdmessage">{L_MESSAGE}</div>
    <
    div class="soc_share">
    <
    a href="http://www.facebook.com/sharer.php?u=http://путь/viewtopic.php?t={TOPIC_ID}" title="Добавить в Facebook" rel="nofollow" class="soc_button soc_facebook" target="_blank"></a>
    <
    a href="http://twitter.com/share?url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Опубликовать в Twitter" rel="nofollow" class="soc_button soc_twitter" target="_blank"></a>
    <
    a href="http://vkontakte.ru/share.php?url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Добавить в Вконтакте" class="soc_button soc_vkontakte" target="_blank"></a>
    <
    a href="http://www.livejournal.com/update.bml?event=http://путь/viewtopic.php?t={TOPIC_ID}" title="Опубликовать в LiveJournal" rel="nofollow" class="soc_button soc_livejournal" target="_blank"></a>
    <
    a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Google +1" rel="nofollow" class="soc_button soc_google" target="_blank"></a>
        </
    div>
    </
    th>
    </
    tr>
    Социалка v.2
     

    Вложения:

    • soc_sprite.png
      soc_sprite.png
      Размер файла:
      5,5 КБ
      Просмотров:
      244
    Lynx, PheRum и resonansER нравится это.
  2. Basilevs

    Basilevs Пользователь

    Сообщения:
    645
    Симпатии:
    142
    Версия TP:
    иная
    Ещё функцию в main.js
    PHP:
    $(document).ready(function(){
    $(
    'a.soc_button').click(function () {
    var 
    link '';
    title    encodeURIComponent(document.title);

    if ($(
    this).attr('href').match(/^http:\/\/www.facebook.com/)) {
    link 'http://www.facebook.com/sharer.php?u=' document.location.href '&t=' title;
    }
    else if ($(
    this).attr('href').match(/^http:\/\/twitter.com/)) {
    link 'http://twitter.com/share?text=' title '&url=' document.location.href;
    }
    else if ($(
    this).attr('href').match(/^http:\/\/vkontakte.ru/)) {
    link 'http://vkontakte.ru/share.php?url=' document.location.href;
    }
    else if ($(
    this).attr('href').match(/^https:\/\/plusone.google.com/)) {
    link 'https://plusone.google.com/_/+1/confirm?hl=en&url=' document.location.href;
    }
    else if ($(
    this).attr('href').match(/^http:\/\/www.livejournal.com/)) {
    link 'http://www.livejournal.com/update.bml?event=' encodeURIComponent(document.location.href) + '&subject=' title;
    $(
    '.soc_livejournal').attr('href'link);
    return 
    true;
    }
    if(
    link != '') {
    window.open(link'_blank''scrollbars=0, resizable=1, menubar=0, left=200, top=200, width=600, height=450, toolbar=0, status=0');
    return 
    false;
    }
    });
    });
     
    Lynx и resonansER нравится это.
  3. resonansER

    resonansER Пользователь

    Сообщения:
    90
    Симпатии:
    6
    Basilevs, в файле viewtopic.tpl вместо слово "путь" что указывать?
     
  4. krumax

    krumax Пользователь

    Сообщения:
    1.122
    Симпатии:
    328
    Версия TP:
    иная
    своё доменное имя.
     
    resonansER нравится это.
  5. resonansER

    resonansER Пользователь

    Сообщения:
    90
    Симпатии:
    6
    Хм, добавил всё правильно, перепроверил. А вот кнопки так и не появились... Где-то я закосячил, только где? :(

    Может необходимо вставлять в определённые места?
     
  6. krumax

    krumax Пользователь

    Сообщения:
    1.122
    Симпатии:
    328
    Версия TP:
    иная
    ну это само-собой, но мне больше нравятся кнопки из сервиса share42.
     
  7. resonansER

    resonansER Пользователь

    Сообщения:
    90
    Симпатии:
    6
    В таком случае у меня косяк из-за того, что не туда вставляю код в viewtopic.tpl, подскажите куда необходимо вставить?
     
  8. Basilevs

    Basilevs Пользователь

    Сообщения:
    645
    Симпатии:
    142
    Версия TP:
    иная
    Ну там же полный пример,

    <tr>
    <th class="thHead td1">{L_AUTHOR}

    весь кусок до </tr> заменяется.
     
    resonansER нравится это.
  9. resonansER

    resonansER Пользователь

    Сообщения:
    90
    Симпатии:
    6
    Basilevs, ага, теперь начинаю понимать, но всё-равно где-то косяк, вставил вместо указаного кода, не заработало...
    --- добавлено: Dec 2, 2011 1:47 AM ---
    krumax, кстати, на вашем трекере скин просто загляденье! Это вообще бомба! Не в шаре часом? :) я бы себе такой поставил бы тоже, только немного модернизировав, чтобы НЕ повторяться ;)
     
  10. Basilevs

    Basilevs Пользователь

    Сообщения:
    645
    Симпатии:
    142
    Версия TP:
    иная
    путь до images должен быть... templates\default\images
     
    resonansER нравится это.

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