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.
m (Text replacement - "(Oracle Games)" to "(Oracle Series)")
 
(34 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-tabs _toggler_show-tab1">tab1</span></li>
{| align=center
<li><span class="_toggler_hide-tabs _toggler_show-tab2">tab2</span></li>
{{User:Emma/Sandbox/TestTemplate1|[[File:WoodenShield-SS-Icon.png|x80px]]}}
<li><span class="_toggler_hide-tabs _toggler_show-tab3">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||tab1 tabs}}
{{User:Emma/Sandbox/TestTemplate1|[[File:FortifiedShield-SS-Icon.png|x80px]]}}
{{toggle||Tab 2|tab2 tabs}}
{{User:Emma/Sandbox/TestTemplate1|[[File:SacredShield-SS-Icon.png|x80px]]}}
{{toggle||Tab 3|tab3 tabs}}
{{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]]}}
===Possible Alternative Formatting===
|}</div>
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>


==Letterhead==
==Letterhead==
Line 87: Line 40:
| 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
| 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 caption:
Text area through table caption:
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px; width:100%"
{| 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="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
! 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
|+ 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:
Through CSS class on table for header and div for content:
 
{| class="letterhead"
{| class="letterhead"
| [[File:TriforceIcon.png|link=|center]]
| [[File:TriforceIcon.png|link=]]
!  Very Serious Blah
!  Very Serious Blah
|+ align="bottom"|blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 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 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>
 
==Rings Nav==
This is just some stuff for my rings nav project so I don't forget.
 
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>
 
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"