Sandbox
From Kb_JMY(晉明夷)
Contents |
This is the Sandbox for you to test the Wiki-Syntax.
Just try to type any text or syntax starting here:
Fully Equipped Entertainment
Tel: 888-201-4091
Customer Service x1012
Sales Department x1011
| Name | Email Address | Extension |
|---|---|---|
| Charles Valentin | mrfully@fullyequippedent.com | x1013 |
| Kenny Ramirez | kramirez@fullyequippedent.com | x1016 |
| Lorenzo Torres | ltorres@fullyequippedent.com | x1015 |
| Javi Garcia | jgarcia@fullyequippedent.com | x1017 |
| Steve Valentin | svalentin@fullyequippedent.com | x1019 |
| Anthony Cabassa | acabassa@fullyequippedent.com | x1014 |
| item# | Description | Price(HK$) | Discounts(HK$) | Net Amount(HK$) |
| 1 | Member Newsletter (mass email*) | $1580 | $790 (50% off) | $790 |
| 2 | Online Embedded Video Support* | $1380 | $890 (65% off) | $490 |
| 3 | Event Management Modules for Activities and Courses* | $980 | $490(50%off) | $490 |
| 4 | One Year WebHosting Space (3GB multimedia space + 20GB)* | $1380 | $400(29% off) | $980 |
| 5 | Photo Album Management Module supporting online image uploads and with a nice template | $480 | $480(100% off) | Free* |
| Saved: $3050 | Net Total: $2750 | |||
| ||||
Some common example of HTML codes
Vertical Align a table
<table style="vertical-align: top;"> <tbody style="text-align: left;"> <td> <tr>星期三</tr> </td> </tbody> </table>
<tr style="vertical-align: top;"> <td>星期三</td> </tr>
<tr> <td style="vertical-align: top;">星期三</td> </tr> |
html code to open a link in a new browser window
<a href="http://forum.6MillionDollarPage.org/_SMF" target="_blank">6 Million Dollar Page Forum</a> |
Examples of Style Codes
| border="1" cellspacing="1" cellpadding="5" style="text-align: center;" | Overall table style setup |
| style="background:#ffeedd;" | light pink1 |
| style="background:#ffdead;" | light pink2 |
| style="background:#efefef;" | light blue1 |
| style="background:#f0f1ff;" | light blue2 |
| style="background:#d6d7fe; font-size:150%; text-align: center;" | light blue3 |
| style="background:#bdfeba; font-size:120%; text-align: right;" | light green |
| style="background:#e0cef2;" | light purple |
| style="background:red; color:white; font-size:12pt; font-weight:bold;" | white text |
| <p style="font-size: 12pt; color: fuchsia">Aren't style sheets wonderful?</p> | Aren't style sheets wonderful? |
| <b style="color:#12A434">Colored Text</b> inside a paragraph | Colored Text inside a paragraph |
html codes with location marks
<a name="top"> <!-- The "top" Location mark --> <h2>FAQ</h2> <hr class="c"> <!-- The horiziontal dotted line --> <ol> <li><a href="#1">What is the idea?</a><br> <!-- Click to go to location "1" --> <li><a href="#2">Who are you?</a><br> </ol> <hr class="c"><a name="1"> <!-- The Location mark: "1" --> |
Floating Table of Content (TOC)
- <div style="float: right; margin-left: 10px">__TOC__</div>
- <div style="float: left; margin-right: 10px">__TOC__</div>
- <div align="center">__TOC__</div>
- __NOTOC__
- Emedding Text Formatting inside a text paragraph -- not sure how to do??
- The paragraph starts --- the text inside a paragraph--- ends.
Frequently Used WikiText
Floating Table of Content (TOC)
- <div style="float: right; margin-left: 10px">__TOC__</div>
- <div style="float: left; margin-right: 10px">__TOC__</div>
- <div align="center">__TOC__</div>
- __NOTOC__
Tables
- Ref:
- wikimedia.org:Table for how to create a table
- Help:Advanced_editing#Disabling_wikitext_interpretation
Single Cell Table
- using html code
<table ><tr><td bgcolor="#ffeedd"> :line#1 :line#2 </td></tr> </table> |
- Using html tag <pre> to achieve displaying program codes
| Image:Gnome-system.png |
| Computer |
|---|
| Processor Speed: 1.8 GHz |
<pre>
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}
</pre>
|
3x3 Table
| col1 heading | col2 heading | col3 heading |
|---|---|---|
| Row1, col2 | Row1, col2 | Row1, col3 |
| Row2 heading | Row2, col2 | Row2, col3 |
| The below codes produce a 3x3 table |
|---|
{| align="right" border="1" cellspacing="2" cellpadding="5"
|+ '''Table Caption'''
! col1 heading || col2 heading
! style="background:#efefef;" | col3 heading
|-
| Row1, col2 || Row1, col2 || Row1, col3
|-
! Row2 heading
| style="background:red; color:white" | Row2, col2
| style="background:#ffdead;" | Row2, col3
|}
|
- Floating table (aligned right)
| Col 1, row 1 | Col 2, row 1 (and 2) | Col 3, row 1 |
| Col 1, row 2 | Col 3, row 2 |
| The below codes produce
a floating table on the right |
|---|
{| align="right" border="1"
| Col 1, row 1
|rowspan="2"| Col 2, row 1 (and 2)
| Col 3, row 1
|-
| Col 1, row 2
| Col 3, row 2
|}
|
- Table of Content
- {{TOC float right}}
Produces this effect:
Template:TOC float right
Frequently Used WikiText
Single Cell Table
- using html code
<table ><tr><td bgcolor="#ffeedd"> :line#1 :line#2 </td></tr> </table> |
- Using html tag <pre> to achieve displaying program codes
| Image:Gnome-system.png |
| Computer |
|---|
| Processor Speed: 1.8 GHz |
<pre>
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}
</pre>
|
Sandbox Start Here
| Contents: | Top - 0–9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z |
|---|
Community bulletin boardPost your Wikipedia related news and announcements here! New portals, collaborations, and wikiprojects seeking contributors. New initiatives, proposals, discussions, or article drives, and current maintenance backlogs. | |
| * The above "Community bulletin board" table box is produced by the following codes: |
<!-- Community BULLETIN BOARD -->
{| id="CBB" cellspacing="0" cellpadding="0" width=100% style="border:2px solid #B1A3BF; padding:0px;"
|-
| colspan="2" style="background:#E0CEF2; text-align:center; padding:2px; border-bottom:1px #B1A3BF solid;" |
<h2 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold;">
Community bulletin board
</h2>
<span class="plainlinks">[http://en.wikipedia.org/w/index.php?title=Template:Announcements/Community_bulletin_board&action=edit Post]</span> your Wikipedia related news and announcements here! New portals, collaborations, and wikiprojects seeking contributors. New initiatives, proposals, discussions, or article drives, and current maintenance backlogs.
|-
| valign="top" style="padding:8px 8px 0px 8px; background:#FAF5FF;" |
<!-- Please add content to the CBB on that page, not here. -->
{{Announcements/Community bulletin board}}
|} <!-- End: Community BULLETIN BOARD -->
|
Produces this effect:
|

