friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 10

 

#1  2008-09-07 02:49:28

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

change header to image [now with widget codes!]

there are many members that are asking for this
so here is a simple css code ..
it is for changing the headers into images...
just follow the instructions..

preview: no preview for now..
credits: me

#1
you need the images for the background of each header with text..
sample:


#2
how can you make images like that?
tip: I'm using Microsoft Office Powerpoint for image editing
^ that is my secret..

#3
now if you already have the images , upload them all at your image hosting account.

#4
then you need the code for that..
heres the complete codes
just edit the IMAGE URL

for apps/widgets

/*application*/
#widgetModule{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for controlpanel

/*control panel*/
#controlpanel_header{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for photos

/*photos*/
.photos h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for blogs

/*blogs*/
.blogs h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for reviews

/*reviews*/
.reviews h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for more about

/*more about*/
.moreabout h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for comments

/*comments*/
.publiccomments h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for media box

/*media box*/
.scrapbook h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for friends

/*friends*/
.friends h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for groups

/*groups*/
.groups h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}

for fan of

/*fan of*/
.fanof h2{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
}


for addboxes just use this:

addBox("RIGHT","<img src='URL OF IMAGE' border='0'></img>",code,"box1","15");

just edit it for other addboxes...
put it at the box's title part..

Last edited by mhedge (2008-09-15 10:54:13)
 

#2  2008-09-07 03:09:34

tamporarat13
» FriendsterNewbie
Registered: 2007-08-15
Posts: 6
Last visit: Yesterday
Reputation: ~

Re: change header to image [now with widget codes!]

wow!
its cool!=)

i've been waiting this code for a long tym..
all i see is for js only..

tnx!

keep up the good work!
:thumbsup:;)

-Offline-
 

#3  2008-09-07 03:12:23

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

^ thnxx for that bro..
i just made this because there are many questions about this..
 

#4  2008-09-07 03:17:15

jesselcris
» FriendsterNewbie
Registered: 2008-09-07
Posts: 1
Last visit: 2008-09-07
Reputation: ~

Re: change header to image [now with widget codes!]

:wow::kiss::rolleyes:hi,musta na u?naaalala ko lang ang crush ko

-Offline-
 

#5  2008-09-07 03:20:49

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

^ pls don't use tagalog here, this is an international forum.. =|
 

#6  2008-09-07 04:07:01

checkered02
 ○camille○
checkered02's display avatar
» FriendsterAddict
› i ♥ ulquiorra
› The Scandalers
Registered: 2008-04-11
Posts: 462
Last visit: Yesterday
Reputation: 55
Friendster

Re: change header to image [now with widget codes!]

oh i'm looking for this oh thanks!thank u...:D



click here to vote

click here to add me in friendster

-Offline-
 

#7  2008-09-07 04:11:15

mudpoet
 rick ryan medillo
mudpoet's display avatar
» FriendsterManiac
Location: in my dreams
Registered: 2008-01-22
Posts: 945
Last visit: 2009-01-06
Reputation: 11
Friendster

Re: change header to image [now with widget codes!]

thanks for sharing.. im using this right now...


click for mudpoet's layout

-Offline-
 

#8  2008-09-07 04:11:40

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

^ no problem your welcome =)
 

#9  2008-09-07 04:26:27

Lordheinz
 Heinz R.Fangonil
» Banned
› ^ trashed
Registered: 2007-06-26
Posts: 5178
Last visit: 2008-09-11
Reputation: 242

Re: change header to image [now with widget codes!]

Lot of ways in putting headers image..i guess this is the simpliest one..:thumbsup:

Thank you so much FRIENDSTERTALK...

-Offline-
 

#10  2008-09-07 04:34:49

roshwill
 my name is ROSH.
roshwill's display avatar
» FriendsterManiac
› a n t i e m o PHI
Location: Chris' Pants
Registered: 2008-05-17
Posts: 809
Last visit: Yesterday
Reputation: 19
Friendster

Re: change header to image [now with widget codes!]

thnkss to this mhedge. ive been planning to put an image background on my addbox header. thank you so much. :thumbsup:


E F E S

-Offline-
 

#11  2008-09-07 05:19:33

Dynasty-tweaker
 John Paul Briones
Dynasty-tweaker's display avatar
» FriendsterAgent
› ImPerfect™
› Friendstertalk University
Location: "+Hidden+"
Registered: 2008-04-07
Posts: 2326
Reputation: 136
Friendster

Re: change header to image [now with widget codes!]

suggestion:

make the codes like dis :thumbsdown:

.controlpanel h1{
background-color:#000000;
background-image: url(IMAGE URL);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:30px;
font-size:0px;
color: transparent;
}

the dots will be remove  :)

nice codes  :D

Last edited by Dynasty-tweaker (2008-09-07 05:39:35)
 

#12  2008-09-07 05:23:01

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

thnxx for response guys... and also LH =)
 

#13  2008-09-07 05:48:07

Rex90
» FriendsterNewbie
Registered: 2008-03-12
Posts: 18
Last visit: 2008-12-09
Reputation: -1

Re: change header to image [now with widget codes!]

where to paste the code???

-Offline-
 

#14  2008-09-07 05:50:55

suddendeath
 Adeq
suddendeath's display avatar
» FriendsterFreak
› Just Do It
› .White Protector.
Location: Malaysia
Registered: 2007-12-15
Posts: 1669
Reputation: 46

Re: change header to image [now with widget codes!]

Rex90 wrote:

where to paste the code???

at ur css extension...
 

#15  2008-09-07 06:16:01

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

Dynasty-tweaker wrote:

suggestion:

make the codes like dis :thumbsdown:

    .controlpanel h1{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    color: transparent;
    }

the dots will be remove  :)

nice codes  :D

you don't need to change the color..
it is already 0px =)
 

#16  2008-09-07 06:37:04

jhayzzee
 ™ earljhayzzee ™
jhayzzee's display avatar
» FriendsterAddict
› ™ MUSIC is my LIFE ™
Location: cavite, phil.
Registered: 2008-05-02
Posts: 313
Last visit: 2008-12-10
Reputation: 6

Re: change header to image [now with widget codes!]

nice one! :thumbsup:

gotta try it.. =)



-Offline-
 

#17  2008-09-07 06:43:50

pinkloveriza01
 Luiza
pinkloveriza01's display avatar
» FriendsterManiac
› Merry Christmas! =x
› .Fashionista.
Registered: 2008-03-06
Posts: 693
Reputation: 64

Re: change header to image [now with widget codes!]

cool.. :wow:
nice one. :thumbsup:


Pls. Visit My Blog-->~SweetBlog~

/!\ Sorry for being INACTIVE
 

#18  2008-09-07 07:19:48

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

^ thnxx for that guys..
 

#19  2008-09-07 07:20:02

amirulzz
 Noor Amirul Aizat
amirulzz's display avatar
» FriendsterTalker
Location: sabah
Registered: 2008-09-01
Posts: 208
Last visit: 2008-12-26
Reputation: 9
Friendster

Re: change header to image [now with widget codes!]

nice code.....:thumbsup:
thanx 4 sharing...

-Offline-
 

#20  2008-09-07 07:23:22

mhedge
 mhedge catalan
mhedge's display avatar
» FriendsterElite
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4318
Reputation: 194
Friendster

Re: change header to image [now with widget codes!]

^ no prob your welcome =)
 

 

Pages: 1 2 3 … 10

Search Friendstertalk

Board footer

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

[ 8 queries - 0.303 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. =)