Test2: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(92 intermediate revisions by the same user not shown)
Line 1: Line 1:
==Image Grid==
<ol class="breadcrumb" style="background-color:#222222; padding: .75rem 1rem; margin-bottom: 1rem; margin-left: 0">
  <li class="breadcrumb-item">[[Main Page|Now That's What I Call Music Wiki]]</li>
  <li class="breadcrumb-item">[[{{{Album Parent|}}}|{{#show: {{{Album Parent|}}}  |?Album Title | link=none}}]]</li>
  <li class="breadcrumb-item active" aria-current="page"><span style="color:#ffffff">{{{Version Format Type|}}} {{{Version Release Year|}}}</span></li>
</ol>


<div class="container">
<div class="container">
<div style="background-color:#{{{Album Main Color|}}}; font-weight:bold; margin-bottom:2px; padding:5px; font-size: large; font-family: Trebuchet MS; color: #{{{Album Secondary Color|}}};"><center>[[Album Title::{{{Album Title|}}}]] ({{{Country Of Release|}}} {{{Version Release Year|}}} {{{Version Format Type|}}})</center></div>
  <!-- Stack the columns on mobile by making one full-width and the other half-width -->
   <div class="row">
   <div class="row">
     <div class="col">
     <div class="col-md-4">[[File:{{{Version Main Cover |}}}]]</div>
[[File:100 Hits from 100 Nows.jpg|300px]]
     <div class="col-md-8"><table class="table table-hover">
     </div>
    <tr>
     <div class="col">
      <th scope="row"><div style="color: #dddddd;">Album Format</div></th>
Lorem ipsum dolor sit amet...
      <td>[[Version Format Type::{{{Version Format Type|}}}| ]]{{#formredlink:target={{{Version Format Type|}}}|form=Format|create page}}</td>
     </div>
     </tr>
     <div class="col">
    <tr>
<!--3 of 3-->
      <th scope="row"><div style="color: #dddddd;">Release Date</div></th>
    </div>
      <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>
  </div>
    </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; " | [[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 | |  }}]] {{#ifeq: {{{Amazon Link|}}} | | [[Category:Needs Specific Amazon Link]] | }}
|}<html><a class="btn btn-warning btn-block" style="color:#000000" href="</html>{{#replace:{{#replace:{{#replace:{{#show: {{PAGENAME}} |?Amazon Link#nowiki|mainlabel=-}}|http://|}}|https://|}}|%20|_}}<html>"role="button">Buy Now</a></html>
</div>
</div>
</div>
</div>
</div>


==Jumbotron==
<bootstrap_jumbotron style="border:2px solid #999;" class="bootstrap-jumbotron-example"><big>
= Jumbotron title =
Jumbotrons are flexible elements used for calling extra attention to featured content or information.</big>


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


==Accordion==


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


==Card Deck==


<div class="card-deck">
__NOEDITSECTION__
  <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>
 
==Button==
 
{{#bootstrap_button: Chameleon | color=primary}}
{{#bootstrap_button: Medik | color=secondary | text=Medik Skin }}
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }}
 
==Card Deck 2==
 
 
<div class="card-deck">
  <div class="card">
    <div class="card-header">
<big>'''Lorem ipsum'''</big>
    </div>
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
      </p>
      <p class="card-text">
<small class="text-muted">[[Lorem ipsum|Lorem ipsum...]]</small>
      </p>
    </div>
  </div>
  <div class="card">
    <div class="card-header">
<big>'''Lorem ipsum'''</big>
    </div>
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
      </p>
      <p class="card-text">
<small class="text-muted">[[Lorem ipsum|Lorem ipsum...]]</small>
      </p>
    </div>
  </div>
  <div class="card">
    <div class="card-header">
<big>'''Lorem ipsum and a bit more text to see what happens with this'''</big>
    </div>
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
      </p>
      <p class="card-text">
<small class="text-muted">[[Lorem ipsum|Lorem ipsum...]]</small>
      </p>
    </div>
  </div>
</div>

Latest revision as of 23:09, 15 November 2024

  1. Now That's What I Call Music Wiki
  2. [[|]]
( )
[[File:]]
Album Format
Release Date
Country
Album Series
Album Parent
Number of tracks
0
Buy Now




Retrieved from ‘https://nowmusicwiki.com/index.php?title=Test2&oldid=56356’