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

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

Posted: Sun, 2005-11-06 11:26

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.

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

Posted: Sun, 2005-11-06 15:49

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

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

Posted: Mon, 2005-11-07 15:16

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

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

Posted: Tue, 2005-11-08 17:29

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

Posted: Fri, 2005-11-11 11:53

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

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

Posted: Fri, 2005-11-11 18:24

He's good though, isn't he Hugo

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

Posted: Fri, 2005-11-11 22:29

I'm outta here.