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

1.1.x Как сделать кнопку "Мне нравится"?

Тема в разделе "Для новичков", создана пользователем Alex31, 23 дек 2011.

Загрузка
  1. Alex31

    Alex31 Активный пользователь

    Регистрация:
    22.12.11
    Сообщения:
    2
    Симпатии:
    0
    Версия XF:
    1.1.1
    Подскажите пожалуйста как сделать кнопку Мне нравится[​IMG]Говорят что это стандартная функция но я не нашёл её в админке, кроме Мне нравится от Facebook.
     
  2. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Обратите внимание на третий сверху пункт. Находится в Пользователи - Права групп пользователей.
    help-screen-forum-rights.png
     
    Alex31 нравится это.
  3. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    А как сделать именно не фразу "Мне нравится" , а саму кнопочку ( то есть обрамление в скрин)?
     
  4. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Титл "мне нравится" или "спасибо", а сама кнопка в виде изображения.
    Тоже интересно.
     
  5. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Так, например.
    Безымянный3.png
     
    mrender нравится это.
  6. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Да да именно так, а как это реализовать? Я немного не знаю куда это все вставлять!
     
    mrender нравится это.
  7. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Найти в CSS-правилах LikeLabel и копаться с ним (код той кнопочки, что на скрине, лежит справа вверху в панели разработчика).
     
  8. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Задам дурной вопрос ( я только вчера начал изучать ксен форо) Что такое ксс правила? В шаблонах такого нету Где искать?
     
  9. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Cascading Stylesheets aka язык, которым можно украшать HTML. Выделенное цветом — правила CSS. Советую почитать что такое CSS (чтобы хотя бы базово знать синтаксис и принцип работы), а потом только браться.
    В ксене есть файлы правил, они оканчиваются на .css, но ещё они есть в управлении внешним видом и являются полями управления (см. приложение).
     

    Вложения:

  10. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Ничего тут конкретного по моему вопросу я не увидел!
     
  11. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Посмотрите внимательнее на моё сообщение, там есть ответ и на вопрос, и пояснение.
     
  12. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Ну тут просто фон будет. А меня интересовало как картинку поставить.
     
  13. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Все перепробовал ничего не помогает. Можете конкретно носом ткнуть?
    Сама картинка не нужна сойдет как в этом сообщении:
     
  14. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    HTML:
    background: #HEX-COLOR url(URL-TO-IMAGE) RULE;
    Где #HEX-COLOR — цвет в шестнадцатеричном формате (aaaaaa)
    URL-TO-IMAGE — ссылка на изображение (относительная или абсолютная)
    RULE — доп. правила (повторять: repeat; повторять по вертикали: repeat-y; повторять по горизонтали: repeat-x; не повторять: no-repeat).
    И получится что-то вроде такого:
    HTML:
    baclground: #fffaff url(http://www.xf-russia.ru/forum/styles/default/xfr/bg-body.png) repeat;
    Это зальёт БГ фоном XF-Russia.

    Введите в поиске по шаблонам LikeLabel и выберите предложенный шаблон. В нём и редактируйте потом.
     
  15. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Мда... И что же я в этом коде пойму? Я ввел "Мне нравится" и не нашел ни того ни другого. + там в шаблона :
    1. post
    2. profile_post
     
  16. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    В EXTRA.css добавьте такой код:
    Код:
    .publicControls .LikeLink .LikeLabel {
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 3px 5px;
    }
    Цвет фона настроите сами, на своё усмотрение.
     
  17. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Да вот обрамление появилось, НО при наведение на эту кнопку (как сказать) появляется только подчеркивание как и раньше а не эффект самой кнопки. И как сделать такое с кнопками редактировать и тд...!
     
  18. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    Предыдущий код удалите и в EXTRA.css добавьте:
    Код:
        .message .publicControls .item {
            
                -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
                -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
                box-shadow: 0px 1px 0px 0px #f0f7fa;
            
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #65A5F1), color-stop(1, #019ad2));
                background:-moz-linear-gradient(top, #65A5F1 5%, #019ad2 100%);
                background:-webkit-linear-gradient(top, #65A5F1 5%, #019ad2 100%);
                background:-o-linear-gradient(top, #65A5F1 5%, #019ad2 100%);
                background:-ms-linear-gradient(top, #65A5F1 5%, #019ad2 100%);
                background:linear-gradient(to bottom, #65A5F1 5%, #019ad2 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5F1', endColorstr='#019ad2',GradientType=0);
            
                background-color:#65A5F1;
            
                -moz-border-radius:6px;
                -webkit-border-radius:6px;
                border-radius:6px;
            
                border:1px solid #057fd0;
            
                display:inline-block;
                color:#ffffff;
                font-family:arial;
                font-size:10px;
                font-weight:bold;
                padding:4px 15px;
                text-decoration:none;
            
                text-shadow:0px -1px 0px #5b6178;
            
            }
            .message .publicControls .item:hover {
            
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #65A5F1));
                background:-moz-linear-gradient(top, #019ad2 5%, #65A5F1 100%);
                background:-webkit-linear-gradient(top, #019ad2 5%, #65A5F1 100%);
                background:-o-linear-gradient(top, #019ad2 5%, #65A5F1 100%);
                background:-ms-linear-gradient(top, #019ad2 5%, #65A5F1 100%);
                background:linear-gradient(to bottom, #019ad2 5%, #65A5F1 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#65A5F1',GradientType=0);
            
                background-color:#019ad2;
            }
            .message .publicControls .item:active {
                position:relative;
                top:1px;
            }
    
    
     
    Risk_plus нравится это.
  19. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    У меня конфликтует этот код с ленточкой он лайн.
     
  20. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    На стандартном всё в норме, а на других всё может быть.
    online_buttons.png
     

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