Music Player
Forum » Community Forums » Help and Support
0BLIVI0N 6th Dec 2013

Joined: 5th Dec 2013
Rank: --
Posts: 6
Likes 0



Has anyone try adding a CSS music player in their site?? I tried one and I get flashing and no load on the site when I add it in the CSS coding under Body like the site told me to add it? I removed it to have the site stable again but has anyone found where to add one or having same issue??
stora. 7th Dec 2013

Joined: 5th Nov 2013
Rank: --
Posts: 46
Likes 2



Can you provide your CSS and the music player its code?
0BLIVI0N 8th Dec 2013

Joined: 5th Dec 2013
Rank: --
Posts: 6
Likes 0



Music player :
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src=" http://scmplayer.net/script.js"
data-config="{'skin':'skins/cyber/skin.css','volume':63,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'','url':&#39LinK_TemP_1|},{'title':'','url':&#39LinK_TemP_2|},{'title':'','url':&#39LinK_TemP_3|},{'title':'','url':&#39LinK_TemP_4|}]}" ></script>
<!-- SCM Music Player script end -->

CSS :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{#title#}</title>
{#javascripts#}
<style type="text/css">
.theme_buttons { background-image: url( http://static.iclanwebsites.co ... lder_b376_button.png); background-repeat: no-repeat; background-position: top left; background-size: auto; line-height:25px; height:28px; padding-top: 0px !important; padding-right: 10px !important; padding-bottom: 0px !important; padding-left: 20px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; font-family:Arial; font-size:11px; color:#FFFFFF; text-shadow: # 0px 1px 1px; text-decoration:none; }
.theme_buttons:hover { background-image: url( http://static.iclanwebsites.co ... hver_buttonhover.png); background-repeat: no-repeat; background-position: top left; background-size: auto; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; font-family:Arial; color:#C7F0F9; text-decoration:none; }
.column1 { padding-top: 10px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; }
.column2 { padding-top: 10px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; }
.menu { background: rgba(51, 51, 51, 1); background-image: url( http://static.iclanwebsites.co ... /images/hdivider.png), url( http://static.iclanwebsites.co ... uilder_9cas_chat.png); background-repeat: repeat-x , repeat-x; background-position: bottom center, bottom center; background-size: auto, auto; line-height:28px; height:28px; padding-top: 4px !important; padding-right: 1px !important; padding-bottom: 4px !important; padding-left: 20px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; text-align: left; text-decoration:none; }
.menu a { font-family:Arial; font-size:13px; color:#FF5A03; text-decoration:none;  }
.menu a:hover { font-family:Arial; font-size:13px; color:#FFFFFF; text-decoration:none;  }
.webchat_element { background: rgba(26, 26, 26, 1); background-image: url( http://static.iclanwebsites.co ... uilder_9cas_chat.png); background-repeat: repeat; background-position: top center; background-size: auto; border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; border-top: 1px # solid; border-right: 1px # solid; border-left: 1px # solid; font-family:Arial; font-size:12px; color:#FFFFFF; text-decoration:none; }
.webchat_element a { font-family:Arial; font-size:12px; color:#FF5A03; text-decoration:none;  }
.webchat_element a:hover { font-family:Arial; color:#FFFFFF; text-decoration:underline;  }
.likebox { background-image: url( http://static.iclanwebsites.co ... lder_pqzz_mainbg.png); background-repeat: no-repeat; background-position: top center; background-size: auto; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 15px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; border-top: 1px # solid; border-right: 1px # solid; border-bottom: 1px # solid; border-left: 1px # solid; font-family:Arial; font-size:11px; color:#FFFFFF; text-decoration:none; }
.likebox a { font-family:Arial; font-size:11px; color:#F8DDA0; text-decoration:none;  }
.likebox a:hover { font-family:Arial; font-size:11px; color:#FFFFFF; text-decoration:none;  }
.maincell { padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; }
.topmenu_container { background-image: url( http://static.iclanwebsites.co ... uilder_784z_menu.png); background-repeat: repeat-x; background-position: top left; background-size: auto; height:69px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: 10px; margin-bottom: 10px; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; text-align: center; }
.topmenu_element { background-image: url( http://static.iclanwebsites.co ... ilder_g5q3_menue.png); background-repeat: no-repeat; background-position: top left; background-size: auto; padding-right: 3px !important; padding-left: 15px !important; border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-bottom-radius:0px; text-decoration:none; height:69px; line-height:69px; }
.topmenu_element a { font-family:Arial; font-size:14px; color:#CCCCCC; text-decoration:none;  }
.topmenu_element a:hover { font-family:Arial; font-size:14px; color:#FFFFFF; text-decoration:none;  }
.topmenu_element:hover { background-image: url( http://static.iclanwebsites.co ... _g432_menuehover.png); background-repeat: no-repeat; background-position: top left; background-size: auto; border-top-right-radius:0px; -moz-border-radius-topright:0px; -web
stora. 9th Dec 2013

Joined: 5th Nov 2013
Rank: --
Posts: 46
Likes 2



I'm not the best programmer, but is that supposed to go inside the CSS file? Can't imagine it lol.
0BLIVI0N 10th Dec 2013

Joined: 5th Dec 2013
Rank: --
Posts: 6
Likes 0



that's what the website says from the music player I found said place these code under the body text
0BLIVI0N 10th Dec 2013

Joined: 5th Dec 2013
Rank: --
Posts: 6
Likes 0



I figured it out thanks
stora. 11th Dec 2013

Joined: 5th Nov 2013
Rank: --
Posts: 46
Likes 2



Good luck with your website!
okaydanny 8th Feb 2014

Joined: 13th Nov 2013
Rank: --
Posts: 53
Likes 14



When i paste this right under <body> my website does not load (starts flickering) ?
Last Edit: 8th Feb 2014 by okaydanny
okaydanny 8th Apr 2014

Joined: 13th Nov 2013
Rank: --
Posts: 53
Likes 14



Bump, how did you fix the flickering issue?
Forum » Community Forums » Help and Support
Please login or register to reply.
Welcome to the support forums!

Welcome to the community forums!


If you're a premium customer and need urgent support or need to share personal details, please open a ticket from inside your Admin Panel.


Otherwise, please register to post in these forums.


Thank you!
Twitter