Difference between revisions of "Template:LiathTheme"

From PRIMUS Database
Jump to: navigation, search
m
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<noinclude><div style="width: 500px;"></noinclude>
+
<noinclude>[[Category:Templates]][[Category:Soundtrack]]<!--please do not delete or overwrite--><div style="width: 500px;"></noinclude>
−
<table style="width:100%; background-color:{{{backcolor|transparent}}}; border: {{{borderwidth|3}}}px solid {{{bordercolor|black}}}; border-top-right-radius:25px; border-bottom-right-radius:25px; padding:0px; margin:5px;">
+
<div style="width:100%; padding:0px; margin:0px;">
−
<tr>
+
<div style="background-color:{{{backcolor|transparent}}}; border: {{{borderwidth|3}}}px solid {{{bordercolor|black}}}; border-top-right-radius:25px; border-bottom-right-radius:25px; overflow:hidden; padding:2px; margin-bottom: 5px; margin-right:5px;">
−
<td rowspan=2 style="height:{{{imagesize|50}}}px; min-height:50px; width:{{{imagesize|50}}}px; min-width:50px; border-radius:15px; border 0px; font-size:0px;">[[File:{{{trackimage|Liath_Music.png}}}|{{{imagesize|50}}}px|link={{{tracklink|File:Liath_Music.png}}}]]</td>
+
<div style="float:left; height:{{{imagesize|50}}}px; min-height:50px; width:{{{imagesize|50}}}px; min-width:50px; border-radius:15px; border 0px; font-size:0px;">[[File:{{{trackimage|Liath_Music.png}}}|{{{imagesize|50}}}px|link={{{tracklink|File:Liath_Music.png}}}]]</div>
−
<td style="width:99%; height:50%; color:{{{artistcolor|#800000;}}}"><b>{{{artist|Artist/Band Name}}}</b></td>
+
<div style="margin-left: {{{imagesize|50}}}px; height: {{{imagesize|50}}}px; padding:0px;">
−
</tr>
+
<div style="height:40%; padding-left: 10px; vertical-align:middle; color:{{{artistcolor|#800000}}}; text-shadow: {{{shadow|0}}}px {{{shadow|0}}}px {{{shadowblur|0}}}px {{{shadowcolor|black}}};"><b>{{{artist|Artist/Band Name}}}</b></div>
−
<tr>
+
<div style="height:20%; padding-left: 10px; vertical-align:middle;">&nbsp;</div>
−
<td style="width:99%; height:50%; color:{{{trackcolor|#000080;}}}"><b>{{{track|Song/Track Name}}}</b></td>
+
<div style="height:40%; padding-left: 10px; vertical-align:middle; color:{{{trackcolor|#000080}}}; text-shadow: {{{shadowx|0}}}px {{{shadowy|0}}}px {{{shadowblur|0}}}px {{{shadowcolor|black}}};"><b>{{{track|Song/Track Name}}}</b></div>
−
</tr>
+
</div>
−
</table>
+
</div>
 +
</div>
 
<noinclude>
 
<noinclude>
 
</div>
 
</div>
Line 17: Line 18:
 
| track = New Shoes
 
| track = New Shoes
 
| tracklink = http://www.youtube.com/watch?v=hmbUNF1Q4R8
 
| tracklink = http://www.youtube.com/watch?v=hmbUNF1Q4R8
−
| trackimage = Liath_PauloNutini_NewShoes.jpg
+
| trackimage = These_Streets.jpg
 
| imagesize = 50
 
| imagesize = 50
 
| artistcolor = blue
 
| artistcolor = blue
Line 27: Line 28:
 
| track = New Shoes
 
| track = New Shoes
 
| tracklink = http://www.youtube.com/watch?v=hmbUNF1Q4R8
 
| tracklink = http://www.youtube.com/watch?v=hmbUNF1Q4R8
−
| trackimage = Liath_PauloNutini_NewShoes.jpg
+
| trackimage = These_Streets.jpg
 
| imagesize = 50
 
| imagesize = 50
 
| artistcolor = blue
 
| artistcolor = blue
Line 34: Line 35:
 
| borderwidth = 3
 
| borderwidth = 3
 
| backcolor = rgba(0,0,128,0.5)
 
| backcolor = rgba(0,0,128,0.5)
 +
|}}{{LiathTheme
 +
| artist = Paolo Nutini
 +
| track = New Shoes
 +
| tracklink = http://www.youtube.com/watch?v=hmbUNF1Q4R8
 +
| trackimage = These_Streets.jpg
 +
| imagesize = 50
 +
| artistcolor = black
 +
| trackcolor = white
 +
| bordercolor = silver
 +
| borderwidth = 3
 +
| backcolor = rgba(0,0,128,0.5)
 +
| shadowx = 0
 +
| shadowy = 1
 +
| shadowblur = 2
 +
| shadowcolor = black
 
|}}
 
|}}
 
</div><br><br>
 
</div><br><br>
Line 39: Line 55:
 
track = The name of the track or song<br>
 
track = The name of the track or song<br>
 
tracklink = link address to the track or song e.g http://www.youtube.com/watch?v=hmbUNF1Q4R8<br>
 
tracklink = link address to the track or song e.g http://www.youtube.com/watch?v=hmbUNF1Q4R8<br>
−
trackimage = name of the image file associated with your song. if you do not have a specific image comment out this section <!--trackimage = --> to use the default icon<br>
+
trackimage = name of the image file associated with your song. if you do not have a specific image comment out this section <nowiki><!--trackimage = --></nowiki> to use the default icon<sup style="color:red;">'''*'''</sup><br>
 
imagesize = height/width to display the image at. Default is 50 x 50 if you wish to have a larger image e.g imagesize = 100.<br>
 
imagesize = height/width to display the image at. Default is 50 x 50 if you wish to have a larger image e.g imagesize = 100.<br>
 
artistcolor = color of artist text. Use #nnnnnn notation of recognised HTML color codes. Default: bordercolor = #800000 <br>
 
artistcolor = color of artist text. Use #nnnnnn notation of recognised HTML color codes. Default: bordercolor = #800000 <br>
Line 46: Line 62:
 
borderwidth = width of border. Set to 0 for no border (no px required). Default: border = 3 <br>
 
borderwidth = width of border. Set to 0 for no border (no px required). Default: border = 3 <br>
 
backcolor = color of background. Use #nnnnnn notation of recognised HTML color codes. Default: backcolor = transparent <br>
 
backcolor = color of background. Use #nnnnnn notation of recognised HTML color codes. Default: backcolor = transparent <br>
 +
shadowx / shadowy = shadow offset from text, default 0. positive to offset down/right, negative to offset up/left<br>
 +
shadowblur = shadow blur width on text, default 0 - no blur<br>
 +
shadowcolor = color of shadow. Use #nnnnnn notation of recognised HTML color codes. Default: backcolor = black <br>
 +
 +
 +
<span style="color:red;">'''*'''</span> Alternate Icons which may better suit your page theme,<br>
 +
 +
The following are all called Liath_''xxx''.png where xxx is the caption e.g Liath_''MusicRed''.png, so trackimage=Liath_MusicRed.png would return [[file:Liath_MusicRed.png]]<br>
 +
<gallery widths=50px heights=50px perrow=8>
 +
Liath_Music.png|Music (default)
 +
Liath_MusicRed.png|MusicRed
 +
Liath_MusicBlue.png|MusicBlue
 +
Liath_MusicGreen.png|MusicGreen
 +
Liath_MusicCyan.png|MusicCyan
 +
Liath_MusicPurple.png|MusicPurple
 +
Liath_MusicPink.png|MusicPink
 +
Liath_MusicGold.png|MusicGold
 +
Liath_MusicOpen.png|MusicOpen
 +
Liath_MusicOpenRed.png|MusicOpenRed
 +
Liath_MusicOpenBlue.png|MusicOpenBlue
 +
Liath_MusicOpenGreen.png|MusicOpenGreen
 +
Liath_MusicOpenCyan.png|MusicOpenCyan
 +
Liath_MusicOpenPurple.png|MusicOpenPurple
 +
Liath_MusicOpenPink.png|MusicOpenPink
 +
Liath_MusicOpenGold.png|OpenGold
 +
Liath_MusicOpenSilver.png|MusicOpenSilver
 +
Liath_GoldStar.png|GoldStar
 +
Liath_SilverStar.png|SilverStar
 +
Liath_BlackStar.png|BlackStar
 +
Liath_RedStar.png|RedStar
 +
</gallery><br>
 +
The following are not prefixed, the caption name should be used as is, e.g trackimage=Music-player.png would return [[file:Music-player.png]]<br>:
 +
<gallery widths=50px heights=50px perrow=8>
 +
Music-player.png|Music-player.png
 +
Video play.png|Video play.png
 +
EighthNote.png|EighthNote.png
 +
STARstrukk.png|STARstrukk.png
 +
</gallery><br>
 +
'''Other playback icons may be available [[:Category:Playback Icons]] or alternatively users have also uploaded album covers or musician images which you may like to use [[:Category:Soundtrack]]<br>'''
 +
 +
{| class="wikitable collapsible collapsed" style="width: 800px; background-color:transparent;"
 +
! <b>Music Player/Soundtrack Example Code</b>
 +
|-
 +
|
 +
<!--copy from here to ***** end ***** into the page if you want to use it -->
 +
<div style="width: 90%; background-color:transparent; padding:10px;">
 +
<div style="width: 45%; display:inline-block; padding:0px; margin:0px;vertical-align:top;"><!-- left tracks -->
 +
{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}
 +
</div>
 +
<div style="width: 45%; display:inline-block; padding:0px; margin:0px;vertical-align:top;"><!-- right tracks -->
 +
{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}
 +
</div>
 +
<br style="clear:both;">
 +
</div>
 +
<!--***** end *****-->
 +
<br>Copy the following and change colors as required for a simple "Music Player Section"
 +
<pre>
 +
<!--copy from here to ***** end ***** into the page if you want to use it -->
 +
<div style="width: 90%; background-color:transparent; padding:10px;">
 +
<div style="width: 45%; display:inline-block; padding:0px; margin:0px;vertical-align:top;"><!-- left tracks -->
 +
{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}
 +
</div>
 +
<div style="width: 45%; display:inline-block; padding:0px; margin:0px;vertical-align:top;"><!-- right tracks -->
 +
{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}{{LiathTheme
 +
| artist =
 +
| track =
 +
| tracklink =
 +
<!--trackimage = -->
 +
| artistcolor = #ff0000 | trackcolor = white | bordercolor = #800000 | borderwidth = 3 | backcolor = #111111|}}
 +
</div>
 +
<br style="clear:both;">
 +
</div>
 +
<!--***** end *****-->
 +
</pre>
 +
|}
 
<br><br><br><br>
 
<br><br><br><br>
−
Copy the following onto your page and fill out the appropriate information.
+
Copy the following onto your page and fill out the appropriate information (comment out or delete the sections you wish to leave on default).
 
<pre>
 
<pre>
 
<nowiki>{{LiathTheme
 
<nowiki>{{LiathTheme
Line 60: Line 246:
 
| borderwidth =  
 
| borderwidth =  
 
| backcolor =
 
| backcolor =
 +
| shadowx =
 +
| shadowy =
 +
| shadowblur =
 +
| shadowcolor =
 
|}}</nowiki>
 
|}}</nowiki>
 
</pre>
 
</pre>
  
−
 
+
[[Category:@Liath|{{FULLPAGENAME}}]]
 
</noinclude>
 
</noinclude>

Latest revision as of 15:31, 15 July 2014

Liath Music.png
Artist/Band Name
 
Song/Track Name



Example:

These Streets.jpg
Paolo Nutini
 
New Shoes
These Streets.jpg
Paolo Nutini
 
New Shoes
These Streets.jpg
Paolo Nutini
 
New Shoes


artist = The name of the artist or band.
track = The name of the track or song
tracklink = link address to the track or song e.g http://www.youtube.com/watch?v=hmbUNF1Q4R8
trackimage = name of the image file associated with your song. if you do not have a specific image comment out this section <!--trackimage = --> to use the default icon*
imagesize = height/width to display the image at. Default is 50 x 50 if you wish to have a larger image e.g imagesize = 100.
artistcolor = color of artist text. Use #nnnnnn notation of recognised HTML color codes. Default: bordercolor = #800000
trackcolor = color of track title text. Use #nnnnnn notation of recognised HTML color codes. Default: bordercolor = #000080
bordercolor = color of border. Use #nnnnnn notation of recognised HTML color codes. Default: bordercolor = #000000
borderwidth = width of border. Set to 0 for no border (no px required). Default: border = 3
backcolor = color of background. Use #nnnnnn notation of recognised HTML color codes. Default: backcolor = transparent
shadowx / shadowy = shadow offset from text, default 0. positive to offset down/right, negative to offset up/left
shadowblur = shadow blur width on text, default 0 - no blur
shadowcolor = color of shadow. Use #nnnnnn notation of recognised HTML color codes. Default: backcolor = black


* Alternate Icons which may better suit your page theme,

The following are all called Liath_xxx.png where xxx is the caption e.g Liath_MusicRed.png, so trackimage=Liath_MusicRed.png would return Liath MusicRed.png

  • Music (default)

  • MusicRed

  • MusicBlue

  • MusicGreen

  • MusicCyan

  • MusicPurple

  • MusicPink

  • MusicGold

  • MusicOpen

  • MusicOpenRed

  • MusicOpenBlue

  • MusicOpenGreen

  • MusicOpenCyan

  • MusicOpenPurple

  • MusicOpenPink

  • OpenGold

  • MusicOpenSilver

  • GoldStar

  • SilverStar

  • BlackStar

  • RedStar


The following are not prefixed, the caption name should be used as is, e.g trackimage=Music-player.png would return Music-player.png
:

  • Music-player.png

  • Video play.png

  • EighthNote.png

  • STARstrukk.png


Other playback icons may be available Category:Playback Icons or alternatively users have also uploaded album covers or musician images which you may like to use Category:Soundtrack





Copy the following onto your page and fill out the appropriate information (comment out or delete the sections you wish to leave on default). 

{{LiathTheme
| artist = 
| track = 
| tracklink = 
| trackimage = 
| imagesize = 
| artistcolor = 
| trackcolor = 
| bordercolor = 
| borderwidth = 
| backcolor =
| shadowx = 
| shadowy =
| shadowblur = 
| shadowcolor = 
|}}
Retrieved from "http://primusdatabase.com/index.php?title=Template:LiathTheme&oldid=68225"