Zelda Dungeon Wiki

User:Emma/Sandbox: Difference between revisions

< User:Emma
Want an adless experience? Log in or Create an account.
m (Text replacement - "(Oracle Games)" to "(Oracle Series)")
 
(16 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]]}}
</div>
{{User:Emma/Sandbox/TestTemplate1|[[File:GoddessShield-SS-Icon.png|x80px]]}}
{{User:Emma/Sandbox/TestTemplate1|[[File:HylianShield-SS-Icon.png|x80px]]}}
|}</div>


===Possible Alternative Formatting===
==Letterhead==
<span style="display:none;"><css>
Normal table:
.tabtest, .tabtestselected {
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px;"
  float:left;
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
  width:100%;
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
  font-size:93%;
|-
  margin: 0;
| 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
  padding: 0;
|}
}
Text area through table caption:
.tabtest ul, .tabtestselected ul {
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px; width:100%"
  margin:0;
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
  padding:10px 10px 0;
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
  list-style:none !important;
|+ 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:
.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-decoration:none;
  color:#666;
  -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;
  background: -moz-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8d0ff),color-stop(100%,#F9F9F9));
  background: -webkit-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -o-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -ms-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
}
.tabtest a:hover, .tabtest strong:hover, .tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover{
  border-bottom: 1px solid #F9F9F9!important;
  color: #666;
  background: white;
  text-shadow: 0px -1.5px 0px white;
}
.tabtest a:hover,.tabtest strong:hover {
  border-bottom: 1px solid #AAA!important;
  background: #E1E4FA;
  background: -moz-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9));
  background: -webkit-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%);
  background: -o-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%);
  background: -ms-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%);
  background: linear-gradient(top,#E1E4FA 0,#F9F9F9 100%);
}
.tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover {
  font-size: 107%!important;
  border-bottom: 1px solid #F9F9F9!important;
  background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%)!important;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,#F9F9F9))!important;
  background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%)!important;
  background: -o-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%)!important;
  background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%)!important;
  background: linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%)!important;
}


.tabcontenttest {
{| class="letterhead"
  border: 1px solid #AAA;
| [[File:TriforceIcon.png|link=]]
  padding: 0em 1em 1em 1em;
!  Very Serious Blah
  background-color:#F9F9F9;
|}
  color:#000;
<div class="letterhead">
  clear: left;
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  -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>
<div class="tabcontenttest">
 
{{User:Matt/Sandbox/TestTemplate2|1|Tab 1}}
==Rings Nav==
{{User:Matt/Sandbox/TestTemplate2|2|Tab 2}}
This is just some stuff for my rings nav project so I don't forget.
{{User:Matt/Sandbox/TestTemplate2|3|Tab 3}}
 
Preliminary box border:
<div style="width:400px;">
{| style="height: 8px;width:100%;background:#cd5891;"
!style="border-top: 2px solid #903478; width: 100%;height: 1px;float:left;"|&nbsp;
|-
|style="width: 100%;height: 0px;background:#82397c;float:left;"|&nbsp;
|-
!style="border-bottom: 2px solid #903478; width: 100%;height: 1px;float:left;"|&nbsp;
|}
</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;
|}

Latest revision as of 05:28, January 18, 2023

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: {{#username:}}
User group: {{#usergroup:{{#username:}}|0}}, {{#usergroup:{{#username:}}|1}}, {{#usergroup:{{#username:}}|2}}

Slideshow

Image Slideshow
←   →

Letterhead

Normal table:

  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 table caption:

  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 on table for header and div for content:

  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

Rings Nav

This is just some stuff for my rings nav project so I don't forget.

Preliminary box border:

 
 
 

Preliminary rings listing:

               
               
Retrieved from "https://www.zeldadungeon.net/wiki/index.php?title=User:Emma/Sandbox&oldid=452798"