The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Split : Color changer

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Split : Color changer

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

Very useful! Smile

I already wondered how to make that code Razz

Thank you for this. Wink

Dumbledore27
Forumember

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

Back to top Go down

Re: Split : Color changer

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

nice one!

mcoy
Forumember

Posts : 132
Reputation : -3
Language : tagalog

Back to top Go down

Re: Split : Color changer

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

Nice...
well done

Yakko!
Forumember

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

Back to top Go down

Re: Split : Color changer

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

Very nice tutorial Very Happy

MrMega
Forumember

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

Back to top Go down

Re: Split : Color changer

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

Yeah, very useful. Thanks.

Nik
Forumember

Posts : 39
Reputation : 1
Language : English

http://epicpromotion.forum.com.bz/forum.htm

Back to top Go down

Re: Split : Color changer

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

For what?

Feli
Forumember

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

http://anrevosprites.forumpl.net

Back to top Go down

Re: Split : Color changer

Post by KingOfSports on 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
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

Back to top Go down

Re: Split : Color changer

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

Nice tutorial Wink

Jophy
ForumGuru

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

Back to top Go down

Re: Split : Color changer

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

i like it

roboboy
Forumember

Male Posts : 47
Reputation : -1
Language : english

Back to top Go down

Re: Split : Color changer

Post by Behaviour??? on 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?

Behaviour???
Forumember

Posts : 293
Reputation : 0
Language : English

http://dungeons.forumotion.com/

Back to top Go down

Re: Split : Color changer

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

i think in the theme

[EH]agentx44
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Re: Split : Color changer

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

zoids25 wrote:Nice tutorial Wink
Thanks boss.

@roboboy wrote:i like it

Thanks a lot roboboy.

KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

Back to top Go down

Re: Split : Color changer

Post by darkspectre on 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
Forumember

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

http://www.fg-coding.net

Back to top Go down

Re: Split : Color changer

Post by darkspectre on 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
Forumember

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

http://www.fg-coding.net

Back to top Go down

Re: Split : Color changer

Post by Kryptonian on 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.

Kryptonian
New Member

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

Back to top Go down

Re: Split : Color changer

Post by Kryptonian on 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

Kryptonian
New Member

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

Back to top Go down

Re: Split : Color changer

Post by darkspectre on 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
Forumember

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

http://www.fg-coding.net

Back to top Go down

Re: Split : Color changer

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

Seems useful. I may use it in the future.

Jeremjay24
Forumember

Posts : 155
Reputation : 0
Language : English

http://penguinwaddle.forumotion.com/

Back to top Go down

Re: Split : Color changer

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

nice and useful it seems ....... thanx Smile

Reflections7
New Member

Female Posts : 10
Reputation : 0
Language : English

Back to top Go down

Re: Split : Color changer

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

how i can create this theme ??

BlackDJ
Forumember

Male Posts : 70
Reputation : 0
Language : Malay

http://warez-malaysia.help-out.net/

Back to top Go down

Re: Split : Color changer

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

thx for this tutorial Hello

Guest
Guest


Back to top Go down

Re: Split : Color changer

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

how i can input the background images ??

Thanks Advance

BlackDJ
Forumember

Male Posts : 70
Reputation : 0
Language : Malay

http://warez-malaysia.help-out.net/

Back to top Go down

Re: Split : Color changer

Post by KingOfSports on 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
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

Back to top Go down

Re: Split : Color changer

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

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

ryo aokawa
Forumember

Male Posts : 284
Reputation : 0
Language : english

http://naruto1rpg.all-up.com/index.htm

Back to top Go down

Re: Split : Color changer

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

That's really cool. Very Happy

Emma8432
Forumember

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

http://warriorcatsworld.forumotion.com

Back to top Go down

Re: Split : Color changer

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

Cooooool Very Happy

adj1993
New Member

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

http://pc2mobile.heavenforum.com/

Back to top Go down

Re: Split : Color changer

Post by KingOfSports on 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
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

Back to top Go down

Re: Split : Color changer

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

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

verrell123
Forumember

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

http://forum.freshartz.co.cc/

Back to top Go down

Re: Split : Color changer

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

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

KingOfSports
Hyperactive

Male Posts : 2487
Reputation : 38
Language :
Location :

Back to top Go down

Re: Split : Color changer

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

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

verrell123
Forumember

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

http://forum.freshartz.co.cc/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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