Difference between revisions of "User:Jewel"

From Organic Design wiki
m (Caretaker: Format links, Format headings)
m (Caretaker: headings)
Line 4: Line 4:
 
*[[Jewel/Draught Designer|Draught Designer]]
 
*[[Jewel/Draught Designer|Draught Designer]]
  
==== Design ====
+
= Design =
 
;Example box
 
;Example box
 
<table class=document-code><tr><td>
 
<table class=document-code><tr><td>
Line 10: Line 10:
 
</table>
 
</table>
  
==== Keyboard shortcuts ====
+
= Keyboard shortcuts =
 
*Use '''CTRL+SHIFT''' and '''refresh''' to force browser to reload everything
 
*Use '''CTRL+SHIFT''' and '''refresh''' to force browser to reload everything
 
*'''ALT+E''' edits an article
 
*'''ALT+E''' edits an article
Line 17: Line 17:
 
*'''ALT+I''' sets to a ''minor edit''
 
*'''ALT+I''' sets to a ''minor edit''
  
==== Using CSS articles for design ====
+
= 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.
 
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...
 
*It's done by using ''class'' attributes in your HTML tags like this...

Revision as of 21:47, 12 November 2006

Jewel Organisation

Design

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