how can i change the color on SHOUT OUT BOX???

That's a new one!

Have a look at the HTML source of your friendster page.

Look for the shoputbox code, it will probably be enclosed in something like

<div class="shoutbox">
<more stuff>

</div>

In the CSS, use the following:

.shoutbox {
font: green 18pt Arial, sans-serif;
}

obviously replacing .shoutbox with whatever the HTML is called.

Any more help, give us a shout.

Have a look at the HTML source of your friendster page.

Look for the shoputbox code, it will probably be enclosed in something like

<div class="shoutbox">
<more stuff>

</div>

In the CSS, use the following:

.shoutbox {
font: green 18pt Arial, sans-serif;
}

obviously replacing .shoutbox with whatever the HTML is called.

Any more help, give us a shout.

how about for transparencyof the sout out box?

I refer you to the big green sticky entitled "HOW TO MAKE YOUR BOXES TRANSPARENT"

thank you guys... will try these out!

ok i already got but can i change the font color of my shout out?

 h2#shoutoutText {
definition-here
}

You are really going to have to show that you are at least trying if you want help around here.

You are really going to have to show that you are at least trying if you want help around here.
tried it didnt work

You are really going to have to show that you are at least trying if you want help around here.
tried it didnt workI just tried it and it does work. Unless you actually put "definition-here" in your css. :roll:

Here's the CSS code for ShoutBox!

/***** Shoutout styles *****/
#shoutoutBigBox {
  padding: 0px;
  border: 0px;
  display: block;
  position: relative;
  margin: 0px 0px -10px 0px;
}
#shoutoutBigBox a {
  color: #D36317;
}
.shoutoutToprow {
  height: 4px;
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 6000;
}
.so_box_u {
  line-height: 0px;
  font-size: 0px;
  padding: 0px;
  margin: 0px 4px 0px 2px;
  width: auto;
  height: 4px;
  border-top: 1px solid #555;
  background: #E7E9F6;
}
.so_box_ul {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(http://images.friendster.com/images/so_box_ul2.gif);
  background-repeat: no-repeat;
  width: 2px;
  height: 4px;
}
.so_box_ur {
  position: absolute;
  right: 0px;
  top: 0px;
  background-image: url(http://images.friendster.com/images/so_box_ur2.gif);
  background-repeat: no-repeat;
  width: 4px;
  height: 4px;
}
.shoutoutMidrowBlu {
  display: block;
  margin: 0px;
  padding: 6px 5px 1px 10px;
  border-left: 1px solid #555;
  background: #E7E9F6;
  background-image: url(http://images.friendster.com/images/so_bluebox_rt_tile.gif);
  background-repeat: repeat-y;
  background-position: right;
  position: relative;
  z-index: 6001;
}
.shoutoutMidrowWhite {
  display: block;
  margin: 0px;
  padding: 5px 10px;
  border-left: 1px solid #555;
  background: #fff;
  background-image: url(http://images.friendster.com/images/so_whitebox_rt_tile.gif);
  background-repeat: repeat-y;
  background-position: right;
  position: relative;
  z-index: 6001;
}
.shoutoutBotrowBlu {
  height: 18px;
  margin: 0px;
  position: relative;
  z-index: 6000;
}
.shoutoutBotrowWhite {
  height: 18px;
  margin: 0px;
  position: relative;
  z-index: 6000;
}
.so_bluebox_ll {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: url(http://images.friendster.com/images/so_bluebox_ll2.gif);
  background-repeat: no-repeat;
  width: 78px;
  height: 18px;
}
.so_bluebox_lr {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-image: url(http://images.friendster.com/images/so_bluebox_lr2.gif);
  background-repeat: no-repeat;
  width: 4px;
  height: 18px;
}
.so_bluebox_l {
  width: auto;
  height: 18px;
  padding: 0px;
  margin: 0px 4px 0px 78px;
  background: transparent;
  background-image: url(http://images.friendster.com/images/so_bluebox_bot_tile.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
.so_whitebox_ll {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: url(http://images.friendster.com/images/so_whitebox_ll2.gif);
  background-repeat: no-repeat;
  width: 78px;
  height: 18px;
}
.so_whitebox_lr {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-image: url(http://images.friendster.com/images/so_whitebox_lr2.gif);
  background-repeat: no-repeat;
  width: 4px;
  height: 18px;
}
.so_whitebox_l {
  width: auto;
  height: 18px;
  padding: 0px;
  margin: 0px 4px 0px 78px;
  background: transparent;
  background-image: url(http://images.friendster.com/images/so_whitebox_bot_tile.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#shoutoutBigBox h1 {
  font-size: 12px;
  color: #983300;
  font-weight: bold;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}
#shoutoutBigBox h2 {
  clear: left;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  color: #000;
}
#shoutoutBigBox h4 {
  clear: left;
  color: #999;
  font-size: 10px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
#shoutoutBigBox p {
  clear: left;
  font-size: 11px;
  margin: 0px 0px 5px 0px;
  line-height: 12px;
}
#shoutoutInputs {
  float: left;
  position: relative;
  display: inline;
  margin: 0px 0px 5px 0px;
}
/* \*/
* html #shoutoutInputs {
  margin: 0px;
}
/* */
#shoutoutInputs input {
  float: left;
  display: inline;
  margin: 0px 5px 0px 0px;
}
.shoutoutCopy {
  font-size: 11px !important;
  font-weight: normal !important;
  color: #555 !important;
  margin-right: 5px;
}
.shoutoutCopy a:link, .shoutoutCopy a:visited {
  color: #d36317 !important;
  text-decoration: none !important;
}
.shoutoutCopy a:hover, .shoutoutCopy a:active {
  color: #d36317 !important;
  text-decoration: underline !important;
}
.shoutoutMiniBox {
  background: transparent url(http://images.friendster.com/images/so_mini.gif) no-repeat;
  width: 227px;
  height: 48px;
  position: absolute;
  top: 8px;
  left: 58px;
  z-index: 11000;
}
.shoutoutMiniBoxFriends {
  background: transparent url(http://images.friendster.com/images/so_mini3.gif) no-repeat;
  width: 180px;
  height: 65px;
  position: absolute;
  top: 8px;
  left: 18px;
  z-index: 11000;
}
.shoutoutMiniContent {
  padding: 9px 19px 9px 25px;
}
.shoutoutMiniQuote {
  background: transparent;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 2px;
  left: 52px;
  z-index: 110001;
}
.shoutoutMiniQuoteFriends {
  background: transparent;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 8px;
  left: 68px;
  z-index: 110001;
}
/***** End Shoutout styles *****/
#shoutoutTip {
  position: absolute;
  top: -40px;
  right: -265px;
  width: 300px;
  background: #12034A;
  z-index: 10050 !important;
}
#shoutoutTipContent {
  position: relative;
  top: -1px;
  left: -1px;
  padding: 10px 2px 5px 10px;
  background: #E7E9F6;
  border: 1px solid #6C7175;
  z-index: 10051;
}
#shoutoutTipClose {
  position: absolute;
  top:2px;
  right: 2px;
}
.shoutoutMiniClose {
  position: absolute;
  top: 4px;
  right: 8px;
}
#shoutoutTipClose img, .shoutoutMiniClose img {
  border: 0px;
}

Juz play wif the attributes and eventually, you'll end up getting something different from your current shoutbox style

Vkey,
Use the BB 'code' tags please for code.

He's good though, isn't he Hugo

not half and formatted, is that one of those generators or all your own work ?

I think that the z-index might need to be a little higher though!

I'm outta here.