Difference between revisions of "User talk:Phantomgraph"

From SoFurry
Jump to: navigation, search
m (Trying out tables on my scrap page)
m (links)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<!--  WARNING: DO NOT EDIT THIS PAGE OR I WILL BREAK YOUR FACE! -->
 
This page just contains notes for me to use while building the Wiki!
 
This page just contains notes for me to use while building the Wiki!
  
Line 7: Line 8:
  
  
−
<TABLE WIDTH=95% BORDER=1 CELLPADDING=4 CELLSPACING=2>
+
<TABLE WIDTH=90% BORDER=1 CELLPADDING=4 CELLSPACING=2>
−
<TR>
+
  <TR>
−
<TD COLSPAN=1 WIDTH=33% ALIGN=CENTER BGCOLOR="#cccccc">
+
<TD COLSPAN=1 WIDTH=20% ALIGN=CENTER BGCOLOR="#cccccc">
 
'''Style'''
 
'''Style'''
 
 
−
<TD COLSPAN=1 WIDTH=33% ALIGN=CENTER BGCOLOR="#cccccc">
+
<TD COLSPAN=1 WIDTH=40% ALIGN=CENTER BGCOLOR="#cccccc">
 
'''SoFurry Code'''
 
'''SoFurry Code'''
 
 
−
<TD COLSPAN=1 WIDTH=33% ALIGN=CENTER BGCOLOR="#cccccc">
+
<TD COLSPAN=1 WIDTH=60% ALIGN=CENTER BGCOLOR="#cccccc">
−
'''Example<SUP>*</SUP>'''
+
'''Displays<SUP>*</SUP>'''
 +
  </TR>
 
<!-- -->
 
<!-- -->
 
<!-- -->
 
<!-- -->
 
   <TR>
 
   <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
None
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
Plain text.
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Plain text.
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Bold
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[b]Bold[/b]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
'''Bold'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Italic
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[i]Italic[/i]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
''Italic''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Underline
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[u]Underline[/u]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
<u>Underline</u>
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Strike
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[s]Strike[/s]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
<STRIKE>Strike</STRIKE>
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Superscript
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
2[sup]2[/sup] = 4
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
2<sup>2</sup> = 4
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Subscript
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
H[sub]2[/sub]O is water
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
H<SUB>2</SUB>O is water
 +
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Acronym
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[Acronym="Stands For"]Acronym[/acronym]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Floating over the word Acronym will cause a tool tip reading "Stands For" to appear.'''<SUP>1</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Spoiler
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[spoiler]The butler did it[/spoiler]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
The text will appear as black blocks. To view the text the reader will have to highlight the text revealing the spoiler.'''<SUP>1 & 2</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Font Colors
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[color=red]Red[/color] Text
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
<FONT COLOR=RED>RED</FONT> Text'''<SUP>3</SUP>'''
 +
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Font
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
The [font="fantasy"]fantasy[/font] font.
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
The <FONT FACE="fantasy">fantasy</FONT> font.'''<SUP>4</SUP>
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Font Size
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
Size [size=0]0[/size][size=1]1[/size][size=2]2[/size][size=3]3[/size][size=4]4[/size][size=5]5[/size][size=6]6[/size][size=7]7[/size]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
[[Image:SF2.0FontSizeClip.png]] See'''<SUP>5</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Horizontal Rule
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[rule]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
<HR>
 +
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Line Brake
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
One[br]Two
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
One<BR>Two
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Left Align
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[left]Left Align[/left]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Left Align
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Center Align
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[center]Center Align[/center]
 +
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=CENTER>
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=CENTER>
−
Some Style Here
+
Center Align
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Right Align
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[right]Right Align[/right]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=RIGHT>
 +
Right Align
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Indent
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[indent]Indent[/indent]
 
 
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
−
How to do dis.
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Indent
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Lists
 
 
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[list]<BR>
 +
[*] God<BR>
 +
[*] Toumal<BR>
 +
[*] Everyone else<BR>
 +
[/list]
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
−
Poof! It Workie!
+
[[Image:SF2.0ListClip.png]] See'''<SUP>5 & 8</SUP>
 
   </TR>
 
   </TR>
 
<!-- -->
 
<!-- -->
 
   <TR>
 
   <TR>
−
<TD COLSPAN=1 VALIGN=CENTER ALIGN=CENTER>
+
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
−
Some Style Here
+
Link
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
<nowiki>Go [url="http://www.google.com"]google[/url] it!</nowiki>
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Go [http://www.google.com google] it!'''<SUP>9</SUP>
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Email Link
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
Don't like IE? Email [email="phantomgraph@sofurry.com]me[/email]!
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Don't like this article? Email [mailto:phantomgraph@sofurry.com me]!'''<SUP>9</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Wiki Link
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
Take a look at the [wiki="FAQ" title="F.A.Q."]!
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
Take a look at the [[FAQ]]!<SUP>'''2''' - (use a link for now)</SUP>
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Quotes
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
<nowiki>[quote name="Phantomgraph" date="Wed, Feb 22, 2012" url="http://phantomgraph.sofurry.com/"]Break this page and I'll break your face.[/quote]</nowiki>
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
[[Image:SF2QuoteClip.png]] Name, Date and URL are optional.'''<SUP>5 & 6</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Code
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
[code]Use this [u]code[/u] to underline.[/code]
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
[[Image:SF2.0CodeClip.png]] See'''<SUP>5</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Image
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
<nowiki>[img]http://i.imgur.com/IVRXe.jpg[/img]</nowiki>
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
[[Image:SF2.0SampleImage.jpg]]
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Image with Thumbnail
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
<nowiki>[url="http://i.imgur.com/IVRXe.jpg"][img]http://i.imgur.com/vyU6j.png[/img][/url]</nowiki>
 +
 +
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 +
[[Image:SF2.0SampleImage.jpg|75px|thumb|left]] See'''<SUP>1,5 & 7</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
Youtube
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
<nowiki>[youtube]http://www.youtube.com/watch?v=Qk08nxbp_JQ[/youtube]</nowiki>
 
 
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
−
How to do dis.
+
[[Image:SF2.0YoutubeClip.png]] See '''<SUP>1 & 5</SUP>'''
 +
  </TR>
 +
<!-- -->
 +
  <TR>
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=CENTER>
 +
A
 +
 +
<TD COLSPAN=1 VALIGN=TOP ALIGN=LEFT>
 +
B
 
 
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
 
<TD COLSPAN=1 VALIGN=CENTER ALIGN=LEFT>
−
Poof! It Workie!
+
C
 
   </TR>
 
   </TR>
 
</TABLE>
 
</TABLE>
Line 44: Line 338:
 
'''Notes''':
 
'''Notes''':
  
−
'''<SUP>*</SUP>''' The results in the table above are 'simulated' to look similar as they should on the SoFurry website.
+
'''<SUP>*</SUP>''' The results are 'simulated' to look similar as they would on the SoFurry website.
 +
 
 +
'''<SUP>1</SUP>''' Wikipages do not have this capability without scripting.
 +
 
 +
'''<SUP>2</SUP>''' Functionality is not yet implemented on the SoFurry website.
 +
 
 +
'''<SUP>3</SUP>''' HTML standard color names are supported. For a simple list of color names see the [http://en.wikipedia.org/wiki/HTML_color_names HTML color names] entry on Wikipedia.
 +
 
 +
'''<SUP>4</SUP>''' You should only use the [http://en.wikipedia.org/wiki/HTML_font_family#Generic_font_families generic font families] as [http://www.w3.org/TR/CSS2/fonts.html#generic-font-families defined by the WC3].
 +
 
 +
'''<SUP>5</SUP>''' What's displayed here is an image.
 +
 
 +
'''<SUP>6</SUP>''' The header will appear as a link.
 +
 
 +
'''<SUP>7</SUP>''' The first URL is the full sized image where the second is the smaller 'thumbnail' image.
 +
 
 +
'''<SUP>8</SUP>''' You can specify the style of the bullets by using [list=''type''] ''circle'' - hollow circle bullet, ''square'' - square bullet, & ''01'' - Numbers
 +
 
 +
'''<SUP>9</SUP>''' The links on the SoFurry website will not have the external link / email icon after them.

Latest revision as of 00:23, 23 February 2012

This page just contains notes for me to use while building the Wiki!

Code to add images def right => [[Image:SF2.0QTour.png|200px|thumb|right|alt=^.^|The SoFurry 2.0 Interface]]

Location of the BBC code test thread => http://www.sofurry.com/forum/view/thread?id=15963&page=1#617575


Style

SoFurry Code

Displays*

None

Plain text.

Plain text.

Bold

[b]Bold[/b]

Bold

Italic

[i]Italic[/i]

Italic

Underline

[u]Underline[/u]

Underline

Strike

[s]Strike[/s]

Strike

Superscript

2[sup]2[/sup] = 4

22 = 4

Subscript

H[sub]2[/sub]O is water

H2O is water

Acronym

[Acronym="Stands For"]Acronym[/acronym]

Floating over the word Acronym will cause a tool tip reading "Stands For" to appear.1

Spoiler

[spoiler]The butler did it[/spoiler]

The text will appear as black blocks. To view the text the reader will have to highlight the text revealing the spoiler.1 & 2

Font Colors

[color=red]Red[/color] Text

RED Text3

Font

The [font="fantasy"]fantasy[/font] font.

The fantasy font.4

Font Size

Size [size=0]0[/size][size=1]1[/size][size=2]2[/size][size=3]3[/size][size=4]4[/size][size=5]5[/size][size=6]6[/size][size=7]7[/size]

SF2.0FontSizeClip.png See5

Horizontal Rule

[rule]

Line Brake

One[br]Two

One
Two

Left Align

[left]Left Align[/left]

Left Align

Center Align

[center]Center Align[/center]

Center Align

Right Align

[right]Right Align[/right]

Right Align

Indent

[indent]Indent[/indent]

        Indent

Lists

[list]
[*] God
[*] Toumal
[*] Everyone else
[/list]

SF2.0ListClip.png See5 & 8

Link

Go [url="http://www.google.com"]google[/url] it!

Go google it!9

Email Link

Don't like IE? Email [email="phantomgraph@sofurry.com]me[/email]!

Don't like this article? Email me!9

Wiki Link

Take a look at the [wiki="FAQ" title="F.A.Q."]!

Take a look at the FAQ!2 - (use a link for now)

Quotes

[quote name="Phantomgraph" date="Wed, Feb 22, 2012" url="http://phantomgraph.sofurry.com/"]Break this page and I'll break your face.[/quote]

SF2QuoteClip.png Name, Date and URL are optional.5 & 6

Code

[code]Use this [u]code[/u] to underline.[/code]

SF2.0CodeClip.png See5

Image

[img]http://i.imgur.com/IVRXe.jpg[/img]

SF2.0SampleImage.jpg

Image with Thumbnail

[url="http://i.imgur.com/IVRXe.jpg"][img]http://i.imgur.com/vyU6j.png[/img][/url]

Error creating thumbnail: File missing
See1,5 & 7

Youtube

[youtube]http://www.youtube.com/watch?v=Qk08nxbp_JQ[/youtube]

SF2.0YoutubeClip.png See 1 & 5

A

B

C

Notes:

* The results are 'simulated' to look similar as they would on the SoFurry website.

1 Wikipages do not have this capability without scripting.

2 Functionality is not yet implemented on the SoFurry website.

3 HTML standard color names are supported. For a simple list of color names see the HTML color names entry on Wikipedia.

4 You should only use the generic font families as defined by the WC3.

5 What's displayed here is an image.

6 The header will appear as a link.

7 The first URL is the full sized image where the second is the smaller 'thumbnail' image.

8 You can specify the style of the bullets by using [list=type] circle - hollow circle bullet, square - square bullet, & 01 - Numbers

9 The links on the SoFurry website will not have the external link / email icon after them.

Retrieved from "http://wiki.sofurry.com/w/index.php?title=User_talk:Phantomgraph&oldid=1462"