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>
'''SECOND HAND EDUCATION AND RELATED RESOURCES'''
+
''Here's a fancy table''
 +
</table>
  
  
If you have any resources you would like to sell,  please [http://www.organicdesign.co.nz/wiki/index.php?title=Katikati_Home_Education_Resources&action=edit&section=new  click here] and leave a detailed description, price and your name and phone number if desired. See list below!!! (If you are unsure of how to edit or add resources, check our [[Katikati Home Education website help|help]] page)
+
==== Keyboard shortcuts ====
</table>
+
*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''
  
*ctrl shift and refresh to force browser to reload everything
 
  
*class example
+
==== 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 article like [[katihe.css]], human comments are done like this
 
 
:<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 */