Test2: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(73 intermediate revisions by the same user not shown)
Line 1: Line 1:
<bootstrap_jumbotron style="border:2px solid #999;" class="bootstrap-jumbotron-example"><big>
<div class="container">
= Jumbotron title =
  <div class="row">
Jumbotrons are flexible elements used for calling extra attention to featured content or information.</big>
    <div class="col-4">[[File:100 Hits from 100 Nows.jpg]]</div>
    <div class="col-8"><table class="table table-hover">
    <tr>
      <th scope="row"><div style="color: #dddddd;">Album Format</div></th>
      <td>[[Version Format Type::{{{Version Format Type|}}}| ]]{{#formredlink:target={{{Version Format Type|}}}|form=Format|create page}}</td>
    </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>


{{#bootstrap_button: Main Page | text=Learn more! | color=info }}
</html>
</bootstrap_jumbotron>


<bootstrap_accordion>
<bootstrap_card header="Lorem ipsum 1" style="width: 300px;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</bootstrap_card>
<bootstrap_card header="Lorem ipsum 2" style="width: 300px;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</bootstrap_card>
</bootstrap_accordion>




<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 }}




<div class="btn-group btn-group-toggle" data-toggle="buttons">
__NOEDITSECTION__
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" checked> Active
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2"> Radio
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3"> Radio
  </label>
</div>

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