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 16: Line 16:


:User group: {{#usergroup:{{CURRENTUSER}}|0}}, {{#usergroup:{{CURRENTUSER}}|1}}, {{#usergroup:{{CURRENTUSER}}|2}}
:User group: {{#usergroup:{{CURRENTUSER}}|0}}, {{#usergroup:{{CURRENTUSER}}|1}}, {{#usergroup:{{CURRENTUSER}}|2}}
==Tabs==
==Slideshow==
<div class="tab">
{| class="wikitable"
<ul>
!colspan=3 align="center"|Image Slideshow
<li><span class="_toggler_hide-otabs _toggler_show-otab1">tab1</span></li>
|-
<li><span class="_toggler_hide-otabs _toggler_show-otab2">tab2</span></li>
|class="leftbutton1 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image3 _toggler_show-leftbutton3 _toggler_show-rightbutton3" style="font-size:200%; border-right:none;"|←
<li><span class="_toggler_hide-otabs _toggler_show-otab3">tab3</span></li>
|class="leftbutton2 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image1 _toggler_show-leftbutton1 _toggler_show-rightbutton1" style="font-size:200%; border-right:none; display:none;"|←
</ul>
|class="leftbutton3 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image2 _toggler_show-leftbutton2 _toggler_show-rightbutton2" style="font-size:200%; border-right:none; display:none;"|←
</div>
|class="image1 images" style="border-right:none; border-left:none;"|[[File:WoodenShield-SS-Icon.png|80x80px]]
<div class="tabcontent">
|class="image2 images" style="border-right:none; border-left:none; display:none;"|[[File:Banded Shield SS.png|80x80px]]
{{toggle|Tab 1||otab1 otabs}}
|class="image3 images" style="border-right:none; border-left:none; display:none;"|[[File:BracedShield-SS-Icon.png|80x80px]]
{{toggle||Tab 2|otab2 otabs}}
|class="rightbutton1 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image2 _toggler_show-leftbutton2 _toggler_show-rightbutton2" style="font-size:200%; border-left:none;"|→
{{toggle||Tab 3|otab3 otabs}}
|class="rightbutton2 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image3 _toggler_show-leftbutton3 _toggler_show-rightbutton3" style="font-size:200%; border-left:none; display:none;"|→
</div>
|class="rightbutton3 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image1 _toggler_show-leftbutton1 _toggler_show-rightbutton1" style="font-size:200%; border-left:none; display:none;"|→
 
|}
===Possible Alternative Formatting===
<span style="display:none;"><css>
.tabtest, .tabtestselected {
  float:left;
  width:100%;
  font-size:93%;
  margin: 0;
  padding: 0;
}
.tabtest ul, .tabtestselected ul {
  list-style:none !important;
}
.tabtest li, .tabtestselected li {
  float:left;
  margin:0 !important;
  text-align:center;
  font-weight:bold;
}
.tabtest a,.tabtest strong {
  padding: 5px 10px 4px 9px;
  margin-right: 1px;
  margin-bottom: -1px;
  border: 1px solid #AAA;
  float:left;
  display:block;
  text-shadow: 0px -1.5px 0px #DDD;
  color:#555;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -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: #c8d0ff; /* Old browsers */
  background: -moz-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8d0ff),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* IE10+ */
  background: linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* W3C */
}
.tabtest a:hover, .tabtest strong:hover, .tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover{
  border-bottom: 1px solid #F9F9F9!important;
  color: #555;
  text-shadow: 0px -1.5px 0px #DDD;
  background: #F9F9F9;
}
.tabtest a:hover,.tabtest strong:hover {
  border-bottom: 1px solid #AAA!important;
  background: #E1E4FA; /* Old browsers */
  background: -moz-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* IE10+ */
  background: linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* W3C */
}
.tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover {
  font-size: 107%!important;
  border-bottom: 1px solid #F9F9F9!important;
  background: #E5E5E5; /* Old browsers */
  background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,#F9F9F9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* IE10+ */
  background: linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* W3C */
}
 
.tabcontenttest {
  border: 1px solid #AAA;
  padding: 0em 1em 1em 1em;
  background-color:#F9F9F9;
  color:#000;
  clear: left;
  -webkit-box-shadow: 2px 1px -1px 1px #CC;
  -moz-box-shadow: 2px 1px -1px 1px #CCC;
  box-shadow: 2px 1px -1px 1px #CCC;
}
</css></span>
{{#vardefine:TabsID|{{{1|}}}}}{{#vardefine:TabsDefault|{{#if:{{{2|}}}|{{{2|}}}|1}}}}<div class="tabtest">
{{User:Matt/Sandbox/TestTemplate1|1|tab1}}
{{User:Matt/Sandbox/TestTemplate1|2|tab2}}
{{User:Matt/Sandbox/TestTemplate1|3|tab3}}
</div>
<div class="tabcontenttest">
{{User:Matt/Sandbox/TestTemplate2|1|Tab 1}}
{{User:Matt/Sandbox/TestTemplate2|2|Tab 2}}
{{User:Matt/Sandbox/TestTemplate2|3|Tab 3}}
</div>

Revision as of 07:47, February 18, 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}}

Slideshow

Image Slideshow
← WoodenShield-SS-Icon.png →
Retrieved from "https://www.zeldadungeon.net/wiki/index.php?title=User:Emma/Sandbox&oldid=17280"