User:AnatoleSerial/Sandbox: Difference between revisions
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.
|
Revision as of 04:38, 23 November 2021
Hiding things with css classes
Row Class | Header text | Header text | Header text |
---|---|---|---|
mobilehide class | Example1 | Example2 | Example3 |
nomobile class | Example4 | Example5 | Example6 |
no classes | Example7 | Example8 | Example9 |
mobileonly class | BIG MOBILE ROW |
If you are on mobile, you shouldn't see this.
If you are NOT on mobile, you shouldn't see this.
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 `` container
- Suggestions are always welcome!
HOLOGRAM CIRCUS (Kazoo Cover) |
ガラス姫と鏡の従者 (Cover) |
Cover Songs
The following are a list of songs covered by Miko.
Solo Covers | ||||||||||||||||||||||
|
Collab Covers | ||||||||||||||||||||||||||||||||||||||||||||
|
Elite Covers | |
Queen MIKO‼︎F××~😎🎙 |
BGM
The following are a list of background music Miko has used in her streams and videos.
Made for Miko | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
From DOVA-SYNDROME | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
From Foxtail-Grass Studio | ||||||||||||||||||||||||||||||||||||||||||||
|
From Other Sources | ||||||||||||||
|