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
m (Text replacement - "(Oracle Games)" to "(Oracle Series)")
 
(19 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>
 
==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
|}


===Possible Alternative Formatting===
Through CSS class on table for header and div for content:
<span style="display:none;"><css>
.tabtest, .tabtestselected {
  float:left;
  width:100%;
  font-size:93%;
  margin: 0;
  padding: 0;
}
.tabtest ul, .tabtestselected ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none !important;


}
{| class="letterhead"
.tabtest li, .tabtestselected li {
| [[File:TriforceIcon.png|link=]]
  float:left;
!  Very Serious Blah
  margin:0 !important;
|}
  text-align:center;
<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>
.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:black;
  -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: black;
  background: white;


}
==Rings Nav==
.tabtest a:hover,.tabtest strong:hover {
This is just some stuff for my rings nav project so I don't forget.
  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 {
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|Test}}{{#vardefine:TabsDefault|2}}<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;
|}

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
← WoodenShield-SS-Icon.png →

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

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

Rings Nav

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

Preliminary box border:

 
 
 

Preliminary rings listing:

Friendship-Ring.png Power-Ring-1.png Power-Ring-2.png Power-Ring-3.png Armor-Ring-1.png Armor-Ring-2.png Armor-Ring-3.png Red-Ring-Oracle.png
Blue-Ring-Oracle.png Green-Ring.png Cursed-Ring.png Experts-Ring.png Blast-Ring.png Rang-Ring-1.png GBA-Time-Ring.png Maples-Ring.png
Retrieved from "https://www.zeldadungeon.net/wiki/index.php?title=User:Emma/Sandbox&oldid=452798"