User Tools

Site Tools


syntax

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
syntax [2014/01/29 02:16]
l [Formatting Passages]
syntax [2017/10/09 20:39] (current)
Line 1: Line 1:
 +<- [[link|About Links]] --------- [[tag|About Tags]]->
 +
 ===== Formatting Passages ===== ===== Formatting Passages =====
  
Line 41: Line 43:
 Some shorthand syntax for creating HTML tables exists, and is used like so: Some shorthand syntax for creating HTML tables exists, and is used like so:
  
->​|!//​table header //|!//table header //|//table header //|+>​|!//​table header //|!//table header //|!//table header //|
 >|//row 1//|//row 1//|//row 1//| >|//row 1//|//row 1//|//row 1//|
 >|//row 2//|//row 2//|//row 2//| >|//row 2//|//row 2//|//row 2//|
Line 96: Line 98:
 ''​@@color:​magenta;​letter-spacing:​3px;​font-size:​1.5em;​Some text@@''​ ''​@@color:​magenta;​letter-spacing:​3px;​font-size:​1.5em;​Some text@@''​
  
-**Note** that if you intend to re-use a particular set of CSS styles throughout the story, there is an easier way than copying and pasting the same inline style syntax over and over! You should create a [[stylesheet]] and define a CSS class like so:+Any text between the first ''​@@''​ and the final '';''​ is usually interpreted as CSS style properties to apply to the span. 
 + 
 +**Note** that if you intend to re-use a particular set of CSS styles throughout the story, there is an easier way than copying and pasting the same inline style syntax over and over! You should create a [[stylesheet]] and define a CSS class (say, that you named "​hotpink"​) ​like so:
  
 <​code>​ <​code>​
Line 105: Line 109:
 }</​code>​ }</​code>​
  
-Then, you can simply write this HTML every time you want to use this style:+This class collects several CSS properties into a set that you wish to re-use many times throughout your story. You can simply write this syntax ​every time you want to use this class: 
 + 
 +''​@@.hotpink;​Some text@@''​
  
-''​<span class="​hotpink">​Some text</​span>​''​+Any properties which begin with ''​.'' ​are interpreted as CSS class names to apply to the style, instead of individual style properties.
  
 +<- [[link|About Links]] --------- [[tag|About Tags]]->
syntax.1390979772.txt.gz · Last modified: 2017/10/09 20:38 (external edit)