Wiki Code

 floating message  





The Following code produces these effects.



 Short welcome message or greeting.





 Name or Title  Quote or favorite saying.

Outline (Glow)


This code produces a glowing outline, the size, type, backround and color be changed.



border: #px changes the outline size

double: changes the type of outline (Dashed, dotted outset, inset, ridge, solid)

<div style="width:97%; border:5px double #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Double

<div style="width:97%; border:3px dashed #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Dashed

<div style="width:97%; border:3px dotted #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Dotted

<div style="width:97%; border:3px outset #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Outset

<div style="width:97%; border:3px inset #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Inset

<div style="width:97%; border:3px ridge #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Ridge

<div style="width:97%; border:3px solid #b41166; background-color:#ffffff; color:indigo; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #194a19; -webkit-box-shadow: 0 0 10px 3px #b41166; box-shadow: 0 0 10px 3px #b41166; padding:10px; padding-bottom:15px; background-color:#ffffff;">Solid

background-color: changes the color of the background inside the outline

color:changes the color of the outline & text

Background
This code creates a solid background.

<div style="width:97%; border:3px double ; background-color:white; color:#b41166; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px ; -webkit-box-shadow: 0 0 10px 3px ; box-shadow: 0 0 10px 3px ; padding:10px; padding-bottom:15px; background-color:#b41166; background-image:-moz-linear-gradient(top, #b41166 25%, white 75%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, ), color-stop(75%, white);"> <div style="width:97%; border:3px double ; background-color:white; color:#b41166; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px ; -webkit-box-shadow: 0 0 10px 3px ; box-shadow: 0 0 10px 3px ; padding:10px; padding-bottom:15px; background-color:#b41166; background-image:-moz-linear-gradient(top, #b41166 25%, white 75%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #b41166), color-stop(75%, white);"> background-color: changes the color of the background (top, 25%, white 75%) changes the color top of the background in certain (browsers)

color-stop(25%, ), changes the color of the background (in certain browsers)

color-stop(75%, white); changes the bottom color of the background (in certain browsers)

<div style="width:97%; border:3px double ; background-color:white; color:#232222; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px ; -webkit-box-shadow: 0 0 10px 3px ; box-shadow: 0 0 10px 3px ; padding:10px; padding-bottom:15px; background-color:gainsboro; background-image:-moz-linear-gradient(top, 25%, white 75%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, ), color-stop(75%, white);">

Text
This code produces centered text, with custom fonts, sizes and colors.

<font size="8" color="indigo" face="AR Decode">Words <font size="4" color="indigo" face="segoe script">More words <font size="8" color="indigo" face="AR Decode">Words <font size="4" color="indigo" face="segoe script">More words     centers (right, left) the text, must be concluded with    <font size="8" color="indigo" face="AR Decode"> produces text in specified size, font face, and color, must be concluded with

Creates size 8 text

Creates indigo text

<font face="AR Decode"> Creates text in AR Decode font

<div style="font-size:80%; font-weight:; font-family:'Blackadder ITC'; text-shadow: 0px 0px black; text-align:left; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> div style works the same as font face, this more complex but also works better

font-size:80% The smaller the percent the smaller the text Ideal size is 100

font-weight: Bold, italic, strike, underline

font-family: name of the font you want to use

text-shadow: 0px 0px black; the zero should be the size you want and black would be replaced with a specific color

text-align: left, right, center