Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
anki:input [2023/07/24 13:43] werwolf [Шаблон лицевой стороны] |
anki:input [2023/07/24 13:55] (текущий) werwolf |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| =====Пример оформления карточки===== | =====Пример оформления карточки===== | ||
| - | ====Шаблон лицевой стороны==== | + | |
| + | ====Оформление шаблона==== | ||
| + | |||
| + | ===Шаблон лицевой стороны=== | ||
| <code javascript> | <code javascript> | ||
| Строка 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("::"," − ");</script> | ||
| + | |||
| + | |||
| + | |||
| + | {{type:Back}} | ||
| + | <br/> | ||
| + | {{IMG2}} | ||
| + | <hr id=answer> | ||
| </code> | </code> | ||