Difference between revisions of "Template:LiathTheme"
m |
m |
||
| Line 1: | Line 1: | ||
| − | <noinclude>[[Category:Templates]]<!--please do not delete or overwrite-- | + | <noinclude>[[Category:Templates]]<!--please do not delete or overwrite--><div style="width: 500px;"></noinclude> |
| − | <div style="width:100%; padding:0px; margin: | + | <div style="width:100%; padding:0px; margin:0px; margin-bottom: 5px;"> |
| − | < | + | <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:5px;"> |
| − | < | + | <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> |
| − | + | <div style="margin-left: {{{imagesize|50}}}px; height: {{{imagesize|50}}}px; padding:0px;"> | |
| − | < | + | <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> |
| − | < | + | <div style="height:20%; padding-left: 10px; vertical-align:middle;"> </div> |
| − | < | + | <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> |
| − | < | + | </div> |
| − | </ | + | </div> |
| − | </ | + | |
</div> | </div> | ||
<noinclude> | <noinclude> | ||
Revision as of 04:37, 28 April 2014
Example:
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 
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
Video play.png
| [show] Music Player/Soundtrack Example Code |
|---|
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 =
|}}
