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

[Kornak]

Возникла необходимость создать кнопку, как это сделано здесь -
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... гуру, подскажите как будет правильно?

 

[UksusoFF]

Я бы вам рекомендовал все-таки изучить: http://htmlbook.ru/samcss

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

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

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

 

[Kornak]

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

Согласен косяк, это уже попытки как то исправить ситуацию, с гудящей на утро головой... первая вариация выглядела так -

<a href="{{{1|}}}" class="btn">{{{2|}}}</a>

Но оно к несчастью так-же не работало...

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

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

 

[UksusoFF]

https://www.mediawiki.org/wiki/Extension:Link_Attributes

И шаблон тогда должен выглядеть так:

[{{{1|}}} {{{2|}}}((.btn))]

 

[Юрий Бондаренко]

Но оно к несчастью так-же не работало...

К счастью, потому как в медиавики по-умолчанию запрещено использование "опасных" тегов и атрибутов.

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

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

[[Ссылка на страницу|<span class="btn">Текст кнопки</span>]]

 

[Kornak]

В целом всё работает, но возник смежный вопрос, можно ли как-то отключить оформление внешних и внутренних не существующих ссылок?
Сейчас всё выглядит вот так -

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

Прописал в 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>]]

В общем и целом теперь все работает

 

[Юрий Бондаренко]

можно ли как-то отключить оформление внешних и внутренних не существующих ссылок

можно.

 

[Kornak]

Порекомендуйте мануал или фразу по которой стоит загуглить этот вопрос... Стандартные - text-decoration: none; в этих случаях не отрабатывает...

 

[Юрий Бондаренко]

Во-первых, внешние ссылки оформляются одинарными квадратными скобками,
Во-вторых, display: none - для тех тегов, которые хотите скрыть.

 

[Kornak]

Во-первых, внешние ссылки оформляются одинарными квадратными скобками,

Исправил

Во-вторых, display: none - для тех тегов, которые хотите скрыть.

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

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

 

[UksusoFF]

можно ли как-то отключить оформление внешних и внутренних не существующих ссылок?

Я все таки еще раз покажу ссылку:
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;
}

 

[UksusoFF]

%7C после чего ссылка ломается откуда оно взялось ума не приложу... Ссылка вставленная обычным способом - подобной ерунды не выводит...

Что-то лишнее в шаблоне.

 

[Kornak]

Что-то лишнее в шаблоне.

В том то и дело что вроде бы всё чисто

Вот кусок шаблона выводящий кнопки

<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

 

[Kornak]

Я все таки еще раз покажу ссылку:

Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.

 

[UksusoFF]

Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.

Вам же это и надо было? Или какое тогда оформление нужно отключить?

 

[Юрий Бондаренко]

[{{{обсудить модель}}}|<span class="btn">Обсудить модель</span>]

внешние и внутренние ссылки оформляются ПО-РАЗНОМУ:

• внутренние - [[страница|текст]]
• внешние - [ссылка текст]

Внимательно изучите все отличия.

 

[Kornak]

Вам же это и надо было? Или какое тогда оформление нужно отключить?

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

[{{{обсудить модель}}}|<span class="btn">Обсудить модель</span>]

внешние и внутренние ссылки оформляются ПО-РАЗНОМУ:

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

Вот сама переменная

| обсудить модель          = http://proscooters.ru/index.php?topic=4073

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

 

[UksusoFF]

Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.

Там и нет готового.
Разберитесь с css там все элементарно описывается для чего хотите.

Заголовки и прочее скорее всего описаны в скине. Начните читать там: https://mediawiki.org/wiki/Manual:CSS

 

[Юрий Бондаренко]

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

Нет, не поняли. Вы пытаетесь сослаться на внешнюю страницу, используя синтаксис внутренних ссылок.

но откуда

Из папки скина.

 

[Kornak]

Нет, не поняли. Вы пытаетесь сослаться на внешнюю страницу, используя синтаксис внутренних ссылок.

Спасибо не обратил внимание что у внешних ссылок помимо количества скобок отличаются разделители... Убрал разделитель

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

Сейчас заметил ещё такую особенность почему то к адресу вставленному именно таким образом дописывается - %7C после чего ссылка ломается откуда оно взялось ума не приложу... Ссылка вставленная обычным способом - подобной ерунды не выводит...