View source for Palmtree Panic

==Issues Showing Time Zones==
I have been working very hard on making these work on all browsers and screen sizes. Below here are two possible solutions to what is currently displayed, and goes off the screen for most low resolutions.

The first one I made converts the sideways portion of the template and makes it go vertical instead:

{| class="wikitable" style="text-align:center" width=220px
|-
! style="text-align:center;" colspan="1"|'''Picture'''
! style="text-align:center;" colspan="1"|'''Time Zone'''
! style="text-align:center;" colspan="1"|'''Info'''
|-
|[[Image:pppresent.png|220px]]
|Present
|The scenery is very cheerful in the present, apart from the occasional badnik, of course. Green plants, large trees, flowers, everything is normal. A perfect place for a young, energetic hedgehog to begin an adventure.
<br>'''US:'''<br><flashmp3>Sonic%20CD/03-Palmtree%20Panic%20Zone%20-%20Present.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Present/Sonic%20CD%20-%20Palmtree%20Panic.mp3</flashmp3>
|-
|[[Image:pppast.png|220px]]
|Past
|Back in time, the world was much different. The level's past resembles a prehistoric era, including large leafed trees and such. Remember to destroy the [[robotization|robotizer]] here, or...
<br>'''Both:'''<br><flashmp3>Sonic%20CD/36-Palmtree%20Panic%20Zone%20-%20Past.mp3</flashmp3>
|-
|[[Image:ppbadfuture.png|220px]]
|Bad Future
|...this will happen. The entire land is filled with dead grass, what plants remain are half-robotic, the badniks are ill-maintained, and the water in the background is filled to the brim with toxic waste.
<br>'''US:'''<br><flashmp3>Sonic%20CD/05-Palmtree%20Panic%20Zone%20-%20Bad%20Future.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Bad_Future/Sonic%20CD%20-%20Palmtree%20Panic%20BF.mp3</flashmp3>
|-
|[[Image:ppgoodfuture.png|220px]]
|Good Future
|Luckily, you can stop this from happening by defeating Eggman's schemes in the past. The world is much different now; although machinery is still around, it is helping the environment rather than hurting it.
<br>'''US:'''<br><flashmp3>Sonic%20CD/04-Palmtree%20Panic%20Zone%20-%20Good%20Future.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Good_Future/Sonic%20CD%20-%20Palmtree%20Panic%20GF.mp3</flashmp3>
|}

The other I tried to cut the sideways alignment in half, but in doing so lost the boxes they were in!

{|class="prettytable;" width=220px
|-
|<center>[[Image:pppresent.png|220px]]</center>
|<center>[[Image:pppast.png|220px]]</center>
|-
!Present||Past
|-
|The scenery is very cheerful in the present, apart from the occasional badnik, of course. Green plants, large trees, flowers, everything is normal. A perfect place for a young, energetic hedgehog to begin an adventure.
<br>'''US:'''<br><flashmp3>Sonic%20CD/03-Palmtree%20Panic%20Zone%20-%20Present.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Present/Sonic%20CD%20-%20Palmtree%20Panic.mp3</flashmp3>
|Back in time, the world was much different. The level's past resembles a prehistoric era, including large leafed trees and such. Remember to destroy the [[robotization|robotizer]] here, or...
<br>'''Both:'''<br><flashmp3>Sonic%20CD/36-Palmtree%20Panic%20Zone%20-%20Past.mp3</flashmp3>
|}
{|class="prettytable;" width=220px
|-
|<center>[[Image:ppbadfuture.png|220px]]</center>
|<center>[[Image:ppgoodfuture.png|220px]]</center>
|-
!Bad Future||Good Future
|-
|...this will happen. The entire land is filled with dead grass, what plants remain are half-robotic, the badniks are ill-maintained, and the water in the background is filled to the brim with toxic waste.
<br>'''US:'''<br><flashmp3>Sonic%20CD/05-Palmtree%20Panic%20Zone%20-%20Bad%20Future.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Bad_Future/Sonic%20CD%20-%20Palmtree%20Panic%20BF.mp3</flashmp3>
|Luckily, you can stop this from happening by defeating Eggman's schemes in the past. The world is much different now; although machinery is still around, it is helping the environment rather than hurting it.
<br>'''US:'''<br><flashmp3>Sonic%20CD/04-Palmtree%20Panic%20Zone%20-%20Good%20Future.mp3</flashmp3>
<br>'''EUR/JAP:'''<br><flashmp3>scd_loopage/Good_Future/Sonic%20CD%20-%20Palmtree%20Panic%20GF.mp3</flashmp3>
|}

I could really use someones help regarding this, and what would be the best solution for all screen resolutions. --[[User:RGamer2009|RGamer2009]] 19:54, 17 December 2010 (UTC)

I like the box, use that one.--[[User:MathUser|MathUser]] 20:20, 17 December 2010 (UTC)


What about this?  The only problem is that sometimes floated elements will wrap in an unfortunate way with smaller screen sizes. --[[User:PicklePower|PicklePower]] 02:27, 19 December 2010 (UTC)

{|class="toc shadow" width="275px" style="padding:0;border-spacing:0;float:left;margin:10px;"
|-
|<div class="posrel">[[File:pppresent.png|277px]]<span class="posabs" style="background:#000;opacity: 0.8;font-size:120%;top:0;right:0;padding:5px;text-align:right;">'''''PRESENT'''''</span></div>
|-
| style="padding:7px;text-align:center" | The scenery is very cheerful in the present, apart from the occasional badnik, of course. Green plants, large trees, flowers, everything is normal. A perfect place for a young, energetic hedgehog to begin an adventure.
|-
| class="bottomtempalt" |'''US SOUNDTRACK:'''<br><flashmp3>Sonic%20CD/03-Palmtree%20Panic%20Zone%20-%20Present.mp3</flashmp3>
<br>'''EUR/JAP SOUNDTRACK:'''<br><flashmp3>scd_loopage/Present/Sonic%20CD%20-%20Palmtree%20Panic.mp3</flashmp3>
|}

{|class="toc shadow" width="275px" style="padding:0;border-spacing:0;float:left;margin:10px;"
|-
|<div class="posrel">[[File:pppast.png|277px]]<span class="posabs" style="background:#000;opacity: 0.8;font-size:120%;top:0;right:0;padding:5px;text-align:right;">'''''PAST'''''</span></div>
|-
| style="padding:7px;text-align:center" | Back in time, the world was much different. The level's past resembles a prehistoric era, including large leafed trees and such. Remember to destroy the [[robotization|robotizer]] here, or...
|-
| class="bottomtempalt" |'''US/EUR/JAP SOUNDTRACK:'''<br><flashmp3>Sonic%20CD/36-Palmtree%20Panic%20Zone%20-%20Past.mp3</flashmp3>
|}

{|class="toc shadow" width="275px" style="padding:0;border-spacing:0;float:left;margin:10px;"
|-
|<div class="posrel">[[File:ppbadfuture.png|277px]]<span class="posabs" style="background:#000;opacity: 0.8;font-size:120%;top:0;right:0;padding:5px;text-align:right;">'''''BAD FUTURE'''''</span></div>
|-
| style="padding:7px;text-align:center" | ...this will happen. The entire land is filled with dead grass, what plants remain are half-robotic, the badniks are ill-maintained, and the water in the background is filled to the brim with toxic waste.
|-
| class="bottomtempalt" |'''US SOUNDTRACK:'''<br><flashmp3>Sonic%20CD/05-Palmtree%20Panic%20Zone%20-%20Bad%20Future.mp3</flashmp3>
<br>'''EUR/JAP SOUNDTRACK:'''<br><flashmp3>scd_loopage/Bad_Future/Sonic%20CD%20-%20Palmtree%20Panic%20BF.mp3</flashmp3>
|}

{|class="toc shadow" width="275px" style="padding:0;border-spacing:0;float:left;margin:10px;"
|-
|<div class="posrel">[[File:ppgoodfuture.png|277px]]<span class="posabs" style="background:#000;opacity: 0.8;font-size:120%;top:0;right:0;padding:5px;text-align:right;">'''''GOOD FUTURE'''''</span></div>
|-
| style="padding:7px;text-align:center" | Luckily, you can stop this from happening by defeating Eggman's schemes in the past. The world is much different now; although machinery is still around, it is helping the environment rather than hurting it.
|-
| class="bottomtempalt" |'''US SOUNDTRACK:'''<br><flashmp3>Sonic%20CD/04-Palmtree%20Panic%20Zone%20-%20Good%20Future.mp3</flashmp3>
<br>'''EUR/JAP SOUNDTRACK:'''<br><flashmp3>scd_loopage/Good_Future/Sonic%20CD%20-%20Palmtree%20Panic%20GF.mp3</flashmp3>
|}

<br clear="all">
Wow PicklePower, that looks great! Only issue I have with it is that the time zone was not there when I first saw it. I looked around for a bit, then I noticed them at the top-right of the pictures. Do you think there is a way to better distinguish the time zone from the picture? --[[User:RGamer2009|RGamer2009]] 05:52, 19 December 2010 (UTC)

{{clear}}

How about like this?  If this seems suitable then we should make a template for it.  [[User:PicklePower|PicklePower]] 18:48, 19 December 2010 (UTC)

{|class="toc breakout shadow" width="275px" style="padding:0;border-spacing:0;float:left;margin:10px;"
|-
! Present
|-
|[[File:pppresent.png|277px]]
|-
| style="padding:7px;text-align:center" | The scenery is very cheerful in the present, apart from the occasional badnik, of course. Green plants, large trees, flowers, everything is normal. A perfect place for a young, energetic hedgehog to begin an adventure.
|-
| class="bottomtempalt" |<div class="bottomtempalt">'''US SOUNDTRACK:'''<br><flashmp3>Sonic%20CD/03-Palmtree%20Panic%20Zone%20-%20Present.mp3</flashmp3>
<br>'''EUR/JAP SOUNDTRACK:'''<br><flashmp3>scd_loopage/Present/Sonic%20CD%20-%20Palmtree%20Panic.mp3</flashmp3></div>
|}
<br clear="all">
Yeah, go for it! --[[User:RGamer2009|RGamer2009]] 22:17, 19 December 2010 (UTC)
:All right, [[Template:SonicCDTimeZones|done]]. [[User:PicklePower|PicklePower]] 12:04, 20 December 2010 (UTC)
::Mk, the template looks awesome, but whenever I use it, the songs for the time zones don't play! Is there an issue with the template regarding this, or is it simply that I misspelled the song names? --[[User:RGamer2009|RGamer2009]] 18:38, 20 December 2010 (UTC)
:::You misspelled it. It needs the <nowiki><flashmp3> tag and stuff.</nowiki> Just cut/paste one that DOES work and then tweak the file on a level-by-level basis by checking the [[Sonic CD OST (Japan & PAL regions)|OST page(s)]]; that's what I do. [[User:Frozen Nitrogen|<span style="color:steelblue">'''Frozen'''</span> <span style="color:springgreen">'''Nitrogen'''</span>]] <sup>([[User Talk:Frozen Nitrogen|Talk]])</sup> 01:21, 22 December 2010 (UTC)
::::I don't think thats the problem. I just tried that in preview mode, and it still didn't work. --[[User:RGamer2009|RGamer2009]] 01:29, 22 December 2010 (UTC)
:::::Take the flashmp3 tag out of the template page and hardcode it into the level page each time then. That works for standard LevelBob. [[User:Frozen Nitrogen|<span style="color:steelblue">'''Frozen'''</span> <span style="color:springgreen">'''Nitrogen'''</span>]] <sup>([[User Talk:Frozen Nitrogen|Talk]])</sup> 02:52, 22 December 2010 (UTC)