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

Kornak

Прижился
Регистрация
08.10.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... гуру, подскажите как будет правильно?
 
Я бы вам рекомендовал все-таки изучить: http://htmlbook.ru/samcss

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

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

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

И почему вы добавляете Скутер/Кнопка? У вас шаблон так называется? Именно с такой "вложенностью"?
http://wiki.proscooters.ru/Шаблон:Скутер/Кнопка
А здесь попытка использовать этот шаблон
http://wiki.proscooters.ru/Honda_Dio_AF27
 
Но оно к несчастью так-же не работало...
К счастью, потому как в медиавики по-умолчанию запрещено использование "опасных" тегов и атрибутов.

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

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

Код:
[[Ссылка на страницу|<span class="btn">Текст кнопки</span>]]
 
В целом всё работает, но возник смежный вопрос, можно ли как-то отключить оформление внешних и внутренних не существующих ссылок?
Сейчас всё выглядит вот так -
btn.png


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

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

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

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

Сейчас заметил ещё такую особенность почему то к адресу вставленному именно таким образом дописывается - %7C после чего ссылка ломается откуда оно взялось ума не приложу... Ссылка вставленная обычным способом - подобной ерунды не выводит...
Посмотреть можно тут
http://wiki.proscooters.ru/Honda_Dio_AF27
 
можно ли как-то отключить оформление внешних и внутренних не существующих ссылок?
Я все таки еще раз покажу ссылку:
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;
}
 
%7C после чего ссылка ломается откуда оно взялось ума не приложу... Ссылка вставленная обычным способом - подобной ерунды не выводит...
Что-то лишнее в шаблоне.
 
Что-то лишнее в шаблоне.
В том то и дело что вроде бы всё чисто

Вот кусок шаблона выводящий кнопки
Код:
<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
 
Я все таки еще раз покажу ссылку:
Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.
 
Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.
Вам же это и надо было? Или какое тогда оформление нужно отключить?
 
Код:
[{{{обсудить модель}}}|<span class="btn">Обсудить модель</span>]

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

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

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

Вот сама переменная
Код:
| обсудить модель          = http://proscooters.ru/index.php?topic=4073

PS Возник вопрос не совсем по теме... Где помимо - /MediaWiki:Common.css
хранятся стили? Например где хранится значение .mw-body h1 ? Оно подгружается откуда-то но откуда как то не соображу :(
 
Попробовал сделать как в вашем примере - отвалилась одна из кнопок (отображается как обычная ссылка) почитал по вашей ссылке сходу готового решения не нашел, буду разбираться о результатах отпишу здесь.
Там и нет готового.
Разберитесь с css там все элементарно описывается для чего хотите.

Заголовки и прочее скорее всего описаны в скине. Начните читать там: https://mediawiki.org/wiki/Manual:CSS
 
Я вас понял, процитированный вами кусок ссылается на форум вне википедии
Нет, не поняли. Вы пытаетесь сослаться на внешнюю страницу, используя синтаксис внутренних ссылок.


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

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