User:AnatoleSerial/Sandbox: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
Line 1:
Hiding things with css classes
{| class="wikitable"
|+ Caption text
|-
! Row Class !! Header text !! Header text !! Header text
|- class="mobilehide"
| '''mobilehide class''' || Example1 || Example2 || Example3
|- class="nomobile" style="background-color:#9999FF;"
| '''nomobile class''' || Example4 || Example5 || Example6
|-
| '''no classes''' || Example7 || Example8 || Example9
|- class="mobileonly" style="background-color:#99FF99;"
| '''mobileonly class''' || colspan="3" | BIG MOBILE ROW
|}
<div class="mobilehide" style="background-color:#FFFF99;"> mobilehide class</div>
<div class="nomobile" style="background-color:#FF9999;"> nomobile class </div>
<div class="mobileonly" style="background-color:#FF99FF;"> onlymobile class </div>
<nomobile>If you are on mobile, you shouldn't see this.</nomobile>
<mobileonly>If you are NOT on mobile, you shouldn't see this.</mobileonly>
=== Original Songs (ideas) ===
Now that we are planning to use layouts that change depending on the resolution (See [[User:AnatoleSerial/Sandbox]]), it would not be a bad idea to also make the size of these videos more "dynamic". Possible ideas:
* New Template: ''Video List''
* Use CSS + @media to dynamically change the size of the YT `<iframe>` inside a classnamed `<div>` container
* Suggestions are always welcome!
<tabber>
Solo=
{| width="100%" align="center" style="text-align:center;"
|
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">LQ_eazT56FA</youtube><br />'''[[HOLOGRAM CIRCUS]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">sGT74lcCr70</youtube><br />'''[[Magical Tokki Theme Song|マジカル☆トッキーテーマソング]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">TGJ9-1LWFtE</youtube><br />'''[[Po|ぽ]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">vbhgQ_C_jaM</youtube><br />'''[[Everblue|エヴァーブルー]]'''
</div>
|}
|-|
Kazoo=
{| width="100%" align="center" style="text-align:center;"
| <youtube width="640" height="480">-c3QCdjnRmU</youtube><br />'''HOLOGRAM CIRCUS (Kazoo Cover)'''
|}
|-|
Collaboration =
{| width="100%" align="center" style="text-align:center;"
| <youtube width="640" height="480">ekFreTJ3xx8</youtube><br />'''ガラス姫と鏡の従者 (Cover)'''
|}
</tabber>
==== Cover Songs ====
The following are a list of songs covered by Miko.
| |||