User:Mazu/Sandbox: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
No edit summary
Line 1: Line 1:
{{Custom Title|center|Mazu's Sandbox}}
{{Custom Title|center|Mazu's Sandbox}}
<div class="plainlinks">
<div class="plainlinks">
=My own personal Sandbox=
==My own personal Sandbox==
__TOC__
__TOC__
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.
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.
Line 37: Line 37:
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==
'''They are free to use but I might change them without notice.'''
'''They are free to use but I might change them without notice.'''


==Working on==
===Working on===


{{RCStalker|Mazu stalks}}
{{RCStalker|Mazu stalks}}
Line 47: Line 47:
<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).
<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).


==Completed==
===Completed===


http://wiki.urbandead.com/index.php/Template:Rotate  <br>
http://wiki.urbandead.com/index.php/Template:Rotate  <br>
Line 87: Line 87:
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 144: Line 144:
|}
|}


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


Line 155: Line 155:
Eh doesn't work on the wiki, it blocks that kind of code for security reasons I was told.
Eh doesn't work on the wiki, it blocks that kind of code for security reasons I was told.


=Box Shadows=
==Box Shadows==


{{codeInline|<nowiki>-moz-box-shadow: (n=right shadow)em (n=bottom shadow)em (n=fade/rounds corners)em (n=all sides equal shadow)em</nowiki>}}
{{codeInline|<nowiki>-moz-box-shadow: (n=right shadow)em (n=bottom shadow)em (n=fade/rounds corners)em (n=all sides equal shadow)em</nowiki>}}
Line 224: Line 224:
|}
|}


=Gradient Backgrounds=
==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 268: Line 268:
</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 297: Line 297:
</div>
</div>


=RGBA=
==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!
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!
Line 318: Line 318:




=Display Box=
==Display Box==
Stolen from Aichon.
Stolen from Aichon.


Line 342: 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 359: 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" |

Revision as of 04:48, 30 October 2011

Mazu's Sandbox