Difference between revisions of "User:Jewel"
From Organic Design wiki
m |
(Tidy up examples and help) |
||
Line 1: | Line 1: | ||
;Example box | ;Example box | ||
<table class=document-code><tr><td> | <table class=document-code><tr><td> | ||
− | ''' | + | ''Here's a fancy table'' |
+ | </table> | ||
− | + | ==== Keyboard shortcuts ==== | |
− | + | *Use '''CTRL+SHIFT''' and '''refresh''' to force browser to reload everything | |
+ | *'''ALT+E''' edits an article | ||
+ | *'''ALT+P''' previews if you're editing or goes to properties if viewing the article | ||
+ | *'''ALT+S''' saves the article | ||
+ | *'''ALT+I''' sets to a ''minor edit'' | ||
− | |||
− | *class | + | ==== Using CSS articles for design ==== |
+ | Using CSS articles like your [[katihe.css]] article lets you change any of the design aspects of like font-size, colours and layout for you whole site from the one place. | ||
+ | *It's done by using ''class'' attributes in your HTML tags like this... | ||
<pre><h2 class=katihe>myHeading</h2></pre> | <pre><h2 class=katihe>myHeading</h2></pre> | ||
:this allows the [[katihe.css]] to affect the ''h2'' headings (for all ''h2's'' with ''class=katihe'') | :this allows the [[katihe.css]] to affect the ''h2'' headings (for all ''h2's'' with ''class=katihe'') | ||
− | + | *In a design CSS comments which are useful to you but ignored by the computer are done like this... | |
− | *In a design CSS | ||
:<font color=red>''/* this is a comment for me */''</font> | :<font color=red>''/* this is a comment for me */''</font> |
Revision as of 11:31, 26 April 2006
- Example box
Here's a fancy table |
Keyboard shortcuts
- Use CTRL+SHIFT and refresh to force browser to reload everything
- ALT+E edits an article
- ALT+P previews if you're editing or goes to properties if viewing the article
- ALT+S saves the article
- ALT+I sets to a minor edit
Using CSS articles for design
Using CSS articles like your katihe.css article lets you change any of the design aspects of like font-size, colours and layout for you whole site from the one place.
- It's done by using class attributes in your HTML tags like this...
<h2 class=katihe>myHeading</h2>
- this allows the katihe.css to affect the h2 headings (for all h2's with class=katihe)
- In a design CSS comments which are useful to you but ignored by the computer are done like this...
- /* this is a comment for me */