13 replies [Last post]
sweetrheality
Offline
newbie
Last seen: 14 years 22 weeks ago
Joined: 2005-11-05
Posts: 4
Points: 0

can you guys help me!!! do u have a code or something to change the either the font color and style in the shout out box in friendster! please! thank you guys!!! Wink

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 14 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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

That's a new one! Laughing out loud

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.

Verschwindende wrote:
  • CSS doesn't make pies

deionbehn
Offline
newbie
Last seen: 14 years 22 weeks ago
Joined: 2005-11-05
Posts: 5
Points: 0

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

thepineapplehead wrote:
That's a new one! Laughing out loud

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?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 14 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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

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

Verschwindende wrote:
  • CSS doesn't make pies

sweetrheality
Offline
newbie
Last seen: 14 years 22 weeks ago
Joined: 2005-11-05
Posts: 4
Points: 0

thanks...

thank you guys... will try these out! Wink

deionbehn
Offline
newbie
Last seen: 14 years 22 weeks ago
Joined: 2005-11-05
Posts: 5
Points: 0

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

thepineapplehead wrote:
I refer you to the big green sticky entitled "HOW TO MAKE YOUR BOXES TRANSPARENT" Laughing out loud

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

Anonymous
Anonymous's picture
Guru

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

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

Try
 h2#shoutoutText {
definition-here
}
Not tested.

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

deionbehn
Offline
newbie
Last seen: 14 years 22 weeks ago
Joined: 2005-11-05
Posts: 5
Points: 0

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

Triumph wrote:
deionbehn wrote:
ok i already got but can i change the font color of my shout out?

Try
 h2#shoutoutText {
definition-here
}
Not tested.

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

Anonymous
Anonymous's picture
Guru

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

deionbehn wrote:
Triumph wrote:
deionbehn wrote:
ok i already got but can i change the font color of my shout out?

Try
 h2#shoutoutText {
definition-here
}
Not tested.

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:

Vkey
Offline
Regular
Last seen: 14 years 25 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

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

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 Wink

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 13 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 14 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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

He's good though, isn't he Hugo Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 13 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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

Laughing out loud 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!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Anonymous
Anonymous's picture
Guru

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

thepineapplehead wrote:
He's good though...
All hail the new Friendster advocate. Laughing out loud

I'm outta here. Wink