(Created page with "<div class="mf-mobileonly" style="text-align:center;"> '''The Mickey Wiki: Your Walt Disney World Encyclopedia!''' File:ParksButtonMobile.jpg|class=pagewidth|link=Walt Disn...") |
|||
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | < | + | <html> |
− | + | <style> | |
+ | .hide { | ||
+ | display: none; | ||
+ | } | ||
− | + | img.parklink:hover + .hide { | |
− | + | display: block; | |
− | + | color: white; | |
− | {{ | + | position: absolute; |
− | + | bottom: 8px; | |
+ | left: 16px; | ||
+ | animation: 1s slide-left; | ||
+ | } | ||
+ | |||
+ | @keyframes slide-left{ | ||
+ | from { | ||
+ | transform: translateX(500%); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | transform: translateX(0%); | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | div.parkcont { | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
− | < | + | } |
+ | </style> | ||
+ | </html> | ||
{| | {| | ||
| | | | ||
Line 17: | Line 41: | ||
{|style="border-width:0px; border-spacing:0px; border-collapse:collapse; " | {|style="border-width:0px; border-spacing:0px; border-collapse:collapse; " | ||
|- | |- | ||
− | | | + | {| |
− | + | | | |
− | | | + | <html> |
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Magic_Kingdom" title="Magic Kingdom"> | ||
+ | <img alt="Magickingdom2.png" src="/images/f/f8/Magickingdom2.png" width="878" height="814" class="parklink" data-file-width="878" data-file-height="814"> | ||
+ | <div class="hide">The Magic Kingdom</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Epcot" title="Epcot"> | ||
+ | <img alt="Spaceship Earth.jpg" src="/images/2/2c/Spaceship_Earth.jpg" width="750" height="600" class="parklink" data-file-width="750" data-file-height="600"> | ||
+ | <div class="hide">EPCOT</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Disney%27s_Hollywood_Studios" title="Disney's Hollywood Studios"><img alt="ChineseTheater2.jpg" src="/images/4/43/ChineseTheater2.jpg" width="1024" height="598" class="parklink" data-file-width="1024" data-file-height="598"> | ||
+ | <div class="hide">Disney's Hollywood Studios</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Disney%27s_Animal_Kingdom" title="Disney's Animal Kingdom"> | ||
+ | <img alt="TreeOfLifeday.jpg" src="/images/9/91/TreeOfLifeday.jpg" width="500" height="375" class="parklink" data-file-width="500" data-file-height="375"> | ||
+ | <div class="hide">Disney's Animal Kingdom</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | |} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
Line 26: | Line 84: | ||
|} | |} | ||
| style="width:10px;" | | | style="width:10px;" | | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
|} | |} | ||
− | |||
− |
Latest revision as of 23:21, 9 July 2021
|