@dos1973 said in [Vorlage] Spotify Skript:
sieht doch schon gut aus...
hier sind die Bedienelemente. kopieren und als widget einfügen.
die Schriftart habe ich wohl manuell gesetzt. Bei mir Jura-Demibold 18/20px
zeig mal deine css Datei
/*SPOTIFY*/
/*css playliste*/
.fixScroll > .vis-widget-body {
position: absolute; /*Wichtig, muss absolute sein */
width: 500px; /* hier deine Breite von deinem Widget */
height: 500px; /* hier deine Höhe von deinem Widget */
overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
}
.playlistList {
width: 100%;
padding-left:50px;
font-size:22px;
font-family:Jura-Medium;
}
.playlistList tr td {
padding: 20px 0px;
}
#currentList {
color: #1DB954;
}
.spotify-playlist-title {
padding: 4px 5px;
color: rgba(255,255,255,1);
}
/*css trackliste*/
.fixScroll1 > .vis-widget-body {
position: absolute; /*Wichtig, muss absolute sein */
width: 550px; /* hier deine Breite von deinem Widget */
height: 513px; /* hier deine Höhe von deinem Widget */
overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
}
.tracklistList {
width: 100%;
padding-left: 50px;
font-size:22px;
font-family:Jura-Medium;
}
/*Abstand zwischen den Titeln*/
.tracklistList tr td {
padding: 7px 0px;
}
/*Abstand zwischen den Song und Artist*/
.spotify-tracklist-title {
padding: 4px 5px;
color: rgba(255,255,255,1);
}
.spotify-tracklist-artist {
padding: 0px 5px;
font-size: 0.9em;
color: rgba(255,255,255,0.8);
}
/*Darstellung Song und Artist*/
#currentSong {
/*color: rgba(108,255,82,1);*/
color:#1DB954;
}
#currentArtist {
/*color: rgba(108,255,82,0.6);*/
color:#ccc;
}
.button_style_spotify_box{
padding-left:0px;
padding-top:0px;
border:#464646 solid 1px;
border-bottom: #464646 solid 0px;
border-top-right-radius:20px;
border-top-left-radius:20px;
box-shadow:3px 3px 12px 0 #161616;
font-size:18px;
font-family:Jura-Medium;
color:#fff;
box-sizing:border-box;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
opacity:0.7;
}
.button_style_spotify_btn {
padding-left:0px;
padding-top:0px;
border:#464646 solid 1px;
border-radius:4px;
box-shadow:3px 3px 12px 0 #161616;
font-size:18px;
font-family:Jura-Medium;
color:#fff;
box-sizing:border-box;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
}
.button_style_spotify_btn_aktiv{
padding-left:0px;
padding-top:0px;
border:#464646 solid 1px;
border-radius:4px;
box-shadow:6px 6px 12px 0 #161616;
font-size:20px;
font-weight:bold;
border-right-width: 4px;
border-right-color:#1db954;
font-family:Jura-Medium;
color:#1db954;
box-sizing:border-box;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
}
/*SPOTIFY*/
Also die Buttons kommen trotzdem nicht