View source

From Kb_JMY(晉明夷)

You do not have permission to do that, for the following reasons:
This page has been locked to prevent editing.
The action you have requested is limited to users in the group Sysops.
You can view and copy the source of this page:
<div style="float: right; margin-left: 10px">__TOC__</div>

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

{| align="center" border="0" cellspacing="10" cellpadding="5" style="background:#F0F1FF; font-size: 120%; text-align:center; padding:2px; border:1px #B1A3BF solid; "
!  style="border-bottom:1px #B1A3BF solid; "| Name
!  style="border-bottom:1px #B1A3BF solid; "| Email Address
!  style="border-bottom:1px #B1A3BF solid; "| 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
|}


{| width=60% align="center" border="0" cellspacing="10" cellpadding="5" style="background:#F0F1FF; text-align:center; padding:2px; border:1px #B1A3BF solid; "
| style="border-bottom:1px #B1A3BF solid; "| item#
| style="border-bottom:1px #B1A3BF solid; "| Description
| style="border-bottom:1px #B1A3BF solid; "| Price(HK$)
| style="border-bottom:1px #B1A3BF solid; "| Discounts(HK$)
| style="border-bottom:1px #B1A3BF solid; "| Net Amount(HK$)
|- valign="top"
|1|| Member Newsletter (mass email*)||$1580||$790 (50% off)||$790
|- valign="top"
|2|| Online Embedded Video Support*||$1380||$890 (65% off)||$490
|- valign="top"
|3|| Event Management Modules for Activities and Courses*||$980||$490(50%off)||$490 
|- valign="top"
|4|| One Year WebHosting Space (3GB multimedia space + 20GB)*||$1380||$400(29% off)  ||$980
|- valign="top"
|5|| Photo Album Management Module supporting online image uploads and with a nice template||$480||$480(100% off)||Free*
|- valign="top" 
| colspan="3" style="text-align: center; padding:2px; border-top:1px #B1A3BF solid;"|
| style="text-align: center; padding:2px; border-top:1px #B1A3BF solid;"|  Saved: $3050 
| style="text-align: center; padding:2px; border-top:1px #B1A3BF solid;"| Net Total: $2750
|-
| colspan="5" style="text-align: left;"|
* Remarks:
# 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.
# 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'''.
# 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'''. 
#  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.
# 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. 
# 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 ==
{| border="0" cellspacing="0" cellpadding="5" style="text-align: left;"
|+ <big>'''Vertical Align a table'''</big>
|-
|
* Vertical Align a table <big>'''<--- doesn't work!'''</big>
<pre>
<table style="vertical-align: top;">
<tbody style="text-align: left;">
<td>
<tr>星期三</tr>
</td>
</tbody>
</table>
</pre>

* Vertical-Align a table row
<pre>
<tr style="vertical-align: top;">
<td>星期三</td>
</tr>
</pre>

* Vertical-Align a table cell
<pre>
<tr>
<td style="vertical-align: top;">星期三</td>
</tr>
</pre>
|}

== html code to open a link in a new browser window ==
{| border="0" cellspacing="0" cellpadding="5" style="text-align: left;"
|+ <big>'''html code to open a link in a new browser window'''</big>
|-
|<pre>
<a href="http://forum.6MillionDollarPage.org/_SMF" target="_blank">6 Million Dollar Page Forum</a>
</pre>
|}

== Examples of Style Codes ==
{| border="1" cellspacing="1" cellpadding="5" style="text-align: center;"
|+ Examples of Style Codes
| border="1" cellspacing="1" cellpadding="5" style="text-align: center;"
| Overall table style setup
|-
| style="background:#ffeedd;"|| style="background:#ffeedd;"| light pink1
|-
| style="background:#ffdead;"|| style="background:#ffdead;"| light pink2 
|-
| style="background:#efefef;"|| style="background:#efefef;"| light blue1
|-
| style="background:#f0f1ff;"|| style="background:#f0f1ff;"| light blue2
|-
| style="background:#'''d6d7fe'''; '''font-size:150%'''; text-align: center;"
| style="background:#d6d7fe; font-size:150%; text-align: center;"| light blue3
|-
| style="background:#'''bdfeba'''; '''font-size:120%'''; text-align: right;"
| style="background:#bdfeba; font-size:120%; text-align: right;"| light green
|-
| style="background:#e0cef2;"|| style="background:#e0cef2;"| light purple
|-
| style="background:red; color:white; font-size:12pt; font-weight:bold;"
| style="background:red; color:white; font-size:12pt; font-weight:bold;"| white text
|-
| <nowiki><p style="font-size: 12pt; color: fuchsia">Aren't style sheets wonderful?</p></nowiki>
| <p style="font-size: 12pt; color: fuchsia">Aren't style sheets wonderful?</p>
|-
| <nowiki><b style="color:#12A434">Colored Text</b> inside a paragraph</nowiki>
| <b style="color:#12A434">Colored Text </b> inside a paragraph
|}

== html codes with location marks ==
{| border="0" cellspacing="0" cellpadding="5" style="text-align: left;"
|+ <big>'''html codes with location marks'''</big>
|-
|<pre>
<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" -->

</pre>
|}


==Floating Table of Content (TOC)==
* <nowiki><div style="float: right; margin-left: 10px">__TOC__</div> </nowiki>
* <nowiki><div style="float: left; margin-right: 10px">__TOC__</div> </nowiki>
* <nowiki><div align="center">__TOC__</div> </nowiki>
* <nowiki>__NOTOC__</nowiki>


* Emedding Text Formatting inside a text paragraph -- not sure how to do??
: The paragraph starts --- <div style="background:#ffffff; colour: green;"> the text inside a paragraph </div> --- ends.

=Frequently Used WikiText=

==Floating Table of Content (TOC)==
* <nowiki><div style="float: right; margin-left: 10px">__TOC__</div> </nowiki>
* <nowiki><div style="float: left; margin-right: 10px">__TOC__</div> </nowiki>
* <nowiki><div align="center">__TOC__</div> </nowiki>
* <nowiki>__NOTOC__</nowiki>


==Tables==
* Ref: 
# [http://meta.wikimedia.org/wiki/Help:Table wikimedia.org:Table] for how to create a table
# [http://meta.wikimedia.org/wiki/Help:Advanced_editing#Disabling_wikitext_interpretation_and.2For_reformatting Help:Advanced_editing#Disabling_wikitext_interpretation]

===Single Cell Table===
* using html code
<table ><tr><td bgcolor="#ffeedd">
<pre>
<table ><tr><td bgcolor="#ffeedd"> 
:line#1 
:line#2 
</td></tr> 
</table> 

</pre>
</td></tr>
</table>


* Using html tag '''<tt>&#60;pre></tt>''' to achieve displaying program codes
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[image:Gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}

{| border="0" cellpadding="2" cellspacing="0" style="background-color: transparent;"
| width="10%" | &nbsp;
|<pre>
&#60;pre>
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}
&#60;/pre>

</pre>

* The above codes as enclosed by the &#60;pre>...&#60;/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 &#60;p>, &#60;tt>, and &#60;br /> HTML tag should be used instead of the &#60;pre>.. &#60;/pre> tag. <-- Not Tested! So test it before use!

| width="10%" | &nbsp;
|}

===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
|}

{| border="1" cellpadding="2"
!width="10"|The below codes produce a 3x3 table
|-
|<pre>
{| 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
|}

</pre>
|}




* Floating table (aligned 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 
|}

{| border="1"
! The below codes produce 
a floating table on the right
|-
|<pre>
{| 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 
|}

</pre>
|}


* Table of Content
: <nowiki> {{TOC float right}} </nowiki>

<noinclude>
Produces this effect:
{{TOC float right}}

=Frequently Used WikiText=

===Single Cell Table===
* using html code
<table ><tr><td bgcolor="#ffeedd">
<pre>
<table ><tr><td bgcolor="#ffeedd"> 
:line#1 
:line#2 
</td></tr> 
</table> 

</pre>
</td></tr>
</table>


* Using html tag '''<tt>&#60;pre></tt>''' to achieve displaying program codes
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[image:Gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}

{| border="0" cellpadding="2" cellspacing="0" style="background-color: transparent;"
| width="10%" | &nbsp;
|<pre>
&#60;pre>
{| align="right" border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! Computer
|-
| Processor Speed: 1.8 GHz
|}
&#60;/pre>

</pre>

* The above codes as enclosed by the &#60;pre>...&#60;/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 "'''&#60;pre>'''" in this example.

* Use the code "'''<nowiki>| width="10%" | & nbsp;</nowiki>'''" 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 &#60;p>, &#60;tt>, and &#60;br /> HTML tag should be used instead of the &#60;pre>.. &#60;/pre> tag. <-- Not Tested! So test it before use!

| width="10%" | &nbsp;
|}

=Sandbox Start Here=
<hr>
{{H:h|editor toc}}

{{h:h|MediaWiki links}}

<!-- TOC Templates: A-Z -->
{| id="toc" border="0"
! {{MediaWiki:Toc}}:
| [[#content|Top]] - [[#0–9|0–9]]  [[#A|A]] [[#B|B]] [[#C|C]] [[#D|D]] [[#E|E]] [[#F|F]] [[#G|G]] [[#H|H]] [[#I|I]] [[#J|J]] [[#K|K]] [[#L|L]] [[#M|M]] [[#N|N]] [[#O|O]] [[#P|P]] [[#Q|Q]] [[#R|R]] [[#S|S]] [[#T|T]] [[#U|U]] [[#V|V]] [[#W|W]] [[#X|X]] [[#Y|Y]] [[#Z|Z]]
|}<noinclude>[[Category:TOC templates|{{PAGENAME}}]]</noinclude>


<hr> 


<!-- 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> <!-- 3 line spacing of h2 is important for subsection edit links to work correctly, PLEASE DO NOT FIX -->
<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&nbsp;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 -->


{| align="center" border="0" cellpadding="2" cellspacing="0" style="background-color: transparent;"
|* The above "Community bulletin board" table box is produced by the following codes:
|- <!-- ********** Code Start Here **********-->
|<pre>
<!-- 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&nbsp;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 -->

</pre>
|} <!-- end table code demo -->



<div style="float: left; margin-right: 10px">__TOC__</div>
<noinclude>
Produces this effect:

{{TOC float left}}

{{Meta}}

<table><tr>
<td valign=top>
{{tmp_MenuBar1}}
<td>&nbsp;
<td width=600>

<table><tr>
<td valign=top>
{{tmp_MenuBar2}}
<hr>
On this page:<br>

[[#Download_and_install|Download and install]]<br>
[[#Run|Run]]<br>
[[#Get_a_taste_of_FreeMind|Get a taste of FreeMind]]<br>
[[#Screenshots|Screenshots]]<br>

<td>&nbsp;
<td width=600>

=Test=

==Test==

===Test===

====Test====
Templates used on this page:
Return to Main Page.
Retrieved from "http://kb.healthkb.org/view/Sandbox"
View source

From Kb_JMY(晉明夷)

Views

Personal tools

Navigation

Search

Toolbox
