Todo:Wikipedia:Teahouse, Wikipedia:Teahouse/Pilot_report, Wikipedia:Teahouse/Host_lounge/Metrics WOW, use this!
These is a depository for CSS code that I like may or may not be using.
see also:
- List of colors
- Web colors
- Wikipedia:How to use tables
- m:Help:Table
- m:Wiki markup tables
- User:Dcljr/Tables
How-to:
TABLES
editTitle 1 | Title 2 |
|
Item 2 |
Sortable Table
editHeader | H2 | H3 | H4 | H5 | H6 |
---|---|---|---|---|---|
A | 2 | 3 | 4 | 5 | 6 |
Be | 20 | 30 | 40 | 50 | 60 |
Cee | 3 | 4 | 5 | 6 | 7 |
Q | 0 | 87 | 4000 | 6 | 7 |
Lists of people |
---|
By name |
hi |
hi
Adding many different syles are posssible here.
hi
Borders | ||
Code | Sub-part | What it does |
border: *; | thick solid #DDDDCC | thick solid border color by code |
" | thin solid yellow | thin solid border line color by name |
border-width:2px; | Make border certain width | |
border-style:*; | solid | solid border line |
" | dashed | solid border line |
" | dotted | solid border line |
" | ridge | frame-like border line |
" | groove | grooved-like border line |
" | inset/outset | inset/outset border line |
border-color:#27160E; | border color | |
border-bottom: 1px solid #AAAAAA; | combination of all of the above | |
-moz-border-radius: 10px; | make border corners rounded (Mozilla only) | |
-moz-border-radius-*,: 10px; | topright | makes topright border corners rounded (Mozilla only) |
" | topleft/bottomright/bottomleft | makes other border corners rounded (Mozilla only) |
Text | ||
Code | Sub-part | What it does |
line-height:1.5; | text line height | |
font-color: #000000; | font color by code | |
font-family: Trebuchet MS, Gill Sans; | Optima, Trebuchet MS, sans-serif; | font style |
" | Helvetica, Arial, Verdana, sans-serif | font style |
" | Lucida Sans Unicode | font style |
font-variant: small-caps; | small caps | |
font-size: smaller; | font size | |
" | large/x-large | other font sizes |
letter-spacing: -0.4px; | spacing between letters? |
Text | ||
Code | Sub-part | What it does |
margin-left: -1em; | margin from text/border/etc (-1 left right puts it right up to edge of page) | |
margin-*: -1em; | right/top/bottom | margin from text/border/etc |
background: #E0EEE0; | color of background by code | |
background-color:#dc143c; | color of background by code |
PAGE LAYOUT
editHeader/Footer(Content)/Sideboxes
editStuff in here, image etc. | Big Title | Stuff here 2 image etc |
Inner box text |
Box
edit
|
Different Bar
editsandbox | NAVIGATION | |
Two columns of boxes
editButtons
edit
|
Whats this?
edittext here
HEADERS
editSimple Separate Header
editBig Title |
Multi colored header box
editTrevor MacInnis/sandbox
This box as two colors in the header
Computer screen looking
editheader with tall letters
editblack with three vertical lines at start
editGrey buttons
editCurvy and blue w/buttons
editMy Websites |
Image in the corner
editWikisaurus: | ||||
---|---|---|---|---|
[[{{{1}}}]] | ||||
For information on WikiSaurus formatting and how to create a new WikiSaurus entry please see Creating a Wikisaurus entry. |
Dark blue w white text
editWiktionary | WikiSaurus | Sense |
3D'ish
editThis is a Wikipedia user page.
This is not an encyclopedia article. If you find this page on any site other than Wikipedia, you are viewing a mirror site. Be aware that the page may be outdated and that the user this page belongs to may have no personal affiliation with any site other than Wikipedia itself. The original page is located at http://en.wikipedia.org/wiki/User:Trevor MacInnis. |
FOOTER
editSimple Separate Footer
editfooter box text |
HEADER AND FOOTER
editSimple Footer/Header Together
editBig Title |
footer box text |
header/footer w/icons
edithere is some good styled text
another para | ||
50.000+ | Link 1 – Link 2 | |
10.000+ | another | |
1.000+ | wha? | |
< 1.000 | de – fr – ja – pl – sv – zh – |
or - end pic right
edit
or - Lead pic right
editSome text which is pushed around the pic
some moRe
Another paragraph etc
user:
Trevor MacInnis
CONTENT
editDropcap Tall
editLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Dropcap aboveline
editLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Dropcap Plain
editUsing css:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Dropcap Fancy
editLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Fonts allowed in Wikipedia
editCorbel
Script MT Bold
Comic Sans MS
Impact
Trebuchet MS
Lucida Handwriting
Lucida Calligraphy
Lucida Console
Font Name: | Example of font: |
Agency FB | Example |
Algerian | Example |
Andale Mono IPA | Example |
Arial | Example |
Arial Black | Example |
Arial Narrow | Example |
Arial Rounded MT Bold | Example |
Baskerville Old Face | Example |
Bauhaus 93 | Example |
Bell MT | Example |
Berlin Sans FB | Example |
Berlin Sans FB Demi | Example |
Bernard MT Condensed | Example |
Blackadder ITC | Example |
Bodoni MT | Example |
Bodoni MT Black | Example |
Bodoni MT Condensed | Example |
Bodoni MT Poster Compressed | Example |
Book Antiqua | Example |
Bookman Old Style | Example |
Bradley Hand ITC | Example |
Britannic Bold | Example |
Broadway | Example |
Brush Script MT | Example |
Californian FB | Example |
Calisto MT | Example |
Castellar | Example |
Centaur | Example |
Century Gothic | Example |
Century Schoolbook | Example |
Chiller | Example |
Colonna MT | Example |
Comic Sans MS | Example |
Cooper Black | Example |
Copperplate Gothic Bold | Example |
Copperplate Gothic Light | Example |
Courier New | Example |
Curlz MT | Example |
Edwardian Script ITC | Example |
Elephant | Example |
Engravers MT | Example |
Eras Bold ITC | Example |
Eras Demi ITC | Example |
Eras Light ITC | Example |
Eras Medium ITC | Example |
Felix Titling | Example |
Footlight MT Light | Example |
Forte | Example |
Franklin Gothic Book | Example |
Franklin Gothic Demi | Example |
Franklin Gothic Heavy | Example |
Franklin Gothic Medium | Example |
Franklin Gothic Medium Cond | Example |
Freestyle Script | Example |
French Script MT | Example |
Garamond | Example |
Georgia | Example |
Gigi | Example |
Gill Sans MT | Example |
GulimChe | Example |
Impact | Example |
Lucida Console | Example |
Lucida Handwriting | Example |
Marlett | Example |
MingLiU | Example |
Monotype Corsiva | Example |
MS Gothic | Example |
MS Hei | Example |
MS Outlook | Example |
MS Song | Example |
Symbol | Example |
Tahoma | Example |
Times New Roman | Example |
Trebuchet MS | Example |
Webdings | Example |
Wingdings | Example |
Wingdings 2 | Example |
Wingdings 3 | Example |
BACKGROUND
editBackground image ala Ed2g
edit- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- Links
- list
- Some
- dfg
-
- dfg
- [dfg
- dfg
ala Freestyle nl
edit
and
editSHOW/HIDE
editSee MediaWiki:Monobook.css for original codeing.
or (with hidden image and in template form)
editor
editor
editor
edit
CALENDARS
edit
or
edit
or
edit(from Template:Today)
clock
editThis template transcludes Ais523's clock, with a clock background.
BOXES
edittabbed
edituser page | criticism | trivia | see also | references | external links | ||||||
User:Trevor MacInnis
From Wikipedia, the free encyclopedia
|
CategoryTree
edit
tab box
edit
Mario Party DS is a 2007 party video game developed by Hudson Soft and published by Nintendo for the Nintendo DS. It is the second handheld game in the Mario Party series, as well as the last game in the series to be developed by Hudson Soft, as all subsequent games have been developed by NDcube. Like most installments in the Mario Party series, Mario Party DS features characters of the Mario franchise competing in a board game with a variety of minigames, many of which utilize the console's unique features, including its built-in microphone, dual screen and touch screen mechanics, and motion sensitivity. Up to four human players can compete at a time, though characters can also be computer-controlled. Although Mario Party DS received mixed reviews, with general praise for its minigame variety and criticism for its absence of an online multiplayer mode, the game has sold more than nine million units worldwide, making it the 11th-best-selling game for the Nintendo DS. (Full article...)
Recently featured:
| ||
scrolling box
edit
stuff
- a
box with sidebar
edittitle... | edit |
Pinned up note
edit. | . | |||
. | . | |||
|
Box list, color titles
edit8 November 2024 20:17 (UTC) |
Title 1 |
|
Titole 2 |
|
table grey header, black line
editRecent changes by namespace | |
---|---|
Title 1 |
Title 2 |
box/table with colors
editChicago Transit Authority Chicago L System | |
Red Line | |
Orange Line | |
Yellow Line | |
Green Line | |
Blue Line | |
Purple Line | |
Brown Line |
Dropped header and icon
edit
Welcome to Wizardry Dragon's User Page
|
Green 3D'ish
editIntro
Trevor MacInnis is a Wikipedia user who started editing and contributing on X 2006. Blah
light blue 3d ish
edit
Wiktionary main page style
editBehind the scenes
|
|
VARIOUS CODE
editmake pic a link
editmake a pic opaque
editQuotes
editartistic
edit“ | The quote goes here and looks pretty cool, especially when it runs to more than one line. | ” |
“ | The quote goes here and looks pretty cool, especially when it runs to more than one line.The quote goes here and looks pretty cool, especially when it runs to more than one line. | ” |
Substt'ed cquote
edit“ | Insert the text of the quote here, without quotation marks. | ” |
text
edit“ | This is a quote taken from a textbook, magazine etc... | ” |
— Author, Book name[1] |
CURRENTTIME (in minutes from 00Z)
edit1217
Random number generator (See User:Misza13/Random
edit-2
List on page in columns
edit
tests
editCSS rounded corners
editThis is a header
This is for your content.
drop shadow box
editSome title
Some text here. Some text here.
Some text here. Some text here.
Some text here. Some text here.
Some text here. Some text here.
drop shadow box (using no images)
editLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
What is this for. I cant remember!!!
edittry an id
edit- navcontainer
{ width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #333; }
- navcontainer ul
{ list-style: none; margin: 0; padding: 0; border: none; }
- navcontainer li
{ border-bottom: 1px solid #90bade; margin: 0; }
- navcontainer li a
{ display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; }
html>body #navcontainer li a { width: auto; }
- navcontainer li a:hover
{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
or a class
edit.navcontainer { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #333; }
.navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; }
.navcontainer li { border-bottom: 1px solid #90bade; margin: 0; }
.navcontainer li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; }
html>body .navcontainer li a { width: auto; }
.navcontainer li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
Links
editUser:Fir0002 Whoa CSS tutorial - borders
- ^ Codd, Edgar F. (1970). "A Relational Model of Data for Large Shared Data Banks". Communications of the ACM. 13 (6): 377–387.
{{cite journal}}
: Unknown parameter|month=
ignored (help)