friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 4 5 … 17

 

#41  2007-05-16 02:55:15

spider45
» FriendsterNewbie
Registered: 2007-04-25
Posts: 22
Last visit: 2007-09-03
Reputation: ~
Friendster

Re: Customize Shout Out And Remove Eyesores.

hehe, tnx yeng29, but what i want is colored #07570B and with transparent bakcground... hope you will help me again,.. tnxxx!!  =)  =)

-Offline-
 

#42  2007-05-16 03:03:38

Ephemeral
 Unable To Fetch Data...
Ephemeral's display avatar
» Moderator
› L'Interdit
› Class-S
Location: Perdido Paraíso
Registered: 2006-10-20
Posts: 10492
Reputation: 315

Re: Customize Shout Out And Remove Eyesores.

1st post updated Can work in IE and Firefox  =)

Please do not post direct copy and paste media box codes at our Tricks and Tutorials section. If you really insist... Au Revoir!
 

#43  2007-05-16 05:59:40

yeng29
 Ray Allan
yeng29's display avatar
» FriendsterAddict
› Go With the Flow!
Location: SouL Society!?!^^
Registered: 2007-04-28
Posts: 321
Last visit: 2008-07-04
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

spider45 wrote:

hehe, tnx yeng29, but what i want is colored #07570B and with transparent bakcground... hope you will help me again,.. tnxxx!!  =)  =)

you mean the color of the text??
here it is... i edited it with ur hex color... hope it works!

Code:

<link href="http://h1.ripway.com/yeng29/spider.css" rel="stylesheet" type="text/css">

:lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:


im a Guy...Waahh.... Freaks!!:wallbash::wallbash::wallbash:

-Offline-
 

#44  2007-05-16 07:12:53

bhabieangel_005
» FriendsterNewbie
Registered: 2007-05-16
Posts: 3
Last visit: 2007-09-19
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

hEy!!.,i'M nEw here.,caN i just aSk,wHat iSz CSS EXTENSION?.,pLs respOnD,i rEalLy haVe tO knOw tO piMp maH paGe.,tEnkSz!., :D

-Offline-
 

#45  2007-05-16 07:38:58

yeng29
 Ray Allan
yeng29's display avatar
» FriendsterAddict
› Go With the Flow!
Location: SouL Society!?!^^
Registered: 2007-04-28
Posts: 321
Last visit: 2008-07-04
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

bhabieangel_005 wrote:

hEy!!.,i'M nEw here.,caN i just aSk,wHat iSz CSS EXTENSION?.,pLs respOnD,i rEalLy haVe tO knOw tO piMp maH paGe.,tEnkSz!., :D

click this link... to know Css Extension!
http://friendstertalk.com/t1879-save-ex…te....html


im a Guy...Waahh.... Freaks!!:wallbash::wallbash::wallbash:

-Offline-
 

#46  2007-05-16 13:04:49

conmarie
 mary ann
conmarie's display avatar
» FriendsterAddict
› Ne neomu yeppeoyo ;)
› Singles Goes HOT!
Location: :]
Registered: 2007-04-24
Posts: 381
Last visit: 2008-08-02
Reputation: 1
Friendster

Re: Customize Shout Out And Remove Eyesores.

Ephemeral wrote:

MANY FRIENDSTERTALK MEMBERS ARE REQUESTING THE CODE, JUST READ BELOW http://www2.shoutmix.com/smileys/buttrock.gif

Code:

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url('BACKGROUND IMAGE HERE') repeat top left; color: #PUT HEX HERE; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }

FOR EASY TWEAKERS:

To transparent your shout out box paste this code in About Me:

Code:

<link href="http://www.fileden.com/files/2006/9/22/232770/Transparent.css" rel="stylesheet" type="text/css">

To see code in action click the link below.

:arrow: Link

As you can see the transparent box becomes the same color as the background  :cool:

FOR THE CONFUSED

If you want to personalize shoutout box but, you can't get the tutorial or can't understand it properly; just post in this thread your background image - width must be 257 height 150 and the color of your text so I'll make your shoutbox for you...

I may not attend to your request early in reply just wait.

Hope this helps everyone!  :)

For Mozilla Users. Transparent Shout Out

Code:

.somsg { background-image:url('none') !important;  color:#ffffff ; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }

Apply in CSS file  =)

in what?


Tnx danx :D
I was so stupid when i was just a newbie here :wallbash: :wallbash:

-Offline-
 

#47  2007-05-16 16:21:50

feruzz
 BuDaK NaKaL MaLaYa
feruzz's display avatar
» Retired Moderator
› X-Mod
› Class-S
Location: Malaysia
Registered: 2007-02-18
Posts: 8262
Reputation: 134
???

Re: Customize Shout Out And Remove Eyesores.

apply in your CSS extension file...upload your css file in web hosting site....
here's the css link

Code:

<link rel=stylesheet type=text/css href=URL_OF_YOUR_CSS_FILE />
 

#48  2007-05-23 12:48:48

spider45
» FriendsterNewbie
Registered: 2007-04-25
Posts: 22
Last visit: 2007-09-03
Reputation: ~
Friendster

Re: Customize Shout Out And Remove Eyesores.

Can anyone teach me how to make a transparent shout box with the letter colored #07570B? 
:(  :(  any pls.... :crybaby:

-Offline-
 

#49  2007-05-27 12:03:15

Jealous
» FriendsterNewbie
Registered: 2007-05-24
Posts: 7
Last visit: 2007-10-10
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

uhhmm can i hav a request to anyone here? plz create a transparent shoutout w/white text pls...
thanks!

-Offline-
 

#50  2007-05-27 12:20:20

yeng29
 Ray Allan
yeng29's display avatar
» FriendsterAddict
› Go With the Flow!
Location: SouL Society!?!^^
Registered: 2007-04-28
Posts: 321
Last visit: 2008-07-04
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

Jealous wrote:

uhhmm can i hav a request to anyone here? plz create a transparent shoutout w/white text pls...
thanks!

here's the code
:arrow:

Code:

&&#x23;x3c;style&&#x23;x3e; .controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:; ; color: transparent; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px; repeat; text-align} &&#x23;x3c;/style&&#x23;x3e;
&&#x23;x3c;style&&#x23;x3e; .controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat } &&#x23;x3c;/style&&#x23;x3e;
&&#x23;x3c;style&&#x23;x3e; .controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 } &&#x23;x3c;/style&&#x23;x3e;

it's from kuya ephe!


im a Guy...Waahh.... Freaks!!:wallbash::wallbash::wallbash:

-Offline-
 

#51  2007-05-27 13:48:41

johnz_punksz21
 John Daniel Bernabe
johnz_punksz21's display avatar
» FriendsterGeek
› Im The 4th Kira..>.<
Location: TaCLoBaN
Registered: 2007-05-07
Posts: 1332
Last visit: 2008-08-26
Reputation: 2

Re: Customize Shout Out And Remove Eyesores.

can i request a blue text transparent shout box......can i also ask that it has a thundery effect thanksz^_^

-Offline-
 

#52  2007-05-28 04:41:19

Jealous
» FriendsterNewbie
Registered: 2007-05-24
Posts: 7
Last visit: 2007-10-10
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

where sould i paste dis code? coz it doesng work on css extension... help pls..

-Offline-
 

#53  2007-05-28 05:06:41

yeng29
 Ray Allan
yeng29's display avatar
» FriendsterAddict
› Go With the Flow!
Location: SouL Society!?!^^
Registered: 2007-04-28
Posts: 321
Last visit: 2008-07-04
Reputation: ~

Re: Customize Shout Out And Remove Eyesores.

Jealous wrote:

where sould i paste dis code? coz it doesng work on css extension... help pls..

put it in media section!


im a Guy...Waahh.... Freaks!!:wallbash::wallbash::wallbash:

-Offline-
 

#54  2007-05-28 13:48:07

mayfel_32
 marifel morales
mayfel_32's display avatar
» FriendsterTalker
› >sundae float!<x_O
Location: qc
Registered: 2007-05-10
Posts: 267
Last visit: 2009-01-04
Reputation: 1
Friendster

Re: Customize Shout Out And Remove Eyesores.

nice!!!

thanks for the code!! =)

-Offline-
 

#55  2007-06-03 00:23:37

MarGgie
 MarGgie
» FriendsterNewbie
Location: Philippines
Registered: 2007-06-02
Posts: 60
Last visit: 2008-11-20
Reputation: ~
???

Re: Customize Shout Out And Remove Eyesores.

What is the codes for making it transparent with this kind of font color #6633ff to be attach in my other uploaded css files? Thanks in advance...God bless everyone!!!

-Offline-
 

#56  2007-06-03 00:25:55

Ephemeral
 Unable To Fetch Data...
Ephemeral's display avatar
» Moderator
› L'Interdit
› Class-S
Location: Perdido Paraíso
Registered: 2006-10-20
Posts: 10492
Reputation: 315

Re: Customize Shout Out And Remove Eyesores.

.somsg { background-image:url('none') !important;  color:#HEX HERE ; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #HEX HERE !important; }

Replace HEX HERE with your Hex Color. The numbers only...

Last edited by Ephemeral (2007-06-03 00:26:37)

Please do not post direct copy and paste media box codes at our Tricks and Tutorials section. If you really insist... Au Revoir!
 

#57  2007-06-03 00:36:23

MarGgie
 MarGgie
» FriendsterNewbie
Location: Philippines
Registered: 2007-06-02
Posts: 60
Last visit: 2008-11-20
Reputation: ~
???

Re: Customize Shout Out And Remove Eyesores.

Thanks for the quick reply Ephe...Thanks also for sharing some of your secrets about making our friendster site beautiful and goes as well to others...Keep up the good work guys...more power and god bless!!!

I have a problem here with my codes for making it customized but didnt work at all...please help....these are the codes i used the first part was attached with my JS FILES and the 2nd with my CSS FILES....

Code:

function shoutoutcus(){
var ephemeral = "<div align='left'>Hi "+pageViewerFName+"How are you? Hope you'll enjoy my WORLD!!!" </div>";
document.getElementById('cpShoutoutBox').style.height='120';
document.getElementById('cpShoutoutBox').style.overflow='auto';
document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+ephemeral+"</td></tr></table>";

}setTimeout("shoutoutcus()",4000);

Code:

.somsg { background-image:url('none') !important;  color:#6633ff ; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #6633ff !important; }

Last edited by Ephemeral (2007-06-03 03:19:06)

-Offline-
 

#58  2007-06-03 03:21:30

Ephemeral
 Unable To Fetch Data...
Ephemeral's display avatar
» Moderator
› L'Interdit
› Class-S
Location: Perdido Paraíso
Registered: 2006-10-20
Posts: 10492
Reputation: 315

Re: Customize Shout Out And Remove Eyesores.

This kinda out of topic but anyway here's the idea.

You can edit the script by adding div style tags like this...

Code:

"<div style='background:url(???????) repeat fixed center;text-align:left;font-weight:bold; font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;'>Hi "+pageViewerFName+"How are you? Hope you'll enjoy my WORLD!!!" </div>";

Just apply CSS commands  :)

Also kindly avoid Double Posting ok?

:arrow: Post Edited  =)

Last edited by Ephemeral (2007-06-03 03:25:02)

Please do not post direct copy and paste media box codes at our Tricks and Tutorials section. If you really insist... Au Revoir!
 

#59  2007-06-03 03:30:46

MarGgie
 MarGgie
» FriendsterNewbie
Location: Philippines
Registered: 2007-06-02
Posts: 60
Last visit: 2008-11-20
Reputation: ~
???

Re: Customize Shout Out And Remove Eyesores.

Thanks a lot! I hope my customize shout out box will work already...I just loved your codes...its very cute....will this be fine?

Code:

function shoutoutcus(){
var ephemeral = "<div style='text-align:left;font-weight:bold; font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;'>Hi "+pageViewerFName+"How are you? Hope you'll enjoy my WORLD!!!" </div>";
document.getElementById('cpShoutoutBox').style.height='120';
document.getElementById('cpShoutoutBox').style.overflow='auto';
document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+ephemeral+"</td></tr></table>";

}setTimeout("shoutoutcus()",4000);

Last edited by Ephemeral (2007-06-03 07:42:56)

-Offline-
 

#60  2007-06-03 14:39:06

t0my
 tomy
t0my's display avatar
» FriendsterNewbie
Location: sg
Registered: 2007-06-03
Posts: 20
Last visit: 2009-01-07
Reputation: ~
Friendster

Re: Customize Shout Out And Remove Eyesores.

wow, its work..
thx a lot 4 the code.. :D

-Offline-
 

 

Pages: 1 2 3 4 5 … 17

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2009 PunBB

[ 8 queries - 0.051 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)