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.
(edit summary removed)
Line 31: Line 31:


===Possible Alternative Formatting===
===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>
<span style="display:none;"><css>
<span style="display:none;"><css>
.tabtest, .tabtestselected {
.tabtest, .tabtestselected {
Line 153: Line 105:
}
}


.tabcontent {
.tabcontenttest {
   border: 1px solid #AAA;
   border: 1px solid #AAA;
   padding: 0em 1em 1em 1em;
   padding: 0em 1em 1em 1em;
Line 169: Line 121:
*<span class="_toggler_hide-tabs _toggler_show-tab3 _toggler_hide-stabs _toggler_show-utabs _toggler_hide-utab3 _toggler_show-stab3 utab3 utabs">tab3</span><span class="_toggler_hide-stab3 _toggler_show-stab3 stab3 stabs tabtestselected" style="display:none;">tab3</span>
*<span class="_toggler_hide-tabs _toggler_show-tab3 _toggler_hide-stabs _toggler_show-utabs _toggler_hide-utab3 _toggler_show-stab3 utab3 utabs">tab3</span><span class="_toggler_hide-stab3 _toggler_show-stab3 stab3 stabs tabtestselected" style="display:none;">tab3</span>
</div>
</div>
<div class="tabcontent">
<div class="tabcontenttest">
{{toggle|Tab 1||tab1 tabs}}
{{toggle|Tab 1||tab1 tabs}}
{{toggle||Tab 2|tab2 tabs}}
{{toggle||Tab 2|tab2 tabs}}
{{toggle||Tab 3|tab3 tabs}}
{{toggle||Tab 3|tab3 tabs}}
</div>
</div>

Revision as of 01:21, February 3, 2012

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

New Messages box:
You have new messages (last change).

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

  • tab1
  • tab2
  • tab3
Tab 1
Retrieved from "https://www.zeldadungeon.net/wiki/index.php?title=User:Emma/Sandbox&oldid=16599"