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 */



