User:Emma/Sandbox: Difference between revisions

From Zelda Dungeon Wiki
Jump to navigation Jump to search
Want an adless experience? Log in or Create an account.
No edit summary
Line 29: Line 29:
{{toggle||Tab 3|tab3 tabs}}
{{toggle||Tab 3|tab3 tabs}}
</div>
</div>
===Possible Alternative Formatting===
Preliminary examples of concept:
<div style="text-align:center; width:80px; margin-right: 1px;
margin-bottom: -1px;
border: 1px solid;
font-weight: bold;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
background: #bbffff;
background: -moz-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8bdee6),color-stop(100%,#F2F2F2));
background: -webkit-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
background: -o-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
background: -ms-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
background: linear-gradient(top,#bbffff 0,#F2F2F2 100%);
border-image: initial;">Example</div>
<div style="text-align:center; width:80px; margin-right: 1px;
margin-bottom: -1px;
border: 1px solid;
font-weight: bold;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
margin-bottom: -1px;
border-bottom: 1px solid white!important;
color: black;
background: white;
background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,white));
background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
background: -o-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
background: linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
box-shadow: 0 -1px 1px #ddd;
-moz-box-shadow: 0 -1px 1px #ddd;
-webkit-box-shadow: 0 -1px 1px #ddd;">Example</div>


==Letterhead==
==Letterhead==

Revision as of 11:38, January 31, 2012



This is my personal sandbox I use for testing projects I'm working on.



New Messages box:

User Functions

Current user: Template:CURRENTUSER
User group: {{#usergroup:Template:CURRENTUSER|0}}, {{#usergroup:Template:CURRENTUSER|1}}, {{#usergroup:Template:CURRENTUSER|2}}

Tabs

  • tab1
  • tab2
  • tab3
Tab 1

Possible Alternative Formatting

Preliminary examples of concept:

Example
Example

Letterhead

Normal table:

Page-corner.png Very Serious Blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Text area through caption:

Page-corner.png Very Serious Blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Through CSS class:

TriforceIcon.png
Very Serious Blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah