https://www.shoutcast-tools.com https://www.shoutcast-tools.com

*NOW* create custom Streambox

  • Erstellt am 10.01.2015 22:00
  • Veröffentlicht am 10.01.2015 22:00
  • Von AK | Webdesign

Individuelle Streambox mit Album Cover

custom Streambox

 

With the last update of our Streambox generator, it is finally possible to create a custom Streambox with individual size.

 

In the custom Streambox are all known functions  available. This information includes title , listeners , bitrate , and of course the album cover. The design can be adapted individually. You simply use the CSS field in our generator. You can choose the custom Streambox in step 2 of the Streambox Generator.

 

We have already filed an example of a rapid creation. Below you will find the sample CSS code :

#SB_KEY_title {
position:absolute;
top:10px;
left:10px;
font-size:20px;
font-weight:bold;
}
#SB_KEY_online {
position:absolute;
top:40px;
left:10px;
font-weight:bold;
color:#00fe0c;
}
#SB_KEY_bitrate {
position:absolute;
top:60px;
left:10px;
font-weight:bold;
}
#SB_KEY_genre {
position:absolute;
top:60px;
left:140px;
font-weight:bold;
}
#SB_KEY_listener {
position:absolute;
top:80px;
left:10px;
font-weight:bold;
}
#SB_KEY_peak {
position:absolute;
top:80px;
left:140px;
font-weight:bold;
}
#SB_KEY_track {
position:absolute;
top:100px;
left:10px;
width:230px;
font-size:16px;
font-weight:bold;
}
#SB_KEY_cover {
position:absolute;
top:11px;
right:12px;
}
#SB_KEY_cover img {
width:85px;
}
#SB_KEY_shop {
position:absolute;
top:105px;
right:8px;
}
#SB_KEY_shop img {
width:45px;
}
#SB_KEY_player {
position:absolute;
top:131px;
left:10px;
}
#SB_KEY_player a img {
height:30px;
}
Login