Difference between revisions of "Template:LiathTheme"

From PRIMUS Database
Jump to: navigation, search
m
m
 
(24 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; margin-bottom:0px;">
+
<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}}}; text-shadow: {{{shadow|0}}}px {{{shadow|0}}}px {{{shadowblur|0}}}px {{{shadowcolor|black}}};"><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}}}; text-shadow: {{{shadow|0}}}px {{{shadow|0}}}px {{{shadowblur|0}}}px {{{shadowcolor|black}}};"><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 38: Line 39:
 
| 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 = black
 
| artistcolor = black
Line 45: Line 46:
 
| borderwidth = 3
 
| borderwidth = 3
 
| backcolor = rgba(0,0,128,0.5)
 
| backcolor = rgba(0,0,128,0.5)
−
| shadow = 1
+
| shadowx = 0
 +
| shadowy = 1
 
| shadowblur = 2
 
| shadowblur = 2
 
| shadowcolor = black
 
| shadowcolor = black
Line 53: 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 60: 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>
−
shadow = shadow offset from text, default 0. positive to offset downright, negative to offset upleft<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>
 
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>
 
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 (comment out or delete the sections you wish to leave on default).
 
Copy the following onto your page and fill out the appropriate information (comment out or delete the sections you wish to leave on default).
Line 78: Line 246:
 
| borderwidth =  
 
| borderwidth =  
 
| backcolor =
 
| backcolor =
−
| shadow =  
+
| shadowx =
 +
| shadowy =
 
| shadowblur =  
 
| shadowblur =  
 
| shadowcolor =  
 
| shadowcolor =  
Line 84: Line 253:
 
</pre>
 
</pre>
  
−
[[category:@Liath]]
+
[[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"