Feature #252

Styly pro grafické objekty

Added by Tomáš Kulhánek over 9 years ago. Updated over 9 years ago.

Status:ResolvedStart date:13 August 2015
Priority:NormalDue date:
Assignee:Tomáš Kulhánek% Done:

100%

Category:HTML5 clientEstimated time:24.00 hours
Target version:Psychotest2Spent time:16.00 hours
Story points-
Velocity based estimate-

Description

Umožnit manipulaci velikosti a CSS stylů pro grafické objekty např. komentář nebo speciální komentář za definicí objektu
např.:

  stimulus 1.wav $padding:5px margin:5px; background:url("Sounds/img.jpg")

History

#1 Updated by Tomáš Kulhánek over 9 years ago

  • % Done changed from 0 to 50
  • Estimated time changed from 8.00 to 24.00
Styly jsou nepovinna soucast jazyka a mohou se menit, definuje styl pro vybrany element, nebo skupinu elementu. Styly pro
  1. obrazovku
  2. stimuli, tlacitka
  3. task, formulare
screen Obrazovka
#style max-width:40em
Definuje styl pro konkretni obrazovku, co nasleduje za #style je pridano jako styl do elementu HTML.body. V tomto pripade se zuzi obrazovka. 
  stimulus F1-volani.wav   
  #style float:none; margin:auto;
  #stylebutton padding:10px; font-size:1.5em;
Definuje styl pro stimuli. Jednak pro nadrazeny element „nav“ nebo „td“ clasy “.stimulus“. #stylebutton pak definuje styl pro vsechny tlacitka, tj. zvuky. V tomto pripade jsou zvuky uprostred a vycentrovane na radce, tlacitka navic jsou zvetsena s odsazenim padding a velikosti fontu 1.5x. 
    task G
  #style background-color:lightblue;
  #styleform float:left; width:20%;

Styl pro oblast, kde jsou tasky. V tomto pripade je nastaveno pozadi svetlemodre. #styleform navic definuje styl pro vsechny <form> v ramci tasku, v tomto pripade se rozlozi zleva se sirkou 20% - tj. 5 se jich vejde na sirku obrazovky.

#3 Updated by Tomáš Kulhánek over 9 years ago

  • Status changed from New to Resolved
  • % Done changed from 50 to 100

Also available in: Atom PDF