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 edit
Title 1 | Title 2 |
|
Item 2 |
Sortable Table edit
Header | 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 edit
edit
Stuff in here, image etc. | Big Title | Stuff here 2 image etc |
Inner box text |
Box edit
|
Different Bar edit
sandbox | NAVIGATION | |
Two columns of boxes edit
Buttons edit
|
Whats this? edit
text here
HEADERS edit
Simple Separate Header edit
Big Title |
Multi colored header box edit
Trevor MacInnis/sandbox
This box as two colors in the header
Computer screen looking edit
header with tall letters edit
black with three vertical lines at start edit
Grey buttons edit
Curvy and blue w/buttons edit
My Websites |
Image in the corner edit
Wikisaurus: | ||||
---|---|---|---|---|
[[{{{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 edit
Wiktionary | WikiSaurus | Sense |
3D'ish edit
This 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 edit
edit
footer box text |
HEADER AND FOOTER edit
edit
Big Title |
footer box text |
edit
here 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 edit
Some text which is pushed around the pic
some moRe
Another paragraph etc
user:
Trevor MacInnis
CONTENT edit
Dropcap Tall edit
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 aboveline edit
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 Plain edit
Using 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 edit
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.
Fonts allowed in Wikipedia edit
Corbel
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 edit
Background image ala Ed2g edit
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- Links
- list
- Some
- dfg
-
- dfg
- [dfg
- dfg
ala Freestyle nl edit
and edit
SHOW/HIDE edit
See MediaWiki:Monobook.css for original codeing.
edit
or edit
or edit
or edit
CALENDARS edit
or edit
or edit
(from Template:Today)
clock edit
This template transcludes Ais523's clock, with a clock background.
BOXES edit
tabbed edit
user page | criticism | trivia | see also | references | external links | ||||||
User:Trevor MacInnis
From Wikipedia, the free encyclopedia
|
CategoryTree edit
tab box edit
The Mount Edziza volcanic complex (MEVC) is a group of volcanoes and associated lava flows in northwest British Columbia, Canada. Located on the Tahltan Highland, the MEVC has a broad, steep-sided lava plateau; its highest summit is 2,786 metres (9,140 feet). Its volcanoes formed over the last 7.5 million years during five cycles of magmatic activity which spanned four epochs; the most recent eruptions took place in the last 11,000 years. Current activity occurs in the form of hot springs. The MEVC has warm summers and cold, snowy winters; snow and ice remain on the highest peaks year-round. Indigenous peoples have lived adjacent to the MEVC for thousands of years. Historically, the local Tahltan people used volcanic glass from the MEVC to make tools and weaponry. Animal species such as birds, rodents, bears, sheep, goats, moose and caribou inhabit the area. A large provincial park dominates the MEVC, which can only be accessed by aircraft or by a network of footpaths. (Full article...)
Recently featured:
| ||
scrolling box edit
stuff
- a
box with sidebar edit
title... | edit |
Pinned up note edit
. | . | |||
. | . | |||
|
Box list, color titles edit
23 May 2024 09:52 (UTC) |
Title 1 |
|
Titole 2 |
|
table grey header, black line edit
Recent changes by namespace | |
---|---|
Title 1 |
Title 2 |
box/table with colors edit
Chicago 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 edit
Intro
Trevor MacInnis is a Wikipedia user who started editing and contributing on X 2006. Blah
light blue 3d ish edit
Wiktionary main page style edit
Behind the scenes
|
|
VARIOUS CODE edit
make pic a link edit
make a pic opaque edit
Quotes edit
artistic 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) edit
592
Random number generator (See User:Misza13/Random edit
-9
List on page in columns edit
tests edit
CSS rounded corners edit
This is a header
This is for your content.
drop shadow box edit
Some 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) edit
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.
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!!! edit
try 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 edit
User: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)