Sandbox

From Kb_JMY(晉明夷)

Jump to: navigation, search

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
  • Remarks:
  1. The service buyer agrees to schedule the Member Newsletter (mass email) at rate lower than 400 emails per hour and less than 20 emails simultaneously. That is, you can at most send out 1000 emails in 2.5hours.
  2. Online Embedded Video support videos published in 39 video providers, including the top3 providers: Youtube, Google Video, and Yahoo! Video; audios and videos include both stored in your own local server and remote servers.
  3. The Event Management Modules allow members to register ONLINE the interested activities and courses, so that your responsible or any authorized staffs can know the booking status instantly. The staff can also record payment status and manage the whole event in a single place.
  4. The Webhosting Space include 3GB Multimedia Storage Space (i.e. music, video, image or other multimedia files including but not limited to avi, mp3, mpeg, jpg, gif files), 20GB non-multimedia Storage Space, and 200GB monthly bandwidth.
  5. The setup charge of the Photo Album Management Module is free under the condition that one or more of the paid items listed in this quote are purchased.
  6. The above services need to be installed in a new system. The old system can be kept running simultaneously at client's wish.


Some common example of HTML codes

Vertical Align a table

Vertical Align a table
  • Vertical Align a table <--- doesn't work!
<table style="vertical-align: top;">
<tbody style="text-align: left;">
<td>
<tr>星期三</tr>
</td>
</tbody>
</table>
  • Vertical-Align a table row
<tr style="vertical-align: top;">
<td>星期三</td>
</tr>
  • Vertical-Align a table cell
<tr>
<td style="vertical-align: top;">星期三</td>
</tr>

html code to open a link in a new browser window

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

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

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:
  1. wikimedia.org:Table for how to create a table
  2. 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>

  • The above codes as enclosed by the <pre>...</pre> tag make the 3-row table on the right hand side! See -->!
  • If the program codes contain long lines and you want to wrap these long lines, the <p>, <tt>, and <br /> HTML tag should be used instead of the <pre>.. </pre> tag. <-- Not Tested! So test it before use!
 

3x3 Table

Table Caption
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>

  • The above codes as enclosed by the <pre>...</pre> tag make the 3-row table on the right hand side! See -->!
  • Use the code "& #60;" for displaying "<" and preventing the wiki interpreter from interpreting it as a wiki "tag", e.g "<pre>" in this example.
  • Use the code "| width="10%" | & nbsp;" as a table column to add 10% space (on the left or right side) to the displayed content of the table.
  • If the program codes contain long lines and you want to wrap these long lines, the <p>, <tt>, and <br /> HTML tag should be used instead of the <pre>.. </pre> tag. <-- Not Tested! So test it before use!
 

Sandbox Start Here


Template:H:h

Template:H:h

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 board

Post 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.

Template:Announcements/Community bulletin board


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

Template:TOC float left

Template:Meta

Template:Tmp MenuBar1

 

Template:Tmp MenuBar2


On this page:

Download and install
Run
Get a taste of FreeMind
Screenshots

 

Test

Test

Test

====Test====



Personal tools