Help - Search - Members - Calendar
Full Version: Darkplayer Border Question
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
Just AJ
For a while I had a layout that made my Darkplayer have transparent buttons(Play, Pause and Stop), but when I got rid of the layout, that darkplayer effect dissapered, as well.

What i'm trying to ask is: What is the exact script to change the color of the Darkplayer's command buttons(not the list) and the text on them?
JlIaTMK
sry no one has answered this yet....
ive been having trouble with this for the last couple of days and i finally figured it out....

CODEBOX: -> right click -> copy/paste


all u have to do is add this effect on

<input style="background-color: #000000" TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p>

to each one

and do u no how to change the arrow color on the darkplayer?
Just AJ
What? I entered the code you put at the bottom, but it only makes the Play button transparent(i guess it's transparent, it could just be black).
I laready have the darkplayer in, i just wanted to make the play pause and stop buttons transparent and change their color, i don't want a new one.
My site is here.
I also entered that code at the bottom 3 times in the place it should be(between the "name of the songs" list and the "URL of the songs" list, but it only makes 3 identical play stop and pause buttons below each other.


I made a test site that shows how my darkplayer buttons are a different size, shape, and solor of normal ones because of the skin, I want to know what part of the skin makes the buttons match the site?
The test site's here.
The entire skin is:
CODE
<!-- begin code provided by createblog.com -->
<br><style type="text/css">

#pnlEnabled table, .htmleditor {
width:100% !important; }

BODY {
scrollbar-face-color: #383838;
scrollbar-shadow-color: #383838;
scrollbar-highlight-color: #383838;
scrollbar-3dlight-color: #383838;
scrollbar-darkshadow-color: #383838;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
background-color: #505050;
font-family: Arial;
font-size:8pt;
font-color: #666666;
line-height:150%;
text-align: justify;
}


center, font{
font-family: Arial;
font-size: 8pt;
font-color: #666666;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px arial;
text-transform: lowercase;
color: #666666;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #666666;
}

table.left TD {
background-color: transparent;
color: #666666;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 12px arial;
text-transform: lowercase;
color: #666666;
border: 0px;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-top:0;
padding-bottom:0;
}

.blogbody{
border-top: 1px solid #666666;
color: #000000;
background-color: #transparent;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"arial";
font-size:8pt;
font-color: #666666;
line-height:150%;
background-color: transparent;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font-family: arial;
font-size: 11px;
color: #666666;
text-align:left;
}

STRONG{
COLOR: #666666;
letter-spacing: 0pt;
cursor: crosshair;}

A:link{
font-family:arial;
text-decoration:none;
color: #CCCCCC;
}

A:visited{
text-decoration:none;
font-family:arial;
color:#CCCCCC;
}

a:active{
color: #CCCCCC;}

A:hover{
text-decoration:none;
font-family:arial;
color:#666666;
}

.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}
</style>

<div style="width: 652px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;">
<img src="http://tofumonzter.cbstaff.com/skins/just/black/top.jpg" width="650" height="300" border="0" alt="" usemap="#top_Map">
<map name="top_Map">
<area shape="rect" alt="Who you are subscribed to(I assume that my name is on your list as well?;-)" coords="569,220,608,226" href="http://www.xanga.com/private/subs.aspx">
<area shape="rect" alt="Refresh" coords="534,220,562,226" href="http://www.xanga.com/AJTest1">
<area shape="rect" alt="refresh" coords="476,220,503,226" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=AJTest1" target="_blank">
<area shape="rect" alt="Like da site? Subscribe to me. Dun like it? Tough for you" coords="511,220,526,227" href="http://www.xanga.com/private">
</map>
<!-- end code provided by createblog.com -->

Does anyone see where something that could change the darkplayer buttons in this skin?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.