This is a documentation for Board Game Arena: play board games online !

Гаме интерфаце стyлесхеет: yоургаменаме.цсс

Извор: Board Game Arena
Датум измене: 11. јануар 2013. у 18:05; аутор: Sourisdudesert (разговор | доприноси) (Created page with "This is the CSS stylesheet of your game User Interface. Styles defined on this file will be applied to the HTML elements you define in your HTML template (yourgame_yourga...")
(разл) ← Старија измена | Тренутна верзија (разл) | Новија измена → (разл)
Пређи на навигацију Пређи на претрагу

Тхис ис тхе ЦСС ст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.