User:Mazu/Sandbox: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
m (→‎Box Shadows: updated to reflect the change to universal format.)
 
(73 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Custom Title|center|Mazu's Sandbox}}
{{Custom Title|center|Mazu's Sandbox}}
=My own personal Sandbox=
<div class="plainlinks">
You might see something of yours here but it is only for me to learn from and work with. Feel free to add comments or help if you notice I seem to be struggling. But what I really like is ideas to work with.
__TOC__
==My own personal Sandbox==
This is where I take code, ideas, etc. and form them into something useful or nifty. Chances are a lot of this may only work in FireFox as it is my standard browser. I only care to make it cross compatible if it is going to end up on a another page. Lastly, learn, enjoy and don't mind the mess.  


It also seems that Kevan's wiki update jacked a few things around..but im too lazy to fix it. so meh.


'''Other Sandboxes:''' <br> <div class="plainlinks">
'''Other Sandboxes:''' <br>  
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/2 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/2 (Gradients)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/3 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/3 (scrolling title)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/4 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/4 (playing with subst and probably other templates soon)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/5 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/5 (PK Stuff)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/6  (PK UD Game style page)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/7  (PX's Page)<br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/8  <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/9  (Danger Map Stuff) <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/10 (OXIII Stuff) <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/11 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/12 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/13 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/14 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/15 <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/ImageRepository <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/ImageRepository <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/RecentScreenShots <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Sig <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Sig <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/SigMashUps <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/SigMashUps <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Suggestions <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Suggestions <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Userspace  <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Userspace  <br>
http://wiki.urbandead.com/index.php/User:Mazu/Sandbox/Userspace/Archive <br>


'''Nifty Links''' <br>
'''Nifty Links''' <br>
Line 27: Line 41:
Also some wiki [http://wiki.urbandead.com/index.php/Help:Contents help].
Also some wiki [http://wiki.urbandead.com/index.php/Help:Contents help].


=Templates=
==Templates==
'''One's I'm trying to make or playing with... They are free to use but I might still change them unless otherwise specified.'''
'''They are free to use but I might change them without notice.'''


==Working on==
===Working on===
====RCStalker Template====
{{RCStalker|Mazu stalks}}




==Completed==
<nowiki>{{RCStalker|Mazu stalks}}</nowiki> As you can see the template only has one variable for a name/group and then a verb (stalks, watches, etc).
 
====Harrison's TZH Template====
 
{| style="width:250px; border: solid 2px rgb(0,0,0);"
|rowspan=2|[[Image:Flashycat_hc_sig.gif|60px]]
|style="width:100%; background: rgb(0,0,0); color:rgb(255,255,255); Font-size:14px; font-weight:bold; text-align:center;"|TZH Hunter
|-
|<small>'''{{{1}}} has killed {{{2}}} TZH ZERG Suck Bags.'''</small>
|}
 
===Completed===
====Rotation Template====
http://wiki.urbandead.com/index.php/Template:Rotate  <br>
It is a template that allows the easy rotation of page elements. <b>Note:</b> this doesn't work on IE or chrome correctly as far as I know. It will work on Chrome at least but it has to be a block element, pictures, etc.
<span style="{{Rotate|180deg|0deg}};">{{User:Mazu/sig}}</span>
<nowiki>{{Rotate|#deg|#deg}}</nowiki>
First variable is the amount of rotation and the second is the skew. There are examples of it [[Template:Rotate|here]]
 
====Linear Gradient Template====
 
http://wiki.urbandead.com/index.php/Template:Lgradient
http://wiki.urbandead.com/index.php/Template:Lgradient
<div style="{{Lgradient|right|#123870 0%, #CCFFCC 100%}} padding:20px;">
<div style="{{Lgradient|right|#123870 0%, #CCFFCC 100%}} padding:20px;">
Line 40: Line 76:
<nowiki>{{Lgradient| direction | colors and color stops}}</nowiki>  
<nowiki>{{Lgradient| direction | colors and color stops}}</nowiki>  


====Vote End====


http://wiki.urbandead.com/index.php/Template:VoteEnd
http://wiki.urbandead.com/index.php/Template:VoteEnd
Line 45: Line 82:
<nowiki>{{VoteEnd| (Date voting ends) }}</nowiki>
<nowiki>{{VoteEnd| (Date voting ends) }}</nowiki>


====Viewing in FF====


http://wiki.urbandead.com/index.php/Template:ViewFF
http://wiki.urbandead.com/index.php/Template:ViewFF
Line 50: Line 88:
<nowiki>{{ViewFF}}</nowiki>
<nowiki>{{ViewFF}}</nowiki>


====Doesn't Know====


http://wiki.urbandead.com/index.php/Template:Dontknow
http://wiki.urbandead.com/index.php/Template:Dontknow
Line 55: Line 94:
<nowiki>{{Dontknow| (name) | (gender) }}</nowiki>
<nowiki>{{Dontknow| (name) | (gender) }}</nowiki>


====Punctuality====


http://wiki.urbandead.com/index.php/Template:DateandTime   
http://wiki.urbandead.com/index.php/Template:DateandTime   
Line 60: Line 100:
<nowiki>{{DateandTime| Insert name here }}</nowiki>
<nowiki>{{DateandTime| Insert name here }}</nowiki>


=Scrolling title=
==Scrolling title==
Got it to work
Got it to work


moved to a new testing site [[User:Mazu/Sandbox/3|here]]
moved to a new testing site [[User:Mazu/Sandbox/3|here]]


=Opacity=
==Opacity==


<div style="border: solid 2px midnightblue;background:#99ccff; padding: 10px">
<div style="border: solid 2px midnightblue;background:#99ccff; padding: 10px">
Line 122: Line 162:
|}
|}


==Mouseover Opacity==
Found [http://www.w3schools.com/Css/css_image_transparency.asp here] Working on the idea..


<span style="border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;">MS</span>
===RGBA===


<span style="opacity:.50; border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;">MS</span>
Dug it up. Really cool color code that combines the color and opacity. looks like  color:rgba(red, green, blue, opacity). It doesn't seem to work on IE though. Surprise!


<span style="opacity:.50;   border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;" hover="opacity:1;" >MS</span>
<div style="background:rgba(45, 78, 31, 1);">
<br>
<br>
{| style="background:rgba(0, 0, 0, 0.3); float: left; width: 50%;"
|-
| <span style="color:white;">But it doesnt effect text!</span>
<br>
<br>
|}
<br>
<br>


</div>


=Signature=
--<font Face="Matisse ITC">[[User:Mazu|{{c|#330066|''''Mazu''''}}]]</font><font Face="RefSpecialty"><sub>[[User_Talk:Mazu|{{c|black|-D}}]]</sub><sup>'''[[Philosophe_Knights|{{c|#660000|PK}}]]'''</sup><sub>[[Organization_XIII|{{c|#000099|OXIII}}]]</sub><sup>[[Ridleybank_Resistance_Front|{{c|#003300|RRF}}]]</sup></font></font>


[[Image:Tinywhitemask.GIF]]


[[Image:BannerWordsOk.gif|68px|Philosophe Knights|link=User:Mazu]]<font Face="RefSpecialty"><sub>[[User_Talk:Mazu|{{c|black|-D}}]]</sub><sup>'''[[Philosophe_Knights|{{c|#660000|PK}}]]'''</sup><sub>[[Organization_XIII|{{c|#000099|OXIII}}]]</sub><sup>[[Ridleybank_Resistance_Front|{{c|#003300|RRF}}]]</sup></font>


===Mouseover Opacity===
Found [http://www.w3schools.com/Css/css_image_transparency.asp here] Working on the idea..


[[Image:Philosophebanner.PNG|68px|Philosophe Knights|link=User:Mazu]]<font Face="RefSpecialty"><sub>[[User_Talk:Mazu|{{c|black|-D}}]]</sub><sup>'''[[Philosophe_Knights|{{c|#660000|PK}}]]'''</sup><sub>[[Organization_XIII|{{c|#000099|OXIII}}]]</sub><sup>[[Ridleybank_Resistance_Front|{{c|#003300|RRF}}]]</sup></font>
<span style="border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;">MS</span>


-
<span style="opacity:.50; border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;">MS</span>


{| style="width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
<span style="opacity:.50;   border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black;" hover="opacity:1;" >MS</span>
|[[User:Mazu|{{c|Black|'''MS'''}}]]
|}
 
[[User:Mazu|<span style="border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black; font-weight:bold;">MS</span>]]<font Face="RefSpecialty"><sub>[[User_Talk:Mazu|{{c|black|-D}}]]</sub><sup>'''[[Philosophe_Knights|{{c|#660000|PK}}]]'''</sup><sub>[[Organization_XIII|{{c|#003300|OXIII}}]]</sub></font>
 
[[User:Mazu|<span style="border:solid 1px #AF7817; padding-right: 0px; margin: 0px; background-color: #EFEADE; color: black; font-weight:bold; {{border-radius|1em}} padding:.09em">MS</span>]]<font Face="RefSpecialty"><sub>[[User_Talk:Mazu|{{c|black|-D}}]]</sub><sup>'''[[Philosophe_Knights|{{c|#660000|PK}}]]'''</sup><sub>[[Organization_XIII|{{c|#003300|OXIII}}]]</sub></font>
 
-
 
[[Philosophe_Knights|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 2px; padding-left:7px; margin:0px; background-color:#EFEADE; color:#AF7817; "> Philosophe Knights</span>]][[User:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 3px; padding-left:0px; margin:0px; background-color:#E7DFCE; color:#AF7817; font-wieght:bold;">¤ MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 2px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font-wieght:bold;">¤ T</span>]][[User:Mazu/Characters|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; padding-right: 7px; padding-left:0px; margin:0px; background-color:#E7DFCE; color:#AF7817; font-wieght:bold;">¤ C</span>]]00:28, 27 May 2011 (BST)
 
[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 3px; padding-left:7px; margin:0px; background-color:#E7DFCE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 3px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">¤ D</span>]][[User:Mazu/Characters|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 2px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">¤ C ¤</span>]][[Philosophe_Knights|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; padding-right: 7px; padding-left:3px; margin:0px; background-color:#E7DFCE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">PK</span>]]


[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 3px; padding-left:7px; margin:0px; background-color:#E7DFCE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; padding-right: 7px; padding-left:3px; margin:0px; background-color:#E7DFCE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">PK</span>]]
Eh doesn't work on the wiki, it blocks that kind of code for security reasons I was told.


[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817;-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em; padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style=" cursor:help; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; -moz-border-radius-bottomright: 1em; -moz-border-radius-topright: 1em; padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">PK</span>]]
==Box Shadows==


[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817;-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em; padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style=" cursor:help; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; -moz-border-radius-bottomright: 1em; -moz-border-radius-topright: 1em; padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 11px 'RefSpecialty',cursive;">PK</span>]]
{{codeInline|<nowiki>box-shadow: (n=right shadow)em (n=bottom shadow)em (n=fade/rounds corners)em (n=all sides equal shadow)em</nowiki>}}
 
[[User:Mazu|<span style="-moz-box-shadow: 0.0em .2em .3em 0.0em #888; border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817;-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em; padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="-moz-box-shadow: .0em .2em .3em .0em #888; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="-moz-box-shadow: .3em .2em .3em .0em #888; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; -moz-border-radius-bottomright: 1em; -moz-border-radius-topright: 1em; padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]
 
<span style="-moz-box-shadow: 0.3em .2em .8em 0.03em #888;">[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817;-moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em; padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; -moz-border-radius-bottomright: 1em; -moz-border-radius-topright: 1em; padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>
 
 
<span style="-moz-box-shadow: 0.3em .2em .8em 0.03em #888;">[[User:Mazu|<span style="border-left:solid 1px #AF7817; border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817;padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="border-top:solid 1px #AF7817; border-bottom:solid 1px #AF7817; border-right:solid 1px #AF7817; padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>
 
 
<span style="-moz-box-shadow: 0.3em .3em .8em 0.03em #AF7817;">[[User:Mazu|<span style="padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>
 
 
<span style="-moz-box-shadow: 0.04em 0.04em 1.0em 0.16em #AF7817;">[[User:Mazu|<span style="padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>
 
-
 
Testing.{{User:Mazu/sig}}  00:59, 27 May 2011 (BST)<br>
 
=Box Shadows=
 
{{codeInline|<nowiki>-moz-box-shadow: (n=left shadow)em (n=bottom shadow)em (n=fade/rounds corners)em (n=all sides equal shadow)em</nowiki>}}


'''Replace (n=text) with a numerical value. For example: 1.3em. Proof of concept examples are provided below.'''  
'''Replace (n=text) with a numerical value. For example: 1.3em. Proof of concept examples are provided below.'''  




{| style="-moz-box-shadow: 1.0em .0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: 1.0em .0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: .0em 1.0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: .0em 1.0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: 1.0em 1.0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: 1.0em 1.0em .0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: .0em .0em .0em 1em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: .0em .0em .0em 1em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: 1.0em 1.0em .0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: 1.0em 1.0em .0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}
Line 215: Line 229:




{| style="-moz-box-shadow: .5em .5em .0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: .5em .5em .0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: .0em .0em 1.0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: .0em .0em 1.0em .0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}




{| style="-moz-box-shadow: .5em .5em 3.0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
{| style="box-shadow: .5em .5em 3.0em 1.0em #888; width: 14px; border:solid 2px #AF7817; Background-color:#EFEADE; CELLSPACING:0"
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|[[User:Mazu|{{c|Black|'''MS'''}}]]  
|}
|}


=Playing with my nav bar=
==Gradient Backgrounds==
{| style="padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}
 
 
{| style="-moz-box-shadow: .5em .8em 1.3em #888; padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}
 
 
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}
 
=Gradient Backgrounds=


<div style="background: #28343b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(36%,#828c95), color-stop(100%,#b5bdc8)); background: -moz-linear-gradient(top, #28343b 0%, #828c95 36%, #b5bdc8 100%); background: -o-linear-gradient(top, #28343b 0%,#828c95 36%,#b5bdc8 100%); padding:10px; overflow:hidden;">
<div style="background: #28343b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(36%,#828c95), color-stop(100%,#b5bdc8)); background: -moz-linear-gradient(top, #28343b 0%, #828c95 36%, #b5bdc8 100%); background: -o-linear-gradient(top, #28343b 0%,#828c95 36%,#b5bdc8 100%); padding:10px; overflow:hidden;">
Line 294: Line 287:
</div>
</div>


=Possible transparent background idea?=
==Possible transparent background idea?==
<div> [[Image:collumnsb.jpg|center]] <div style="position: relative; top: -950px; margin-bottom: -672px;">
<div> [[Image:collumnsb.jpg|center]] <div style="position: relative; top: -950px; margin-bottom: -672px;">


Line 322: Line 315:
|}
|}
</div>
</div>
=RGBA=
Dug it up. Really cool color code that combines the color and opacity. looks like  color:rgba(red, green, blue, opacity). It doesn't seem to work on IE though. Surprise!
<div style="background:rgba(45, 78, 31, 1);">
<br>
<br>
{| style="background:rgba(0, 0, 0, 0.3); float: left; width: 50%;"
|-
| <span style="color:white;">But it doesnt effect text!</span>
<br>
<br>
|}
<br>
<br>
</div>




=Display Box=


==Display Box==
Stolen from Aichon.


<div style="margin: 20px 0px 100px 0px; width: 90%; min-width: 750px;">
<div style="margin: 20px 0px 100px 0px; width: 90%; min-width: 750px;">
Line 368: Line 342:
</div>
</div>


=Rotation=
==Rotation==
Didn't think it worked on the wiki
Didn't think it worked on the wiki
<span style="-moz-transform: rotate(-15deg) skew(0deg); -webkit-transform: rotate(-15deg) skew(0deg); -o-transform: rotate(-15deg) skew(0deg); -ms-transform: rotate(-15deg) skew(0deg); transform: rotate(-15deg) skew(0deg); padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span>
<span style="-moz-transform: rotate(-15deg) skew(0deg); -webkit-transform: rotate(-15deg) skew(0deg); -o-transform: rotate(-15deg) skew(0deg); -ms-transform: rotate(-15deg) skew(0deg); transform: rotate(-15deg) skew(0deg); padding: 2px; background:#EFEADE; border: solid black">Loris Ipsum</span>
Line 385: Line 359:
--<span style="-moz-transform: rotate(-180deg) skew(0deg); -webkit-transform: rotate(-180deg) skew(0deg); -o-transform: rotate(-180deg) skew(0deg); -ms-transform: rotate(-180deg) skew(0deg); transform: rotate(-180deg) skew(0deg);background:#EFEADE; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;{{xbrowsercss|box-shadow: 0.04em 0.04em 1.0em 0.13em #AF7817}}">[[User:Mazu|<span style="padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>
--<span style="-moz-transform: rotate(-180deg) skew(0deg); -webkit-transform: rotate(-180deg) skew(0deg); -o-transform: rotate(-180deg) skew(0deg); -ms-transform: rotate(-180deg) skew(0deg); transform: rotate(-180deg) skew(0deg);background:#EFEADE; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;{{xbrowsercss|box-shadow: 0.04em 0.04em 1.0em 0.13em #AF7817}}">[[User:Mazu|<span style="padding-left:7px; padding-right:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">MS</span>]][[User_talk:Mazu|<span style="padding-right: 0px; padding-left:0px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">¤ D ¤</span>]][[Philosophe_Knights|<span style="padding-right: 7px; padding-left:3px; margin:0px; background-color:#EFEADE; color:#AF7817; font: 10px 'RefSpecialty',cursive;">PK</span>]]</span>


=Tabbed Userpage=  
==Tabbed Userpage==  
stolen from [[user:Linkthewindow|Link the window]] whom I'm assuming stole it from [[User:Matthewfarenheit|Matthew Farenheit]].
stolen from [[user:Linkthewindow|Link the window]] whom I'm assuming stole it from [[User:Matthewfarenheit|Matthew Farenheit]].
{| style="text-align:center" width="100%" cellspacing="0" cellpadding="0" vertical-align="top" border="0" |
{| style="text-align:center" width="100%" cellspacing="0" cellpadding="0" vertical-align="top" border="0" |
Line 396: Line 370:
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-right:solid 2px #4444F0; border-left:solid 2px #4444F0; border-bottom:solid 2px #5050ff" width="20" | [[User:Mazu/Templates|Templates]]
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-right:solid 2px #4444F0; border-left:solid 2px #4444F0; border-bottom:solid 2px #5050ff" width="20" | [[User:Mazu/Templates|Templates]]
| style="border-bottom:2px solid #5050ff" width="3" |&nbsp;
| style="border-bottom:2px solid #5050ff" width="3" |&nbsp;
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-right:solid 2px #4444F0; border-left:solid 2px #4444F0; border-bottom:solid 2px #5050ff" width="20" | [[User:Mazu/Sandbox|Sandbox]]
| style="padding:0.5em; background-color:PowderBlue; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-right:solid 2px #4444F0; border-left:solid 2px #4444F0; border-bottom:solid 0px #5050ff" width="20" | [[User:Mazu/Sandbox|Sandbox]]
| style="border-bottom:2px solid #5050ff" width="3000" | &nbsp;
| style="border-bottom:2px solid #5050ff" width="3000" | &nbsp;
|}
|}
Line 403: Line 377:
|Content
|Content


|}
<br>
<br>
'''Lets see if we can make it on its side instead of on top.
{| cellspacing="0" cellpadding="0" align="center"
|style="background:PowderBlue; border-left: 2px solid Royalblue;border-bottom:solid 2px #5050ff; border-top:solid 2px #5050ff" |
{|width="840px" cellspacing="0px" cellpadding="0"|
|rowspan="10" align="left" style="background:powderblue"| Content
|}
|style="border:0px;" |
{| style="font-size:125%; width:10px; float:right; background:#FFFFFF;" cellspacing="20px" cellpadding="0px" |
| style="background:#FFF;border-left: solid 2px #5050ff;" width="3px" |&nbsp;
|-
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-left: solid 2px #5050ff; border-right:solid 2px #4444F0; border-bottom:solid 2px #5050ff;{{Rotate|90deg|0deg}}" width="0px" | [[User:Mazu|<big>M</big>ain]]
|-
| style="background:#FFF;border-left: solid 2px #5050ff;" width="3px" |&nbsp;<br><br><br>
|-
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-left: solid 2px #5050ff; border-right:solid 2px #4444F0; border-bottom:solid 2px #5050ff;{{Rotate|90deg|0deg}}" width="0px" | [[User talk:Mazu|<big>D</big>iscussion]]
|-
| style="background:#FFF;border-left: solid 2px #5050ff;" width="3px" |&nbsp;<br><br><br>
|-
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-left: solid 2px #5050ff; border-right:solid 2px #4444F0; border-bottom:solid 2px #5050ff;{{Rotate|90deg|0deg}}" width="70px" | [[User:Mazu/Characters|<Big>C</big>haracters]]
|-
| style="background:#FFF;border-left: solid 2px #5050ff;" width="3px" |&nbsp;<br><br><br>
|-
| style="padding:0.5em; background-color:#BDD0EC; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-left: solid 2px #5050ff; border-right:solid 2px #4444F0; border-bottom:solid 2px #5050ff;{{Rotate|90deg|0deg}}" width="0px" | [[User:Mazu/Templates|<big>T</big>emplates]]
|-
| style="background:#FFF;border-left: solid 2px #5050ff;" width="3px" |&nbsp;<br><br><br>
|-
| style="padding:0.5em; background-color:powderblue; font-size:90%; line-height:0.95em; border-top:solid 2px #4444F0; border-left: solid 2px #5050ff; border-right:solid 2px #4444F0; border-bottom:solid 2px #5050ff;{{Rotate|90deg|0deg}}" width="0px" | [[User:Mazu/Sandbox|<big>S</big>andbox]]
|-
| style="background:#FFF;border-left: solid 2px #5050ff;"| &nbsp;
|}
|}
|}


<br>
<br>
<br>
<br>
==Messing with my box links==
===Added box shadow to links===
{| style="padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}
{| style="-moz-box-shadow: .5em .8em 1.3em #888; padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background-color:#E7DFCE; border:solid 1px #AF7817"
|
'''[[Philosophe_Knights|Philosophe Knights]]'''<br/>
<small>''Main page''</small>
|}


{| style= "border-left:#AF7817 2px solid; border-top:#AF7817 2px solid; border-right:#AF7817 0px solid; width:70%; border-bottom:#AF7817 2px solid; padding:5px; background-color:#EFEADE" align="center"
===Box links faded when on that page===
|Content
 
<div class="plainlinks" style="background:  rgb(255, 255, 255); {{Lgradient|left top|rgb(230, 230, 230), rgb(135, 135, 135) 10%, rgb(230, 230, 230) 20%,rgb(135, 135, 135) 30%, rgb(230, 230, 230) 40%, rgb(135, 135, 135) 50%, rgb(230, 230, 230) 60%, rgb(135, 135, 135) 70%, rgb(230, 230, 230) 80%, rgb(135, 135, 135) 90%, rgb(230, 230, 230) 100%}}; padding:10px; overflow: hidden;">
<span style="position:relative; margin-top:-50px; float: right; margin: 1em 44px 0px; color: rgb(0, 0, 0); line-height: 1.3em; font-size: .85em; font-family: lucida grande, verdana, sans-serif; text-align: right;">Best in Chrome or FireFox.</span>
<br>
<br>
{| style="position:relative; z-index:1; width:850px; border-bottom:solid 2px  rgb(0, 0, 0); border-left:solid 2px  rgb(0, 0, 0); font-family: verdana; font-size:90%; background:rgb(255, 255, 255); background:rgba(255, 255, 255, .05); color:rgba(0, 0, 0, 1);" align=center CELLPADDING=0 CELLSPACING=0
|style="border-top:solid 2px  rgb(0, 0, 0); border-right:solid 2px  rgb(0, 0, 0); text-shadow: 3px 3px 7px  rgb(230, 230, 230); font-family: Lucida blackletter, cochin, times, serif; font-size:40px; padding:20px; text-align:center" colspan="2"|[[Philosophe Knights|<span style="color:rgb(0, 0, 0);">Philosophe Knights</span>]]
|-
| style="width:700px; padding:10px; border-top:solid 2px  rgb(0, 0, 0);"|
<br />
| style="padding:10px; vertical-align:top; border-top:solid 2px   rgb(0, 0, 0); border-right:solid 2px  rgb(0, 0, 0); border-left:solid 2px  rgb(0, 0, 0); text-align:center"|
__NOTOC__
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,0); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[Philosophe_Knights|<span style="color:  rgb(0, 0, 0); text-decoration:underline">Philosophe Knights</span>]]'''<br/>
<small>''Main page''</small>
|}
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User_Talk:Mazu=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,0); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User_Talk:Mazu|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Talk Page</span>]]'''<br/>
<small>''All discussion goes here.''</small>
|}
</div>
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/KillList=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/KillList|<span style="color:  rgb(0, 0, 0); text-decoration:underline">For Knowledge</span>]]'''<br/>
<small>''Those who have died for the preservation of knowledge.''</small>
|}
</div>
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Titles=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Titles|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Titles</span>]]'''<br/>
<small>''The titles I have earned and working on.''</small>
|}
</div>
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Characters=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Characters|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Characters</span>]]'''<br/>
<small>''Lists all the characters I run.''</small>
|}
</div>
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Templates=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Templates|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Templates</span>]]'''<br/>
<small>''Has other templates I support.''</small>
|}
</div>
<br>
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Sandbox=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Sandbox|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Sandbox</span>]]'''<br/>
<small>''A place for me to perfect edits.''</small>
|}
</div>
|}
</div>
[[Category:Philosophe Knights]]
 
This code might be handy. At least the template anywho.
 
[[User:Revenant{{Switch|{{FULLPAGENAME}}|case: User:Revenant=/Sig}}|<span style="color: #D4AF37;">ЯЭV&#8288;€&#8288;NΛИ</span>]] <br>
<nowiki>{{switch|{{{width}}}|case: big=500px|case: small=100px|default={{{width|250px}}} }} </nowiki>
 
===Semi-circle or circular orientation for nav links(single table)===
This should be a fun undertaking.  Needs 7 columns and 4 rows I think.
 
{|
|
|
|
|
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu|<span style="color: rgb(0, 0, 0); text-decoration:underline">Main Page</span>]]'''<br/>
<small>''My main page''</small>
|}
|
|
|
|-
|-
|Loris Ipsum
|
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User_Talk:Mazu=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,0); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User_Talk:Mazu|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Talk Page</span>]]'''<br/>
<small>''All discussion goes here.''</small>
|}
|}
{| style="text-align:center; border:0px; float: right; position: relative; margin: -62px 62px 0px"  width="10%" cellspacing="0" cellpadding="0" vertical-align="top" |
</div>
| style="padding:0.5em; background-color:#EFEADE; font-size:90%; line-height:0.95em; border-top:solid 2px #AF7817; border-right:solid 2px #AF7817; border-left:solid 2px #AF7817; border-bottom:solid 2px #AF7817" | [[User:Mazu|Main]]
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/KillList=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/KillList|<span style="color:  rgb(0, 0, 0); text-decoration:underline">For Knowledge</span>]]'''<br/>
<small>''Those who have died for the preservation of knowledge.''</small>
|}
|
|
</div>
|-
|-
| style="padding:0.5em; background-color:#EFEADE; font-size:90%; line-height:0.95em; border-top:solid 2px #AF7817; border-right:solid 2px #AF7817; border-left:solid 2px #AF7817; border-bottom:solid 2px #AF7817" | [[User talk:Mazu|Discussion]]
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Titles=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Titles|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Titles</span>]]'''<br/>
<small>''The titles I have earned and working on.''</small>
|}
</div>
|
|
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Characters=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Characters|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Characters</span>]]'''<br/>
<small>''Lists all the characters I run.''</small>
|}
</div>
|
|-
|-
| style="padding:0.5em; background-color:#EFEADE; font-size:90%; line-height:0.95em; border-top:solid 2px #AF7817; border-right:solid 2px #AF7817; border-left:solid 2px #AF7817; border-bottom:solid 2px #AF7817" | [[User:Mazu/Characters|Characters]]
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Templates=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Templates|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Templates</span>]]'''<br/>
<small>''Has other templates I support.''</small>
|}
</div>
|
|
|
|
|
|
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:150px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Sandbox|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Sandbox</span>]]'''<br/>
<small>''A place for me to perfect edits.''</small>
|}
|}
 
===Circular orientation for nav links(multiple tables)===
Needs 4 tables of varied cell width, 3 cells might work best for the tables with two boxes.
{|style="background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); width:800px; align:center" |
{|align="center"
|
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[Philosophe_Knights|<span style="color:  rgb(0, 0, 0); text-decoration:underline">Philosophe Knights</span>]]'''<br/>
<small>''Main page''</small>
|}
|}
{| style="background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001);" align="center"
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User_Talk:Mazu=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,0); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User_Talk:Mazu|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Talk Page</span>]]'''<br/>
<small>''All discussion goes here.''</small>
|}
</div>
|width="150px" |
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/KillList=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/KillList|<span style="color: rgb(0, 0, 0); text-decoration:underline">For Knowledge</span>]]'''<br/>
<small>''Those who have been educated.''</small>
|}
</div>
|}
{|style="background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001);" align="center"
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Titles=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Titles|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Titles</span>]]'''<br/>
<small>''The titles I have earned and working on.''</small>
|}
</div>
|width="300px" align="center" | {{User:Mazu/sig}}
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Characters=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Characters|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Characters</span>]]'''<br/>
<small>''Lists all the characters I run.''</small>
|}
</div>
|}
{|style="background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001);" align="center"
|
|
<div style="opacity: {{switch|{{FULLPAGENAME}}|case: User:Mazu/Templates=.3|default=1 }};">
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Templates|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Templates</span>]]'''<br/>
<small>''Has other templates I support.''</small>
|}
</div>
|width="150px" |
|
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu/Sandbox|<span style="color:  rgb(0, 0, 0); text-decoration:underline">My Sandbox</span>]]'''<br/>
<small>''A place for me to perfect edits.''</small>
|}
|}
{|style="background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001);" align="center"
|
{| style="{{xbrowsercss|box-shadow: .5em .8em 1.3em #888}} padding:2px; width:200px; vertical-align:top; background:rgb(230, 230, 230); background:rgba(230, 230, 230,.001); border:solid 1px  rgb(0, 0, 0); color: rgb(0, 0, 0);"
|
'''[[User:Mazu|<span style="color: rgb(0, 0, 0); text-decoration:underline">Main Page</span>]]'''<br/>
<small>''My main page''</small>
|}
|}
|}
 
=Stacking Div's beside each other=
<div>
<div style="width:8%; background: rgb(255,0,0); Float:left; text-align:center;">First</div>
<div style="width:8%; background: rgb(0,255,0); Float:left; text-align:center;">Second</div>
<div style="width:8%; background: rgb(0,0,255); Float:left; text-align:center;">Third</div>
<div style="width:8%; background: rgb(200,200,200); Float:left; text-align:center;">Fourth</div>
</div>
 
 
 
<div>
{|CELLSPACING=0 CELLPADDING=0
|<div style="width:50px; height:25px; background: rgb(255,0,0); Float:left; text-align:center;">First</div>
|<div style="width:50px; height:25px; background: rgb(0,255,0); Float:left; text-align:center;">Second</div>
|-
|-
| style="padding:0.5em; background-color:#EFEADE; font-size:90%; line-height:0.95em; border-top:solid 2px #AF7817; border-right:solid 2px #AF7817; border-left:solid 2px #AF7817; border-bottom:solid 2px #AF7817" | [[User:Mazu/Templates|Templates]]
|<div style="width:50px; height:25px; background: rgb(0,0,255); Float:left; text-align:center;">Third</div>
|<div style="width:50px; height:25px; background: rgb(200,200,200); Float:left; text-align:center;">Fourth</div>
|}
</div>
 
=A. Schwan's Nav bar=
{| style="border:Black 3px solid; width:65%; border-spacing:0px; margin:0px; ; {{border-radius|8px}}" align=center
| style="padding:4px; background-color:#666666" |[[Image:asbar.png|link=User:A.schwan|Albert Schwan|560px]]<br>
[[Image:asbartalk.png|link=User talk:A.schwan|Talk|56px]][[Image:asbartalk2.png|link=Dr. schwan’s Research and Development Team|D.S.R&D|90px]][[Image:asbartalk3.png|link=Z.A.L.P.|ZALP|61px]][[Image:asbartalk4.png|link=User:A.schwan/JR BobDobbs|JR BobDobbs|120px]][[Image:asbartalk5.png|link=User:A.schwan/Goltaur|Goltaur|110px]][[Image:asbartalk6.png|link=User:A.schwan/Shambilly|Shambilly|125px]]
{| style="border:Black 2px solid; width:98%; border-spacing:3px; margin:5px; background-color:Silver; ; {{border-radius|8px}}" align=center
|-
|-
| style="padding:0.5em; background-color:#EFEADE; font-size:90%; line-height:0.95em; border-top:solid 2px #AF7817; border-right:solid 2px #AF7817; border-left:solid 2px #AF7817; border-bottom:solid 2px #AF7817" | [[User:Mazu/Sandbox|Sandbox]]
|<font face= " Times New Roman "><Font Color=gray><font size=4>[[User:A.schwan/sandbox/the work|<Font Color=black>The Work</font>]] - [[Dr. schwan’s Research and Development Team/Combat Revive Policy|<Font Color=black>Combat Reviver</font>]] - [[User:A.schwan/life-culting|<Font Color=black>Life-Cultist</font>]] - [[Template:DSRDproducts|<Font Color=black>Products&Services</font>]]  - [[User:A.schwan/JR BobDobbs/Book of Malton|<Font Color=black>Book of Malton</font>]]</font></font></font>
|-
|-
|}
|}
|}
=The Ripple Effect=
Trying to recreate water ripples by use of a radial gradient.
http://stockfresh.com/files/c/clearviewstock/m/51/690175_stock-photo-top-down-water-ripple.jpg
<b>Snytax for all browsers:</b>
background-image:    -moz-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%); <br>
background-image: -webkit-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
background-image: -ms-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
background-image: -o-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
----
I'm just playing with FF for now, I'll C/P the code into the rest of them later.
<div style="width:800px; height: 800px; background: -moz-radial-gradient(center 45deg, circle closest-side,
rgb(35,60,130) 0%, rgb(40,100,160) 3%, rgb(120,150,200) 5%, rgb(140, 170, 230) 7%,
rgb(120,150,200) 8%, rgb(20,40,120) 11%, rgb(120,150,200) 13%, rgb(140,170,230) 14%,
rgb(120,150,200) 15%, rgb(20,40,120) 18%, rgb(120,150,200) 20%, rgb(140, 170, 230) 21%,
rgb(120,150,200) 22%, rgb(20,40,120) 25%, rgb(120,150,200) 27%, rgb(140,170,230) 28%,
rgb(120,150,200) 29%, rgb(20,40,120) 32%, rgb(120,150,200) 34%, rgb(140,170,230) 35%,
rgb(120,150,200) 36%, rgb(20,40,120) 39%, rgb(120,150,200) 41%, rgb(140,170,230) 42%,
rgb(120,150,200) 43%, rgb(20,40,120) 46%, rgb(120,150,200) 48%, rgb(140,170,230) 49%,
rgb(120,150,200) 50%, rgb(20,40,120) 53%, rgb(120,150,200) 55%, rgb(140,170,230) 56%,
rgb(120,150,200) 57%, rgb(20,40,120) 60%, rgb(120,150,200) 62%, rgb(140,170,230) 63%,
rgb(120,150,200) 64%, rgb(20,40,120) 67%, rgb(120,150,200) 69%, rgb(140,170,230) 70%,
rgb(120,150,200) 71%, rgb(20,40,120) 74%, rgb(120,150,200) 76%, rgb(140,170,230) 77%,
rgb(120,150,200) 78%,rgb(20,40,90) 81%,
rgb(20,50,110) 85%, rgb(28,65,132) 100%); ">
</div>
One with less crests.
<div style="width:800px; height: 800px; background: -moz-radial-gradient(center 45deg, circle closest-side,
rgb(35,60,130) 0%, rgb(70,120,190) 6%, rgb(50,90,150) 12%, rgb(70,120,190) 14%,
rgb(60,100,175) 17%, rgb(20,55,132) 21%, rgb(50,90,150) 26%, rgb(70,120,190) 28%,
rgb(60,100,175) 31%, rgb(20,55,132) 35%, rgb(50,90,150) 40%, rgb(70,120,190) 42%,
rgb(60,100,175) 45%, rgb(20,55,132) 49%, rgb(50,90,150) 54%, rgb(70,120,190) 56%, 
rgb(60,100,175) 59%, rgb(20,55,132) 63%, rgb(50,90,150) 68%, rgb(70,120,190) 70%,
rgb(60,100,175) 73%, rgb(20,55,132) 77%, rgb(50,90,150) 82%, rgb(70,120,190) 84%, 
rgb(60,100,175) 87%,
rgb(20,50,110) 91%, rgb(28,65,132) 100%); ">
</div>

Latest revision as of 18:13, 12 July 2013

Mazu's Sandbox