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

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

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

Загрузка
  1. Ach1les

    Ach1les Новичок

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

    ВОТ ВСПОМНИЛ ДА ОН СВЯЗАН С ЛЕНТОЧКОЙ ОНЛАЙН)))
     
  2. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    Я говорил про код, который я до этого давал:
    Код:
    .publicControls .LikeLink .LikeLabel {
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 3px 5px;
    }
    Его надо удалить.
    А так, вы просто добавьте предложенный мной код из предыдущего поста, под тем кодом, который у вас.
     
    Ach1les нравится это.
  3. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Да спасибо огромное получилось красиво!) А скажите а как сделать точно такое же слева? Тоесть там где у админа написано редактировать, просмотреть ip, предупредить, добавить репутацию?
     
  4. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    @Ach1les Предварительно удалите из EXTRA.css код, который я вам давал в этом посте.
    А уже затем добавляйте в EXTRA.css этод код:
    Код:
    /* public_control ===================================================== */
    .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 8px;
      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;
    }
    
    /* private_control ==================================================== */
    
    $0
    .message .privateControls .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 8px;
      text-decoration:none;
    
      text-shadow:0px -1px 0px #5b6178;
    }
    
    .message .privateControls .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 .privateControls .item:active {
      position:relative;
      top:1px;
    }
    
    /* private_control_muted:none ==================================================== */
    .message .privateControls .muted {
      background:none;
      background-color:none;
      border-radius:none;
      border:none;
    
      display:inline-block;
      color:#969696;
      font-family:Trebuchet MS;
      font-size:11px;
      font-weight:none;
    
      text-shadow:none;
    }
    .message .privateControls .muted:hover {
      background:none;
      background-color:none;
    }
    mod_buttons_cut.png
     
  5. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Вот не получилось!

    [​IMG] [​IMG]
     
  6. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    Убрал лишний код ($0), просто я делаю модификации через встроенную TMS, вот случайно и скопировал лишнее.
    Извиняюсь за принесенное не удобство.

    Код:
    /* public_control ===================================================== */
    .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 8px;
      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;
    }
    
    /* private_control ==================================================== */
    .message .privateControls .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 8px;
      text-decoration:none;
    
      text-shadow:0px -1px 0px #5b6178;
    }
    
    .message .privateControls .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 .privateControls .item:active {
      position:relative;
      top:1px;
    }
    
    /* private_control_muted:none ==================================================== */
    .message .privateControls .muted {
      background:none;
      background-color:none;
      border-radius:none;
      border:none;
    
      display:inline-block;
      color:#969696;
      font-family:Trebuchet MS;
      font-size:11px;
      font-weight:none;
    
      text-shadow:none;
    }
    .message .privateControls .muted:hover {
      background:none;
      background-color:none;
    }
    [​IMG]
     
    Ach1les нравится это.
  7. Ach1les

    Ach1les Новичок

    Регистрация:
    07.01.14
    Сообщения:
    25
    Симпатии:
    4
    Версия XF:
    1.2.4
    Все верно спасибо большое! Буду осваивать азы...
     
    Mirovinger нравится это.

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