1. Приглашаем вступить в нашу группу ВКонтакте.
  2. Присоединяйтесь к нашему чату по ссылке: http://t.me/mediawiki_ru

Шаблон:Кнопка

Тема в разделе 'Шаблоны Media Wiki', создана пользователем Kornak, 9 янв 2016.

  1. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Возникла необходимость создать кнопку, как это сделано здесь -
    http://wot.bz/Cz06_Kolohousenka
    Речь об кнопке - Сравнение ЛТ 1 уровня

    css по адресу http://wiki.proscooters.ru/MediaWiki:Common.css добавил
    В частности прописал это
    Код:
    a.btn {
      font-weight: 700;
      color: white;
      text-decoration: none;
      padding: .8em 1em calc(.8em + 3px);
      border-radius: 3px;
      background: #CD2602;
      box-shadow: 0 -5px #9B111E inset;
      transition: 0.2s;
    }
    a.btn:hover { background: #FF3003; }
    a.btn:active {
      background: #CD2A19;
      box-shadow: 0 5px #9B111E inset;
    }
    Пытаюсь создать шаблон с текстом вида -
    Код:
    <a href="{{{1|}}}"><span class="btn">{{{2|}}}</span></a>
    Добавляю на страницу
    Код:
    {{Скутер/Кнопка|http://wiki.proscooters.ru|Википики|}}
    Ничерта не работает... Что именно я делаю не так?

    Насколько понимаю я прописал шаблон в синтаксисе не понятном для mediawiki... гуру, подскажите как будет правильно?
  2. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
    Я бы вам рекомендовал все-таки изучить: http://htmlbook.ru/samcss

    У вас проблема не с MW, а банальный CSS/HTML.

    Из этого a.btn следует что данные стили будут применяться к ссылкам (элементам a) с классом btn.

    И почему вы добавляете Скутер/Кнопка? У вас шаблон так называется? Именно с такой "вложенностью"?
  3. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Согласен косяк, это уже попытки как то исправить ситуацию, с гудящей на утро головой... первая вариация выглядела так -
    Код:
    <a href="{{{1|}}}" class="btn">{{{2|}}}</a>
    Но оно к несчастью так-же не работало...

    http://wiki.proscooters.ru/Шаблон:Скутер/Кнопка
    А здесь попытка использовать этот шаблон
    http://wiki.proscooters.ru/Honda_Dio_AF27
  4. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
  5. Юрий Бондаренко
    Оффлайн

    Юрий Бондаренко Прижился

    Дата регистрации:
    26 май 2015
    Сообщения:
    277
    Симпатии:
    70
    Пол:
    Мужской
    К счастью, потому как в медиавики по-умолчанию запрещено использование "опасных" тегов и атрибутов.

    И тег <a> - один из них.

    Я использовал так:

    Код:
    [[Ссылка на страницу|<span class="btn">Текст кнопки</span>]]
    UksusoFF нравится это.
  6. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    В целом всё работает, но возник смежный вопрос, можно ли как-то отключить оформление внешних и внутренних не существующих ссылок?
    Сейчас всё выглядит вот так -
    [​IMG]

    Это пишу для будущих поколений

    Прописал в css вот так
    Код:
    .btn {
      font-weight: 700;
      color: white;
      text-decoration: none;
      padding: .8em 1em calc(.8em + 3px);
      border-radius: 3px;
      background: #CD2602;
      box-shadow: 0 -5px #9B111E inset;
      transition: 0.2s;
      margin: 5px;
    }
    .btn:hover { background: #FF3003; }
    .btn:active {
      background: #CD2A19;
      box-shadow: 0 5px #9B111E inset;
    }
    Вставил ссылку вот так
    Код:
    [[Ссылка на страницу|<span class="btn">Текст кнопки</span>]]
    В общем и целом теперь все работает
  7. Юрий Бондаренко
    Оффлайн

    Юрий Бондаренко Прижился

    Дата регистрации:
    26 май 2015
    Сообщения:
    277
    Симпатии:
    70
    Пол:
    Мужской
    можно.
  8. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Порекомендуйте мануал или фразу по которой стоит загуглить этот вопрос... Стандартные - text-decoration: none; в этих случаях не отрабатывает...
  9. Юрий Бондаренко
    Оффлайн

    Юрий Бондаренко Прижился

    Дата регистрации:
    26 май 2015
    Сообщения:
    277
    Симпатии:
    70
    Пол:
    Мужской
    Во-первых, внешние ссылки оформляются одинарными квадратными скобками,
    Во-вторых, display: none - для тех тегов, которые хотите скрыть.
  10. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Исправил

    Не совсем понял о чем речь

    Сейчас заметил ещё такую особенность почему то к адресу вставленному именно таким образом дописывается - %7C после чего ссылка ломается откуда оно взялось ума не приложу... Ссылка вставленная обычным способом - подобной ерунды не выводит...
    Посмотреть можно тут
    http://wiki.proscooters.ru/Honda_Dio_AF27
  11. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
    Я все таки еще раз покажу ссылку:
    http://htmlbook.ru/samcss
    http://www.w3schools.com/CSSref/sel_not.asp

    Код:
    a:not(.new) .btn {
      font-weight: 700;
      color: white;
      text-decoration: none;
      padding: .8em 1em calc(.8em + 3px);
      border-radius: 3px;
      background: #CD2602;
      box-shadow: 0 -5px #9B111E inset;
      transition: 0.2s;
      margin: 5px;
    }
    a:not(.new) .btn:hover { background: #FF3003; }
    a:not(.new) .btn:active {
      background: #CD2A19;
      box-shadow: 0 5px #9B111E inset;
    }
  12. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
    Что-то лишнее в шаблоне.
  13. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    В том то и дело что вроде бы всё чисто

    Вот кусок шаблона выводящий кнопки
    Код:
    <tr>
    <td style="padding-top: 100px;">
    [{{{обсудить модель}}}|<span class="btn">Обсудить модель</span>]
    </td>
    <td style="padding-left: 100px; padding-top: 100px;">
    [{{{обсудить модель}}}|<span class="btn">Вопросы по ремонту</span>]
    </td>
    </tr>
    Вот сама переменная
    Код:
    | обсудить модель          = http://proscooters.ru/index.php?topic=4073
  14. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.
  15. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
    Вам же это и надо было? Или какое тогда оформление нужно отключить?
  16. Юрий Бондаренко
    Оффлайн

    Юрий Бондаренко Прижился

    Дата регистрации:
    26 май 2015
    Сообщения:
    277
    Симпатии:
    70
    Пол:
    Мужской
    Код:
    [{{{обсудить модель}}}|<span class="btn">Обсудить модель</span>]
    внешние и внутренние ссылки оформляются ПО-РАЗНОМУ:
    • внутренние - [[страница|текст]]
    • внешние - [ссылка текст]

    Внимательно изучите все отличия.
  17. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Не совсем ) А правильнее сказать совсем нет ))) Сейчас кнопка-внешняя ссылка - наследеует оформление внешней ссылки википедии и имеет дополнительно картинку со стрелкой, а все остальные ссылки имеют при наведении подчеркивание не смотря на прописанный text-decoration: none; Вот именно это оформление хочется отключить при чем не везде, а исключительно когда речь о кнопках...

    Я вас понял, процитированный вами кусок ссылается на форум вне википедии

    PS Возник вопрос не совсем по теме... Где помимо - /MediaWiki:Common.css
    хранятся стили? Например где хранится значение .mw-body h1 ? Оно подгружается откуда-то но откуда как то не соображу :(
  18. UksusoFF
    Оффлайн

    UksusoFF Moderator Команда форума

    Дата регистрации:
    13 май 2013
    Сообщения:
    1.533
    Симпатии:
    193
    Пол:
    Мужской
    Адрес:
    Самара
    Там и нет готового.
    Разберитесь с css там все элементарно описывается для чего хотите.

    Заголовки и прочее скорее всего описаны в скине. Начните читать там: https://mediawiki.org/wiki/Manual:CSS
    Юрий Бондаренко нравится это.
  19. Юрий Бондаренко
    Оффлайн

    Юрий Бондаренко Прижился

    Дата регистрации:
    26 май 2015
    Сообщения:
    277
    Симпатии:
    70
    Пол:
    Мужской
    Нет, не поняли. Вы пытаетесь сослаться на внешнюю страницу, используя синтаксис внутренних ссылок.


    Из папки скина.
  20. Kornak
    Оффлайн

    Kornak Только зашёл

    Дата регистрации:
    8 окт 2015
    Сообщения:
    29
    Симпатии:
    2
    Спасибо не обратил внимание что у внешних ссылок помимо количества скобок отличаются разделители... Убрал разделитель

    проблема описанная ниже - решилась, спасибо!