1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.1.4 Блоки, Skype и шаблоны

Тема в разделе "Для новичков", создана пользователем sane001, 6 июн 2013.

Загрузка
  1. sane001

    sane001 Местный

    Регистрация:
    11.10.11
    Сообщения:
    15
    Симпатии:
    0
    Доброго времени суток дорогие друзья.
    У одного из обитателей форума в его проекте нашел очень нужную мне вещь, а если быть точнее, то их несколько.
    Напишу суда, вдруг увидит или кто то из пользователей данного портала поможет мне.
    1- asfaf.jpg
    Собственно у того кто создал тему, Ниже подписи видим такой интересный блок. Есть ли плагин или это нужно самому искать такой блок и вставлять его в шаблоны, если только самому искать шаблон, то в какой?

    2- фвыфп.jpg
    На скриншоте мы видим блок в котором отображается как я понял любой html код.
    Он разделен на категории при нажатии на которые, без обновления страницы меняется контент в данном блоке. Есть ли плагин или это нужно самому искать такой блок и вставлять его в шаблоны, если только самому искать шаблон, то в какой?

    3- По поводу третьего я начну из далека и просто объясню действия которые пользователь делает и что он видит, потому что не нашел примера реализации.
    И так, пользователь при регистрации (если зарегистрирован, то и в профиле) видит поле ввода "Skype:" (В XF, знаю что есть управление и добавление полей и его видно как в профиле, так и под аватаркой). Пользователь заполняет данное поле и к примеру вводит "XF-russia" нажимает сохранить и теперь его скайп отображается чуть ниже аватарки в сообщении. Но при нажатии на него надпись "XF-russia", собственно нечего не происходит - просто текст. Собственно вопрос, как добавить "skype:%SkypeName%?add" данный код в шаблон именно в это поле? (Кто не понял, то при нажатии на данный код, будет появляться окно: фыафчс.jpg Нажимая - Да (если у вас открыт скайп) то данный скайп сразу открывается у вас в контактах. Если вы спросите для чего это, то объясню:
    Бывают случаи что если вы ищите скайп, то появляются еще другие скайпы и если пользователь скайпа не разбирается в фильтрации ненужных скайпов, он сразу добавляет того кто в первом списке, а это возможно и не тот пользователь которого он хотел, данный код помогает этим пользователям.


    Спасибо тем кто прочитает данное сообщение и тем кто поможет мне в этом, тонны нефти вам и няшек.
     
  2. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    здравствуйте
    1 - админ этого форума (который на скринах) выкладывал где-то тут на форуме эти менюшки
    2 - стандартные "объявления" доступные из коробки
    3 - не видел подобного. это на маркете том же? спросите у админа, он здешний обитатель
     
  3. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    Вот тема, читаем с этого поста.
     
  4. sane001

    sane001 Местный

    Регистрация:
    11.10.11
    Сообщения:
    15
    Симпатии:
    0
    По поводу третьего - нет. Это я видел на сайте, но я спросил в какие шаблоны нужно добавить этот код: "skype:%SkypeName%?add" чтобы при нажатии на скайп автоматически вставлялся данный код и вместо %SkypeName% ставилось то что он введет в поле Skype при регистрации или в профиле.
    --- добавлено : 6 июн 2013 в 23:35 ---
    Там не описано куда вставлять данный код, такие менюшки можно найти в интернете довольно таки большое кол-во, но вот куда вставлять?
     
  5. sane001

    sane001 Местный

    Регистрация:
    11.10.11
    Сообщения:
    15
    Симпатии:
    0
    Что делать? подскажите пожалуйста?
     
  6. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2

    Надо создать шаблон, вот код вкладок:

    HTML:
    <br></br>
     
    <ul id="Abowe_post_tabs">
        <li><a href="#" title="tab1">Название вкладки 1</a></li>
        <li><a href="#" title="tab2">Название вкладки 2</a></li>
        <li><a href="#" title="tab3">Название вкладки 3</a></li>
        <li><a href="#" title="tab4">Название вкладки 4</a></li>
     
    </ul>
     
    <div id="Abowe_post_tabs_content">
     
    <div id="tab1">Содержимое вкладки 1</div>
    <div id="tab2">Содержимое вкладки 2</div>
    <div id="tab3">Содержимое вкладки 3</div>
    <div id="tab4">Содержимое вкладки 2</div>
     
    </div>
     
    <script>
    $(document).ready(function() {
        $("#Abowe_post_tabs_content div").hide(); // Скрываем содержание
        $("#Abowe_post_tabs li:first").attr("id","current"); // Активируем первую закладку
        $("#Abowe_post_tabs_content div:first").fadeIn(); // Выводим содержание
     
        $('#Abowe_post_tabs a').click(function(e) {
            e.preventDefault();
            $("#Abowe_post_tabs_content div").hide(); //Скрыть все сожержание
            $("#Abowe_post_tabs li").attr("id",""); //Сброс ID
            $(this).parent().attr("id","current"); // Активируем закладку
            $('#' + $(this).attr('title')).fadeIn(); // Выводим содержание текущей закладки
        });
    })();
     
     
    </script>
     
    

    И CSS код для вкладок, впихнуть в шаблон EXTRA.css:

    Код:
    #Abowe_post_tabs{
      overflow: hidden;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
    }
     
    #Abowe_post_tabs li{
      float: left;
      margin: 0 .5em 0 0;
    }
     
    #Abowe_post_tabs a{
      position: relative;
      background: #ecf7ff;
      background-image: linear-gradient(to bottom, #fff, #ddd);
      padding: 10px 20px 10px 10px;
      float: left;
      text-decoration: none;
      color: #444;
      text-shadow: 0 1px 0 rgba(255,255,255,.8);
      border-radius: 5px 0 0 0;
      box-shadow: 0 2px 2px rgba(0,0,0,.4);
    }
     
    #Abowe_post_tabs a:hover,
    #Abowe_post_tabs a:hover::after,
    #Abowe_post_tabs a:focus,
    #Abowe_post_tabs a:focus::after{
      background: #fff;
    }
     
    #Abowe_post_tabs a:focus{
      outline: 0;
    }
     
    #Abowe_post_tabs a::after{
      content:'';
      position:absolute;
      z-index: 1;
      top: 0;
      right: -.5em;
      bottom: 0;
      width: 1em;
      background: #ecf7ff;
      background-image: linear-gradient(to bottom, #fff, #ddd);
      box-shadow: 2px 2px 2px rgba(0,0,0,.4);
      transform: skew(10deg);
      border-radius: 0 5px 0 0;
    }
     
    #Abowe_post_tabs #current a,
    #Abowe_post_tabs #current a::after{
      background: #fff;
      z-index: 3;
    }
     
    #Abowe_post_tabs_content
    {
        background: #fff;
        padding: 1em;
        min-height: 120px;
        position: relative;
        z-index: 2;
        border-radius: 0 5px 5px 5px;
        box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    }
    

    После чего в шаблон ad_message_below надо вставить это :

    Код:
    <xen:if is="{$post.position} == 0">
    <xen:if is="{$post.position}%3 == 0 AND !{$conversation}">
     
    <div class="messageInfo primaryContent">
    <xen:include template="НАЗВАНИЕ ШАБЛОНА С ВКЛАДКАМИ" />
    </div>
    </xen:if>
    </xen:if>
     
    sane001 и Mirovinger нравится это.
  7. ApJIeKuHo

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

    Регистрация:
    08.03.13
    Сообщения:
    188
    Симпатии:
    28
    Версия XF:
    1.1.4
    KakBeOlolo это получится страница с вкладками которые будут подгружаться?
    Или при загрузке страницы вся информация будет загружена сразу во все вкладки?
     
  8. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2
    Сразу во все кладки
     
  9. ApJIeKuHo

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

    Регистрация:
    08.03.13
    Сообщения:
    188
    Симпатии:
    28
    Версия XF:
    1.1.4
    Хм.. я так понимаю что это будет использовано именно на форуме? А что мешает воспользоваться стандартными средствами XenForo?
     
  10. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2

    Мне надо пользователя тыкать лицом в эту информацию, поэтому я и после 1 ого сообщения сделал
     
  11. Alex Gludo

    Alex Gludo Bazinga!

    Регистрация:
    24.01.11
    Сообщения:
    498
    Симпатии:
    322
    Версия XF:
    1.3.4
    По поводу 3-го пункта.
    В настройках доп.поля есть блок "HTML для вывода значения"
    Используйте в нем следующий код:
    HTML:
    <a href="skype:{$valueUrl}?add" class="Tooltip" title="Добавить {$value} в контакты Skype">{$value}</a>
     
    KakBeOlolo, sane001 и Mirovinger нравится это.

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