Инструменты пользователя

Инструменты сайта


anki:input

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Следующая версия
Предыдущая версия
anki:input [2023/07/24 13:43]
werwolf создано
anki:input [2023/07/24 13:55] (текущий)
werwolf
Строка 1: Строка 1:
 =====Пример оформления карточки===== =====Пример оформления карточки=====
  
-====Шаблон лицевой стороны==== 
  
-<​code ​type=javascript>​+====Оформление шаблона==== 
 + 
 +===Шаблон лицевой стороны=== 
 + 
 +<code javascript>​
 <div class=Deck><​span id=Deck>​{{Deck}}</​span></​div>​ <div class=Deck><​span id=Deck>​{{Deck}}</​span></​div>​
 <​script>​document.getElementById('​Deck'​).innerHTML="​{{Deck}}"​.replace("::","​ &minus; "​);</​script>​ <​script>​document.getElementById('​Deck'​).innerHTML="​{{Deck}}"​.replace("::","​ &minus; "​);</​script>​
Строка 11: Строка 14:
  
 {{IMG}} {{IMG}}
-<div class=Russian><​span>​{{Russian}}</​span></​div>​ +<div class=Russian><​span>​{{Front}}</​span></​div>​ 
-{{type:English}}+{{type:​Back}} 
 + 
 +</​code>​ 
 + 
 +===стили=== 
 +<code css> 
 + 
 +.card { 
 + ​font-family:​ arial; 
 + ​font-size:​ 20px; 
 + ​text-align:​ center; 
 + ​color:​ black; 
 + ​background-color:​ white; 
 + ​line-height:​ 1.5em; 
 +
 +#typeans { 
 + ​text-align:​ center; 
 + ​max-width:​ 300px; 
 +
 +input#​typeans { 
 + ​border-radius:​ 9px 
 +
 +.Translation { 
 + ​font-family:​ Lucida Sans Unicode; 
 + ​color:​ gray; 
 + ​padding-top:​ 0.5em; 
 +
 +.Front { 
 + ​padding-top:​ 0.5em; 
 +
 +IMG { 
 + ​border-radius:​ 19px; 
 +
 +div span { 
 + ​max-width:​ 555px; 
 + ​display:​ inline-block;​ 
 + ​text-align:​ left; 
 +
 +  
 +/* solarize http://​ethanschoonover.com/​solarized 
 + * http://​ospalh.github.io/​anki-addons/​Scalar.html 
 + */ 
 +.card {color: black; background-color:​ #f3f3f3;} 
 +#typeans span {background-color:​ #f3f3f3;} 
 +.typeBad {color: #​dc322f;​font-weight:​bold;​font-size:​ 23px;} 
 +.typeMissed,​ .typePass {  color: #​268bd2;​font-weight:​bold;​font-size:​ 23px;} 
 +.typeGood{color:​ #​2ed85a;​font-weight:​bold;​}  
 +  
 +.ankiru{ 
 + ​position:​ absolute; 
 + top: 7px; 
 + ​right:​ 27px; 
 + ​background:​ url('​_ankiru.png'​) top right no-repeat;​ 
 + ​display:​ block; 
 + ​width:​135px;​ 
 + ​height:​32px;​ 
 +
 +  
 +.Deck { 
 + ​position:​ absolute; top: 7px; left: 0px; width: 100%; 
 +
 +#Deck { 
 + ​font-size:​ 8pt;  vertical-align:​ top; line-height:​ 10pt; 
 +
 +</​code>​ 
 + 
 +===Шаблон оборотной стороны=== 
 + 
 +<code javascript>​ 
 +<div class=Deck><​span id=Deck>​{{Deck}}</​span></​div>​ 
 + 
 +{{IMG}} 
 +<div class=Russian><​span>​{{Front}}</​span></​div>​ 
 +<​script>​document.getElementById('​Deck'​).innerHTML="​{{Deck}}"​.replace("::","​ &minus; "​);</​script>​ 
 + 
 + 
 + 
 +{{type:Back}} 
 +<​br/>​ 
 +{{IMG2}}
  
 +<hr id=answer>​
 </​code>​ </​code>​
anki/input.1690195382.txt.gz · Последние изменения: 2023/07/24 13:43 — werwolf