Hololive Fan Wiki:Projects/Music and BGM Box Renewal

From Hololive Fan Wiki

Project Description[edit]

All current Covers and BGM songs in each talent page use either Template:Music Cover Box or Template:BGM Box. These formats don't look good, and are not very versatile.

We have devised two new templates to replace these two: Template:Cover box and Template:BGM box. These Templates are designed to work under a specific format, as seen in Miko's Cover Songs Discography, and includes thumbnails for the respective music.

The main Template is courtesy of User:TaikunZ, with CSS layout research and implementation from User:Aesulus and User:AnatoleSerial.

See also: Hololive Fan Wiki:Projects/Cover Info Format Update


Start with a Collapsible container's header:

{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
| style="background-color:{{{{PAGENAME}}/background-color1}};color:{{{{PAGENAME}}/color1}};"| '''Solo Covers'''
| style="text-align:center;"| 
{| align="center" width="100%" style="text-align:center;"
| valign="top"|

On the next line, we create the Flexbox Container:

<ul class="musicbgmbox">

Then we create each Cover box inside a pair of <li> ... </li> tags:

{{Cover box
| Title       = 
| Main Link   = 
| Original by = 
| Sung by     = (optional)
| Credits     = 
| Image       = (optional)
| Size        = (optional)
| Headerstyle = (optional)

After all the Music Boxes, close the Flexbox Container and the Collapsible Container:

<br style="clear:both;"/>

The <br style="clear:both;"/> is for layout purposes -- do not forget it!

Progress Tracker[edit]

The objective is to change all uses of Template:Music Cover Box and Template:BGM Box into Template:Music and BGM Box.

This is a list of all pages that use either of those templates. Make sure to put your username next to a page if you want to work on it to prevent duplication of effort by others. Once a page is done, move it to Completed and add the date it was completed.

Tip: you can add your username quickly by using a piped link.