friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 5

Friendster Tricks and Tutorials
» -+Image in Control Panel Buttons+-

#1 2007-05-23 12:39:58

_+katrina+_: ^_+Paw+_; » FriendsterGeek; › *busy-kuno*; › Laymakers Society; Location: ~*Novaliches,PH*~; Registered: 2006-10-23; Posts: 1302; Last visit: 2008-11-02; Reputation: 23; Friendster

-+Image in Control Panel Buttons+-

Wanna have a Control Panel Button like this?
++++++++++++++++++++++++++

++++++++++++++++++++++++++
Here's the code

Code:

#controlPanelButtons {
  width:100px;
  margin-top:20px;
  background:url(URL OF IMAGE HERE)
}

Change "URL OF IMAGE HERE" of your desired image's url

Save as CSS EXTENTION! ^_^

tutorial for saving CSS EXTENTION is HERE

Last edited by _+katrina+_ (2007-05-23 14:28:58)

^{this is what i looked like when i was only 14! That's 4 years ago... ^___^}

-Offline-

#2 2007-05-23 13:54:46

o4mitch: ^mitch; » FriendsterNewbie; Location: valenzuela; Registered: 2007-05-23; Posts: 4; Last visit: 2007-05-24; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

-Offline-

#3 2007-05-23 13:58:00

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

Re: -+Image in Control Panel Buttons+-

o4mitch wrote:

plz read the rules....
here
RULES

@on topic...
nice trick... keep it up!

Last edited by yeng29 (2007-05-23 13:58:53)

im a Guy...Waahh.... Freaks!!

-Offline-

#4 2007-05-23 14:40:17

feruzz: ^{BuDaK NaKaL MaLaYa}; » Retired Moderator; › X-Mod; › Class-S; Location: Malaysia; Registered: 2007-02-18; Posts: 8262; Reputation: 134; ???

Re: -+Image in Control Panel Buttons+-

o4mitch wrote:

kindly avoid spam
thx 4 sharing

#5 2007-05-23 14:52:09

kunero: ^alfer; » FriendsterTalker; Location: kanagawa japan; Registered: 2006-12-19; Posts: 104; Last visit: 2007-06-23; Reputation: 1; Friendster

Re: -+Image in Control Panel Buttons+-

nice one gurl!!!!
thanx

A mInd IS a TerRiBle tHinG tO WaStE!!!

-Offline-

#6 2007-05-23 15:42:03

_+katrina+_: ^_+Paw+_; » FriendsterGeek; › *busy-kuno*; › Laymakers Society; Location: ~*Novaliches,PH*~; Registered: 2006-10-23; Posts: 1302; Last visit: 2008-11-02; Reputation: 23; Friendster

Re: -+Image in Control Panel Buttons+-

^ hihi... i got it with a guess.. and some "trial-and-error"

^{this is what i looked like when i was only 14! That's 4 years ago... ^___^}

-Offline-

#7 2007-05-24 03:18:15

jC>>aNgeL oF dArKnESs<<Cj: ^jC-jobi; » FriendsterNewbie; › im careless!!; Location: Caloocan city..phil.; Registered: 2007-05-17; Posts: 41; Last visit: 2007-11-06; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

nice code..tnx for sharing..

-Offline-

#8 2007-05-26 13:14:44

_+katrina+_: ^_+Paw+_; » FriendsterGeek; › *busy-kuno*; › Laymakers Society; Location: ~*Novaliches,PH*~; Registered: 2006-10-23; Posts: 1302; Last visit: 2008-11-02; Reputation: 23; Friendster

Re: -+Image in Control Panel Buttons+-

hehehe tnx... it's just a simple code actually.. !!

^{this is what i looked like when i was only 14! That's 4 years ago... ^___^}

-Offline-

#9 2007-05-29 08:08:16

pia498: ^pia; » FriendsterNewbie; Location: Metro Manila, Philippines; Registered: 2007-05-16; Posts: 16; Last visit: 2007-06-28; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

tnx 4 d code.. but i want to align it in 2 columns like before... how can i do that? do u know a code 4 dat? tnx!

-Offline-

#10 2007-05-29 08:47:26

LiLemO: ^Jeff; » FriendsterNewbie; › i am who am. ..; Location: Philippines; Registered: 2007-05-10; Posts: 87; Last visit: 2008-12-31; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

pia498 wrote:
tnx 4 d code.. but i want to align it in 2 columns like before... how can i do that? do u know a code 4 dat? tnx!

go here http://friendstertalk.com/t4020-Image-C…ttons.html

-Offline-

#11 2007-05-30 07:39:14

pia498: ^pia; » FriendsterNewbie; Location: Metro Manila, Philippines; Registered: 2007-05-16; Posts: 16; Last visit: 2007-06-28; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

LiLemO wrote:
pia498 wrote:
tnx 4 d code.. but i want to align it in 2 columns like before... how can i do that? do u know a code 4 dat? tnx!
go here http://friendstertalk.com/t4020-Image-C…ttons.html

thank you! niceone.. ^^

-Offline-

#12 2007-05-30 08:11:05

LiLemO: ^Jeff; » FriendsterNewbie; › i am who am. ..; Location: Philippines; Registered: 2007-05-10; Posts: 87; Last visit: 2008-12-31; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

pia498 wrote:
LiLemO wrote:
pia498 wrote:
tnx 4 d code.. but i want to align it in 2 columns like before... how can i do that? do u know a code 4 dat? tnx!
go here http://friendstertalk.com/t4020-Image-C…ttons.html
thank you! niceone.. ^^

uR welcome... Just Sharing heheh

-Offline-

#13 2007-06-03 00:56:24

melancholic: ^eizel; » FriendsterAddict; › M.Y.O.B - B.M.A.; Location: 'sunshine' state; Registered: 2007-05-27; Posts: 493; Last visit: 2008-01-12; Reputation: 4; Friendster

Re: -+Image in Control Panel Buttons+-

nice one!! thanks for sharing!!

click my siggy to view my bloggy ..

-Offline-

#14 2007-06-03 04:09:19

lester_cabilla: ^{angel lester}; » FriendsterAddict; › CHRISTIANS!(Christ on us); Location: ... tabinG dagAt!!; Registered: 2007-05-05; Posts: 343; Last visit: 2008-12-15; Reputation: 2; Friendster

Re: -+Image in Control Panel Buttons+-

how to make it transparent????

-Offline-

#15 2007-06-03 19:55:19

franz_chq: ^{~♥~pRetTylicioUs~♥~}; » FriendsterNewbie; › >>noOrdinaRygurL<<; Location: marikina; Registered: 2007-06-01; Posts: 71; Last visit: 2008-04-13; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

tnx for diz one!!. you're great!

-Offline-

#16 2007-06-18 09:38:14

cip6192: ^Ciprian; » Promoter; › [ Plaifer Cipher ]; › Class-S; Location: Nagareyama, Chiba; Registered: 2007-05-13; Posts: 1553; Last visit: 2008-08-06; Reputation: 7; Friendster

Re: -+Image in Control Panel Buttons+-

hey i just want to add a 3d button about this thread i just gonna change it with a hover effect and 3d button too

this is the button with no hover

this is the button at hover

and this is the code

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 7pt; text-decoration:none;
color: #000000;
background-color: transparent; background-image:url(http://img148.imageshack.us/img148/6567/button2ep0.gif); background-position:center center; background-attachment:fixed; background-repeat:no-repeat;
border-color: transparent; border-style:none; border-width:0px;
}
#controlPanelButtons a:hover {
font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 7pt; text-decoration:none;
color: #000000;
background-color: transparent; background-image:url(http://img108.imageshack.us/img108/9742/buttonwa8.gif); background-position:center center; background-attachment:fixed; background-repeat:no-repeat; border-color: transparent; border-style:none; border-width:0px;
}

put it in your css file extension
http://friendstertalk.com/t1879-save-ex…te....html

Last edited by cip6192 (2007-06-18 09:41:07)

-Offline-

#17 2007-06-18 12:50:47

Chiny.12: ^{ARGENiNE. :*}; » FriendsterFreak; › wth?; › The Scandalers; Location: another planet.; Registered: 2007-06-04; Posts: 1757; Last visit: Today; Reputation: 59; Friendster

Re: -+Image in Control Panel Buttons+-

nice tnxz for sharing

toinksss.

-Offline-

#18 2007-06-18 16:09:56

wilycoyote: ^WiLL; » FriendsterTalker; Location: QueZoN CiTY; Registered: 2007-05-16; Posts: 118; Last visit: 2008-11-21; Reputation: ~; Friendster

Re: -+Image in Control Panel Buttons+-

can we put diff images on each control panel buttons?

-Offline-

#19 2007-06-19 09:49:47

valjesnet: ^Jennette; » FriendsterAddict; Location: Makati; Registered: 2007-05-23; Posts: 417; Last visit: 2008-08-24; Reputation: 1

Re: -+Image in Control Panel Buttons+-

_+katrina+_ wrote:
Wanna have a Control Panel Button like this?
++++++++++++++++++++++++++
http://images.tabulas.com/102720/l/Bj03.JPG
++++++++++++++++++++++++++
Here's the code
Code:
#controlPanelButtons {
  width:100px;
  margin-top:20px;
  background:url(URL OF IMAGE HERE)
}
Change "URL OF IMAGE HERE" of your desired image's url

Save as CSS EXTENTION! ^_^

tutorial for saving CSS EXTENTION is HERE

pano un. ive tried the other codes but it's not working eh

-Offline-

#20 2007-06-23 12:00:49

_+katrina+_: ^_+Paw+_; » FriendsterGeek; › *busy-kuno*; › Laymakers Society; Location: ~*Novaliches,PH*~; Registered: 2006-10-23; Posts: 1302; Last visit: 2008-11-02; Reputation: 23; Friendster

Re: -+Image in Control Panel Buttons+-

valjesnet wrote:
pano un. ive tried the other codes but it's not working eh

it's still working... try it...

^{this is what i looked like when i was only 14! That's 4 years ago... ^___^}

-Offline-

Pages: 1 2 3 … 5

Friendster Tricks and Tutorials
» -+Image in Control Panel Buttons+-

Search Friendstertalk

Moderated by Ephemeral, Shirow Masamune, andHa, blurrycloud, dale, ducheszv, portuniecho

Board footer

[ 11 queries - 0.060 second ]

Pay Per Click Ads by

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. =)