User:Emma/Sandbox: Difference between revisions

Want an adless experience? Log in or Create an account.
m
Text replacement - "(Oracle Games)" to "(Oracle Series)"
m (Text replacement - "(Oracle Games)" to "(Oracle Series)")
 
(13 intermediate revisions by 3 users not shown)
Line 10: Line 10:


:New Messages box:
:New Messages box:
<div class="usermessage">You have <span class="plainlinks" title="User talk:Matt">[http://www.zeldadungeon.net/wiki/index.php?title=User_talk:Matt&amp;redirect=no new messages]</span> (<span class="plainlinks" title="User talk:Matt">[http://www.zeldadungeon.net/wiki/index.php?title=User_talk:Matt&amp;diff=cur last change]</span>).</div>
<div class="usermessage">You have <span class="plainlinks" title="User talk:Matt">[https://www.zeldadungeon.net/wiki/index.php?title=User_talk:Matt&amp;redirect=no new messages]</span> (<span class="plainlinks" title="User talk:Matt">[https://www.zeldadungeon.net/wiki/index.php?title=User_talk:Matt&amp;diff=cur last change]</span>).</div>


==User Functions==
==User Functions==
:Current user: {{CURRENTUSER}}
:Current user: {{#username:}}


:User group: {{#usergroup:{{CURRENTUSER}}|0}}, {{#usergroup:{{CURRENTUSER}}|1}}, {{#usergroup:{{CURRENTUSER}}|2}}
:User group: {{#usergroup:{{#username:}}|0}}, {{#usergroup:{{#username:}}|1}}, {{#usergroup:{{#username:}}|2}}
==Tabs==
==Slideshow==
<div class="tab">
{{#vardefine:LastSlide|10}}{{#vardefine:LandingSlide|1}}
<ul>
<div style="background:white; border: 1px #AAA solid; padding: 0.2em; width:200px"><div style="border: 1px #AAA solid; background: #F2F2F2; text-align: center; font-weight:bold;">Image Slideshow</div>
<li><span class="_toggler_hide-otabs _toggler_show-otab1">tab1</span></li>
{| align=center
<li><span class="_toggler_hide-otabs _toggler_show-otab2">tab2</span></li>
{{User:Emma/Sandbox/TestTemplate1|[[File:WoodenShield-SS-Icon.png|x80px]]}}
<li><span class="_toggler_hide-otabs _toggler_show-otab3">tab3</span></li>
{{User:Emma/Sandbox/TestTemplate1|[[File:Banded Shield SS.png|x80px]]}}
</ul>
{{User:Emma/Sandbox/TestTemplate1|[[File:BracedShield-SS-Icon.png|x80px]]}}
</div>
{{User:Emma/Sandbox/TestTemplate1|[[File:IronShield-SS-Icon.png|x80px]]}}
<div class="tabcontent">
{{User:Emma/Sandbox/TestTemplate1|[[File:ReinforcedShield-SS-Icon.png|x80px]]}}
{{toggle|Tab 1||otab1 otabs}}
{{User:Emma/Sandbox/TestTemplate1|[[File:FortifiedShield-SS-Icon.png|x80px]]}}
{{toggle||Tab 2|otab2 otabs}}
{{User:Emma/Sandbox/TestTemplate1|[[File:SacredShield-SS-Icon.png|x80px]]}}
{{toggle||Tab 3|otab3 otabs}}
{{User:Emma/Sandbox/TestTemplate1|[[File:DivineShield-SS-Icon.png|x80px]]}}
{{User:Emma/Sandbox/TestTemplate1|[[File:GoddessShield-SS-Icon.png|x80px]]}}
{{User:Emma/Sandbox/TestTemplate1|[[File:HylianShield-SS-Icon.png|x80px]]}}
|}</div>
 
==Letterhead==
Normal table:
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px;"
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
|-
| colspan=2 style="padding: 3em 2em; background-color: #faf9f2; font-size:1.2em;"|blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 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 table caption:
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px; width:100%"
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
|+ align="bottom" style="padding: 3em 2em; background-color: #faf9f2; font-size:1.2em; "|blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 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 on table for header and div for content:
 
{| class="letterhead"
| [[File:TriforceIcon.png|link=]]
!  Very Serious Blah
|}
<div class="letterhead">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>
</div>


===Possible Alternative Formatting===
==Rings Nav==
<span style="display:none;"><css>
This is just some stuff for my rings nav project so I don't forget.
.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 #A6B4E7;
  border-bottom: 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 {
Preliminary box border:
  border: 1px solid #AAA;
<div style="width:400px;">
  padding: 0em 1em 1em 1em;
{| style="height: 8px;width:100%;background:#cd5891;"
  background-color:#F9F9F9;
!style="border-top: 2px solid #903478; width: 100%;height: 1px;float:left;"|&nbsp;
  color:#000;
|-
  clear: left;
|style="width: 100%;height: 0px;background:#82397c;float:left;"|&nbsp;
  -webkit-box-shadow: 2px 1px -1px 1px #CC;
|-
  -moz-box-shadow: 2px 1px -1px 1px #CCC;
!style="border-bottom: 2px solid #903478; width: 100%;height: 1px;float:left;"|&nbsp;
  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>
</div>
Preliminary rings listing:
{| style="text-align: center; border-spacing: 0px; border-collapse: collapse;"
|- valign="bottom"
|[[File:Friendship-Ring.png|text-bottom|link=Friendship Ring]]&#32;||[[File:Power-Ring-1.png|text-bottom|link=Power Ring L-1]]&#32;||[[File:Power-Ring-2.png|text-bottom|link=Power Ring L-2]]&#32;||[[File:Power-Ring-3.png|text-bottom|link=Power Ring L-3]]&#32;||[[File:Armor-Ring-1.png|baseline|link=Armor Ring L-1]]&#32;||[[File:Armor-Ring-2.png|baseline|link=Armor Ring L-2]]&#32;||[[File:Armor-Ring-3.png|baseline|link=Armor Ring L-3]]&#32;||[[File:Red-Ring-Oracle.png|text-bottom|link=Red Ring (Oracle Series)]]&#32;
|- valign="bottom"
|[[File:Blue-Ring-Oracle.png|text-bottom|link=Blue Ring (Oracle Series)]]&#32;||[[File:Green-Ring.png|text-bottom|link=Green Ring]]&#32;||[[File:Cursed-Ring.png|text-bottom|link=Cursed Ring]]&#32;||[[File:Experts-Ring.png|text-bottom|link=Expert's Ring]]&#32;||[[File:Blast-Ring.png|baseline|link=Blast Ring]]&#32;||[[File:Rang-Ring-1.png|text-bottom|link=Rang Ring L-1]]&#32;||[[File:GBA-Time-Ring.png|text-bottom|link=GBA Time Ring]]&#32;||[[File:Maples-Ring.png|text-bottom|link=Maple's Ring]]&#32;
|}