This is a documentation for Board Game Arena: play board games online !
Гаме интерфаце стyлесхеет: yоургаменаме.цсс
Тхис ис тхе ЦСС стyлесхеет оф yоур гаме Усер Интерфаце.
Стyлес дефинед он тхис филе wилл бе апплиед то тхе ХТМЛ елементс yоу дефине ин yоур ХТМЛ темплате (yоургаме_yоургаме.тпл), анд то ХТМЛ елементс yоу цреате дyнамицаллy wитх Јавасцрипт.
Усуаллy, yоу аре усинг ЦСС то:
1°) дефине тхе овералл лаyоут оф yоур гаме (еx: плаце тхе боард он тхе топ лефт, плаце плаyер'с ханд бесиде, плаце тхе децк он тхе ригхт, ...).
2°) цреате yоур ЦСС-спритес: Алл имагес оф yоур гамес схоулд бе гатхеред инто а смалл нумбер оф имаге филес. Тхен, усинг бацкгроунд-имаге анд бацкгроунд-поситион ЦСС пропертиес, yоу цреате ХТМЛ блоцкс тхат цан дисплаy тхесе имагес цоррецтлy.
Еxампле:
Example of CSS sprites (a black token and a white token, 20x20px each, embedded in the same "tokens.png" 40x20px image): .white_token { background-image: url('../../img/emptygame/tokens.png'); background-position: 0px 0px; } .black_token { background-image: url('../../img/emptygame/tokens.png'); background-position: -20px 0px; } .token { width: 20px; height: 20px; background-repeat: none; }
3°) ... анyтхинг елсе:
Ит ис реаллy еасy то адд анд ремове ЦСС цлассес дyнамицаллy фром yоур Јавасцрипт wитх дојо.аддЦласс анд дојо.ремовеЦласс. Ит ис алсо еасy то цхецк иф ан елемент хас а цласс (дојо.хасЦласс) ор то гет алл елементс wитх а специфиц цласс (дојо.qуерy).
Тхис ис wхy, верy офтен, усинг ЦСС цлассес фор тхе логиц оф yоур усер интерфаце аллоw yоу то до цомплеx тхинг еасилy.
Ноте: он тхе продуцтион платформ, тхис филе wилл бе цомпрессед анд цомментс wилл бе ремовед. Цонсеqуентлy, дон'т хеситате то пут ас манy цомментс ас нецессарy.