User:Ricardo Vidal/sandbox

 .formbody { font-family: Monospace; font-size: 11px; max-width: 300px; } .form_format { font-family: Monospace; font-size: 11px; border: 1px solid #999999; color: #666666; } .wikitable {width:800px;} a[href $='.pdf'] { padding-right: 18px; background: transparent url(http://www.askthecssguy.com/images/061220_icon_pdf.gif) no-repeat center right; } a[href $='.doc'] { padding-right: 18px; background: transparent url(http://www.askthecssguy.com/images/061220_icon_doc.gif) no-repeat center right; } a[href $='.xls'] { padding-right: 18px; background: transparent url(http://www.askthecssguy.com/images/061220_icon_xls.gif) no-repeat center right; }

Sandbox DPL
 namespace=User titleregexp=Ricardo_Vidal/sandbox/.*$ 

Error Messages

 * IGEM team error
 * You are attempting to create a notebook in a non-existing IGEM team page, . Please visit  and click "edit" to create your IGEM page.


 * Lab error
 * There is no Lab page called . Please visit  and click "edit" to create your lab page. Further instructions on setting up a lab page can be found here.


 * Page already exists
 * The project you are attempting to create already exists. Please check the fields again and try again. Thanks!

Success Messages

 * IGEM Team Notebook
 * Congratulations! Your IGEM Team Notebook has been created with success. You can visit it here


 * Lab notebook success
 * Congratulations! Your lab notebook has been created with success. You can visit it here


 * Personal notebook success
 * Congratulations! Your lab notebook has been created with success. You can visit it here

Message Box

 * Background red or green depending on error or success?
 * {| width="600px"

Message goes here Message goes here Message goes here Message goes here Message goes here.
 * style="background-color:#e5edc8;" valign="middle" | [[Image:Owwnotebook icon.png|left]] Success!
 * style="background-color:#e5edc8;" valign="middle" | [[Image:Owwnotebook icon.png|left]] Success!
 * }


 * {| width="600px"

Message goes here Message goes here Message goes here Message goes here Message goes here.
 * style="background-color:#e0bcc1;" valign="middle" | [[Image:Owwnotebook icon.png|left]] Error
 * style="background-color:#e0bcc1;" valign="middle" | [[Image:Owwnotebook icon.png|left]] Error
 * }

OWW LN Image


Links with graphic cues

 * Simply using CSS it is possible to make links to files such as PDF, DOC or XLS (or anything else for what matters) more visible to the user.
 * [[Media:BE109_S08_Mod1-Day6_ENGELWARD.pdf|This is a PDF file]]
 * [[Media:Macintosh_HD-Users-nkuldell-Desktop-pCX-EGFP.doc|This is a Word document]]
 * [[Media:Spec_calibration.xls|And here we have an Excel spreadsheet]]

Icons temporarily borrowed from Ask the CSS Guy

Support OWW

 * Go ahead and add one of these banners to your site. Just copy the HTML code within the textarea (ctrl/cmd + C) below your chosen banner and add it to your webpage. It's that easy!


 * If you have any problems inserting your banner into your site, feel free to contact us. We'll do our best to help out.

Revise, revise, revise
Add pages and edit existing pages

Be respectful of user/lab/group pages
If you feel something should be changed, take the time to leave a note on the talk page or send an email explaining what and why.

Keep an informative and up-to-date user page
This will allow others to know who you are and what you are currently working on.

Search and only then create
Make sure that the page you are about to create doesn't already exist by performing a quick search.

Capitalize only the 1st word on your page
In other words, Gel purification is better than Gel Purification

Use categories
To help structure the content on OWW, categories become very handy. So,

Tables

 * By simplye adding   to your tables, you achieve a nice thin grey border on your tables

DPL
 namespace= titleregexp=^.*Notebook$ 