The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Split : Color changer

+17
ryo aokawa
BlackDJ
Reflections7
Jeremjay24
Kryptonian
darkspectre
[EH]agentx44
Behaviour???
roboboy
Jophy
KingOfSports
Feli
Nik
MrMega
Yakko!
mcoy
Dumbledore27
21 posters

Page 1 of 2 1, 2  Next

Go down

Split : Color changer Empty Split : Color changer

Post by Dumbledore27 August 10th 2010, 9:31 am

Very useful! Smile

I already wondered how to make that code Razz

Thank you for this. Wink
avatar
Dumbledore27
Forumember

Male Posts : 632
Reputation : -3
Language : Online
Location : Error 403 - You do not have the permission to view this item's value

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by mcoy August 10th 2010, 10:31 am

nice one!
mcoy
mcoy
Forumember

Posts : 132
Reputation : -3
Language : tagalog

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Yakko! August 10th 2010, 1:39 pm

Nice...
well done
Yakko!
Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by MrMega August 10th 2010, 1:40 pm

Very nice tutorial Very Happy
MrMega
MrMega
Forumember

Male Posts : 981
Reputation : 11
Language : English, Polish, HTML, BBCode
Location : New York, United States

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Nik August 10th 2010, 3:14 pm

Yeah, very useful. Thanks.
Nik
Nik
Forumember

Posts : 39
Reputation : 1
Language : English

View user profile http://epicpromotion.forum.com.bz/forum.htm

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Feli August 10th 2010, 8:16 pm

For what?
Feli
Feli
Forumember

Male Posts : 84
Reputation : 0
Language : Polish
Location : Polska

View user profile http://anrevosprites.forumpl.net

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by KingOfSports August 11th 2010, 3:22 am

Dumbledore27 wrote:Very useful! Smile

I already wondered how to make that code Razz

Thank you for this. Wink

mcoy wrote:nice one!

Spacca wrote:Nice...
well done

MrMega wrote:Very nice tutorial Very Happy

Nik wrote:Yeah, very useful. Thanks.


Thanks for the compliments. I'm glad you guys like it!
KingOfSports
KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Jophy August 11th 2010, 4:10 am

Nice tutorial Wink
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by roboboy August 11th 2010, 7:46 am

i like it
roboboy
roboboy
Forumember

Male Posts : 47
Reputation : -1
Language : english

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Behaviour??? August 11th 2010, 10:23 am

Is there a way we can change the bagraound of the forum with this code? If yes, where do I place it?
avatar
Behaviour???
Forumember

Posts : 293
Reputation : 0
Language : English

View user profile http://dungeons.forumotion.com/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by [EH]agentx44 August 11th 2010, 10:30 am

i think in the theme
avatar
[EH]agentx44
Forumember

Posts : 58
Reputation : 0
Language : English

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by KingOfSports August 11th 2010, 4:37 pm

zoids25 wrote:Nice tutorial Wink
Thanks boss.

roboboy wrote:i like it

Thanks a lot roboboy.
KingOfSports
KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by darkspectre August 11th 2010, 5:15 pm

Hi, you messed up a little bit the code.

It should be:
Code:
<a href="#" onmouseover="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>

or with onclick function:
Code:
<a href="#" onclick="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>

It wasn't working whith onclick because you set the href=""
You can set href="#" to stay on same page after you clicked the link.

Another thing you can do when you use onclick function is to give the link an id and set the href to go to that id:
Code:
<a id="color_changer" href="#color_changer" onclick="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>
Now when you click the link you will be sent to the place where the "color changer" is.
darkspectre
darkspectre
Forumember

Male Posts : 160
Reputation : 2
Language : Romanian
Location : Romania

View user profile http://www.fg-coding.net

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by darkspectre August 11th 2010, 5:17 pm

darkspectre14 wrote:Hi, you messed up a little bit the code.

It should be:
Code:
<a href="#" onmouseover="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>

or with onclick function:
Code:
<a href="#" onclick="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>

It wasn't working with onclick because you set the href=""
You can set href="#" to stay on same page after you clicked the link(you will be sent on the top of the page).

Another thing you can do when you use onclick function is to give the link an id and set the href to go to that id:
Code:
<a id="color_changer" href="#color_changer" onclick="document.bgColor='#2B60DE'"><img src="IMG_LINK" /></a>
Now when you click the link you will be sent to the place where the "color changer" is.
darkspectre
darkspectre
Forumember

Male Posts : 160
Reputation : 2
Language : Romanian
Location : Romania

View user profile http://www.fg-coding.net

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Kryptonian August 12th 2010, 2:23 am

Well... For those of you who like simple codes, then this is for you:
Code:
<img onMouseOver="document.bgColor='red'" src="http://i191.photobucket.com/albums/z301/lastfmbadges/black.png"></img>
Characters: 117


Code:
<a href="" onmouseover="document.bgColor='#2B60DE'"<img src="http://i191.photobucket.com/albums/z301/lastfmbadges/black.png" />
Characters: 127


True, thats only 10 characters trimmed off the original code, but its also valid HTML 4.01 Strict, and will prevent any issues with earlier made browsers.
avatar
Kryptonian
New Member

Male Posts : 18
Reputation : 0
Language : English, HTML, CSS, JavaScript, PHP, MySQL
Location : United States

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Kryptonian August 12th 2010, 2:25 am

EDIT:
Code 1:
Code:
<img onMouseOver="document.bgColor='#2B60DE';" src="http://i191.photobucket.com/albums/z301/lastfmbadges/black.png"></img>
Characters: 122
avatar
Kryptonian
New Member

Male Posts : 18
Reputation : 0
Language : English, HTML, CSS, JavaScript, PHP, MySQL
Location : United States

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by darkspectre August 12th 2010, 10:50 am

Sorry for 2 post, i didn't know that we can't edit posts here(I accidentally clicked on quote).

Kryptonian: Image tag don't require to be closed.
I used a link to get automatic the hand cursor
Code:
<img style="cursor: pointer;" onMouseOver="document.bgColor='#2B60DE';" src="http://i191.photobucket.com/albums/z301/lastfmbadges/black.png"/>
With onclick function:
Code:
<img style="cursor: pointer;" onclick="document.bgColor='#2B60DE';" src="http://i191.photobucket.com/albums/z301/lastfmbadges/black.png"/>

darkspectre
darkspectre
Forumember

Male Posts : 160
Reputation : 2
Language : Romanian
Location : Romania

View user profile http://www.fg-coding.net

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Jeremjay24 August 12th 2010, 7:28 pm

Seems useful. I may use it in the future.
Jeremjay24
Jeremjay24
Forumember

Posts : 155
Reputation : 0
Language : English

View user profile http://penguinwaddle.forumotion.com/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Reflections7 August 14th 2010, 9:38 pm

nice and useful it seems ....... thanx Smile
avatar
Reflections7
New Member

Female Posts : 10
Reputation : 0
Language : English

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by BlackDJ August 16th 2010, 4:16 pm

how i can create this theme ??
BlackDJ
BlackDJ
Forumember

Male Posts : 70
Reputation : 0
Language : Malay

View user profile http://warez-malaysia.help-out.net/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Guest August 16th 2010, 6:57 pm

thx for this tutorial Hello
avatar
Guest
Guest


Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by BlackDJ August 17th 2010, 9:15 pm

how i can input the background images ??

Thanks Advance
BlackDJ
BlackDJ
Forumember

Male Posts : 70
Reputation : 0
Language : Malay

View user profile http://warez-malaysia.help-out.net/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by KingOfSports August 17th 2010, 11:41 pm

BlackDJ wrote:how i can input the background images ??

Thanks Advance

Code:
<a href="" onmouseover="document.bgColor='COLOR YOU WANT'"<img src="URL TO IMAGE" />
KingOfSports
KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by ryo aokawa August 18th 2010, 8:35 pm

it does not work can so one do it step by step for me like
ryo aokawa
ryo aokawa
Forumember

Male Posts : 284
Reputation : 0
Language : english

View user profile http://naruto1rpg.all-up.com/index.htm

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by Emma8432 August 19th 2010, 8:00 pm

That's really cool. Very Happy
Emma8432
Emma8432
Forumember

Female Posts : 219
Reputation : 11
Language : Meep
Location : Neptune

View user profile http://warriorcatsworld.forumotion.com

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by adj1993 August 22nd 2010, 4:51 am

Cooooool Very Happy
adj1993
adj1993
New Member

Male Posts : 9
Reputation : 0
Language : English
Location : India

View user profile http://pc2mobile.heavenforum.com/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by KingOfSports August 22nd 2010, 8:14 am

Emma8432 wrote:That's really cool. Very Happy

adj1993 wrote:Cooooool Very Happy

Thanks. Glad you guys like it.
KingOfSports
KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by verrell123 August 28th 2010, 3:41 am

Hey KingOfSports it's great! but i can't use on my forum?
verrell123
verrell123
Forumember

Male Posts : 86
Reputation : 5
Language : Indonesia, English
Location : Indonesia

View user profile http://forum.freshartz.co.cc/

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by KingOfSports August 28th 2010, 5:42 am

Of course you can use it on your forum...that's what this thread is for.
KingOfSports
KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

View user profile

Back to top Go down

Split : Color changer Empty Re: Split : Color changer

Post by verrell123 August 28th 2010, 6:32 am

okay, now i can use it thank you so much kingofsports
verrell123
verrell123
Forumember

Male Posts : 86
Reputation : 5
Language : Indonesia, English
Location : Indonesia

View user profile http://forum.freshartz.co.cc/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum