User:A Helpful Little Gnome/Help/e: Difference between revisions
(I really need to go over my help pages) |
mNo edit summary |
||
Line 160: | Line 160: | ||
---- | ---- | ||
<div style="height: auto; width:580px; border: thin solid black; overflow:scroll; background: #FFFFFF; padding: 4px; text-align: left;"><pre> | <div style="height: auto; width:580px; border: thin solid black; overflow:scroll; background: #FFFFFF; padding: 4px; text-align: left;"><pre> |
Latest revision as of 05:01, 8 March 2009
Want to make a split box? A scrolling box or hide those external links? Here is the place to look. | |||||||||||||||||||||||||
<span style="font-variant:small-caps">Hello!</span>
Comes out: Hello! What it does: Makes your text in small caps.
<span class="stealthexternallink">[http://www.urbandead.com/profile.cgi?id=669809 Target Zombie]</span>
Comes out: Target Zombie What it does: Hides the external link so you won't have to see that ugly box with an arrow thing. (Thank Matt for this one)
{| cellspacing="0" cellpadding="0" align="center" style="width:90%; border:2px #a3b1bf solid;" |- |colspan="2" align="center" style="background:#cee0f2; text-align:center; border-bottom:1px #a3b1bf solid;" | |- | align="center" style="width:50%; background:#f5faff; padding:0.5em; text-align:left;" valign="top"| <!-- LEFT COLUMN --> Content content text text | align="center" style="width:50%; background:#f5faff; border-left:1px solid #cee0f2; padding:.5em; text-align:left;" valign="top" | <!-- RIGHT COLUMN --> Content content text text Comes out: Like so. What it does: Makes a table split in half, useful if you want to fit more content in a smaller area.
<div style="height: 70px; width:70px; border: thin solid black; overflow:scroll; background: #FFFFFF; padding: 4px; text-align: left;">
Comes out: Hey hey
What it does: Creates a scrollbox. Useful for squishing content down to smaller area. Remember to put or it won't show up properly.
{| class=sortable |- style="font-weight:bold" | Isn't || This || Neat? |- | m || a || 1 |- | n || b || 2 |- | p || c || 3 |} Comes out:
What it does: Creates a sortable table.
<span style="cursor:default">Default</span> <span style="cursor:auto">Auto</span> <span style="cursor:crosshair">Crosshair</span> <span style="cursor:pointer">Pointer</span> <span style="cursor:move">Move</span> <span style="cursor:e-resize">e-resize</span> <span style="cursor:ne-resize">ne-resize</span> <span style="cursor:nw-resize">nw-resize</span> <span style="cursor:n-resize">n-resize</span> <span style="cursor:se-resize">se-resize</span> <span style="cursor:sw-resize">sw-resize</span> <span style="cursor:s-resize">s-resize</span> <span style="cursor:w-resize">w-resize</span> <span style="cursor:text">text</span> <span style="cursor:wait">wait</span> <span style="cursor:help">help</span> Comes out: Default Auto Crosshair Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help What they are: A list of all the ways you can change your cursor. Taken from User:Thekooks.
{| align=center style="color:white" |- |style="background:royalblue;border-bottom: solid 4px white" colspan=3| <center><big>Who?</big></center> |- |style="background:#0033CC;padding:35px"| <big><big>Hello</big><br>Hey</big> || style="background:#0033CC;padding:22px"| test.... || style="background:#3399FF;padding:30px" | <big>hurr hurr huuurr</big> |- |style="background:#0033CC;padding:35px"| <big><big>Hello</big><br>Hey</big> || style="background:#0033CC;padding:22px"| test.... || style="background:#3399FF;padding:30px" | <big>hurr hurr huuurr</big> |- |style="background:#0033CC;padding:35px"| <big><big>Hello</big><br>Hey</big> || style="background:#0033CC;padding:22px"| test.... || style="background:#3399FF;padding:30px" |<big> hurr hurr huuurr</big> |- |} Comes out:
What this is: It's a table. The first spat of code aligns the entire thing and colours it white. Colspan allows you to stretch a part over multiple colums (same kind of thing with rowspan). The |- makes a new row, while using || creates added columns.
|