Test2: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(76 intermediate revisions by the same user not shown)
Line 1: Line 1:
<bootstrap_accordion>
<div class="container">
<bootstrap_panel heading="Lorem ipsum 1" active>
  <div class="row">
This is an accordion panel that is active by default, i.e. its content will be visible when the page is loaded, but it can still be collapsed.
    <div class="col-4">[[File:100 Hits from 100 Nows.jpg]]</div>
</bootstrap_panel>
    <div class="col-8"><table class="table table-hover">
</bootstrap_accordion>
    <tr>
<bootstrap_panel heading="Lorem ipsum 2">
      <th scope="row"><div style="color: #dddddd;">Album Format</div></th>
This is an accordion panel that is inactive by default, i.e. its content will be hidden when the page is loaded, but it can still be expanded.
      <td>[[Version Format Type::{{{Version Format Type|}}}| ]]{{#formredlink:target={{{Version Format Type|}}}|form=Format|create page}}</td>
</bootstrap_panel>
    </tr>
    <tr>
      <th scope="row"><div style="color: #dddddd;">Release Date</div></th>
      <td><div style="color: #dddddd;">{{#ifeq: {{{Version Release Date|}}} |  | [[Category:Needs Release Date]] | [[Version Release Date::{{{Version Release Date|}}}|]][[Version Release Year::{{{Version Release Year|}}}|]] [[{{{Version Release Year|}}}|{{#time:F j, Y|{{{Version Release Date }}}}}]] }}{{#ifeq: {{{Unconfirmed Date|}}} | | [[Category:Confirmed Date]] | [[Unconfirmed Date::{{{Unconfirmed Date|}}}]][[Category:Unconfirmed Date]]}}</div></td>
    </tr>
    <tr>
      <th scope="row"><div style="color: #dddddd;">Country</div></th>
      <td>[[Country Of Release::{{{Country Of Release|}}}]]</td>
    </tr>
    <tr>
      <th scope="row"><div style="color: #dddddd;">Album Series</div></th>
      <td>{{#arraymap:{{{Album Series|}}}|~|xxxxx|{{#set:Album Series=xxxxx}}{{#formredlink:target=xxxxx|form=Series|create page}}}}</td>
    </tr>
    <tr>
      <th scope="row"><div style="color: #dddddd;">Album Parent</div></th>
      <td>[[Album Parent::{{{Album Parent|}}}]]</td>
    </tr>
    <tr>
      <th scope="row"><div style="color: #dddddd;">Number of tracks</div></th>
      <td><div style="color: #dddddd;">[[Album Number of Tracks::{{#ask:  [[Track Album::{{PAGENAME}}]]  |?Track Artist And Title |format=count}}]]</div></td>
    </tr>
</table>
{|
| style="text-align: center; background-color:#333333; padding:10px; color:#ffffff;border-style: solid; border-width: 2px; border-color: #ffc411;" | [[Amazon Link::{{#ifeq: {{{Amazon Link|}}} | | https://amazon.co.uk/s?k={{#replace:{{{Album Title|}}}|%20|_}}&tag=nowmusicwiki-21 | {{{Amazon Link|}}} }}|{{#ifeq: {{{Version Format Type|}}} | MP3 Download | Download from Amazon | Purchase on Amazon }}]] {{#ifeq: {{{Amazon Link|}}} | | [[Category:Needs Specific Amazon Link]] | }}
|}</div>
  </div>
</div>
 
== button test ==
{{#ifeq: {{{Amazon Link|}}} | | https://amazon.co.uk/s?k={{#replace:{{{Album Title|}}}|%20|_}}&tag=nowmusicwiki-21| {{{Amazon Link|}}} }}<nowiki />
 
{{#ifeq: {{{Version Format Type|}}} | MP3 Download | Download from Amazon | Purchase on Amazon }}
 
<html>
<button type="button" class="btn btn-outline-warning btn-lg btn-block"></html>{{#ifeq: {{{Version Format Type|}}} | MP3 Download | Download from Amazon | Purchase on Amazon }}<html></button>
</br>
<a class="btn btn-outline-warning btn-lg btn-block" href="</html>{{#ifeq: {{{Amazon Link|}}} | | https://amazon.co.uk/s?k={{#replace:{{{Album Title|}}}|%20|_}}&tag=nowmusicwiki-21| {{{Amazon Link|}}} }}<nowiki />"<html> role="button"></html>{{#ifeq: {{{Version Format Type|}}} | MP3 Download | Download from Amazon | Purchase on Amazon }}<html></a>
 
</html>
 




<div class="card-deck">
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Components]]</big>'''</div>
    <div class="card-body  bg-white">
      <p class="card-text">Components are predefined elements or features you can easily add to the wiki to build responsive and visually appealing user interfaces.</p>
      <p class="card-text">Text</p>
    </div>
  </div>
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Colors]]</big>'''</div>
    <div class="card-body bg-white">
      <p class="card-text">Several CSS classes for coloring backgrounds, borders, and text are available. You can use them for com&shy;ponents and other elements.</p>
      <p class="card-text">Text</p>
    </div>
  </div>
  <div class="card bg-warning">
    <div class="card-header">'''<big>[[Grid]]s</big>'''</div>
    <div class="card-body bg-white">
      <p class="card-text">You can use a series of CSS classes to build layouts of all shapes and sizes with responsible (mobile-friendly) columns and rows.</p>
      <p class="card-text">Text</p>
    </div>
  </div>
</div>


{{#bootstrap_button: Chameleon | color=primary}}
{{#bootstrap_button: Medik | color=secondary | text=Medik Skin }}
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }}




<a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
__NOEDITSECTION__
<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Link</a>

Latest revision as of 19:51, 4 November 2024

100 Hits from 100 Nows.jpg
Album Format
Release Date
Country
Album Series
Album Parent
Number of tracks
0
Purchase on Amazon

button test

https://amazon.co.uk/s?k=&tag=nowmusicwiki-21

Purchase on Amazon


https://amazon.co.uk/s?k=&tag=nowmusicwiki-21" role="button">Purchase on Amazon