Message 364 of 2660

Change Font color, add images and more!

I decided to put all these tricks together and make it a sticky message. Here are a few html tricks you can use on your Profile and in your Posts here on Eons. Just look in the first reply. Did I miss anything?
RobGrant's profile

This message has been closed to further replies by an administrator

Replies 1 - 10 of 75
1 2 3 ... 8 Next »
You can underline, bold, Italicize and highlight text with these codes, even Strike through!

You can <U>underline</U>, <B>bold</B>, <I>Italicize</I> and <span style="background-color: rgb(255, 255, 153); font-weight: bold;">highlight</span> text with these codes, even <S>Strike through!</S>

You can change the font color to Red or Blue and so on. Here’s the code.

You can change the font color to <font color=red>Red</font> or <font color=blue>Blue</font> and so on.

To use the thousands of possible font colors you will have to use this code

This code will make your text look any color <span style=color:red><span style="color:#44ccbb;"></span>This code will make your text look any color<span style=color:red></span></span>

Here’s a web site with 4096 colors!

view link

Here’s a link to an easy to use 216 color palette. Just click on the color you want and the code # will appear to the right.

view link This will make your print larger. <font size= +2>This will make your print larger.</font>

You can change the value to any # and go smaller too.

This will make your print smaller. <font size= -2>This will make your print smaller.</font> Use the marquee function to move text

Or images



Here’s the code

<marquee behavior ="scroll"> Use the marquee function to move text
</marquee>

Or images

<marquee behavior ="scroll"><img src="http://www.geocities.com/bobgrout/ hike.gif"></marquee>

The images here are hosted on my web site so just get your image web address and paste it between the “” signs.

You can also get the object to go back and forth

Just change the word “scroll” to “alternate” in the code
Finally, you can change the background color of your post with a Table code


Here’s the code

<table border=0 cellpadding=5 bgcolor=#CC9966 width=100%><TR><TD> <font color=#0000FF>Finally, you can change the background color of your post with a Table code</font> </A></td></tr></table></center></tr></table>
RobGrant's profile

over 2 years ago
Wow! Thanks Rob!
BlessedBGod's profile

over 2 years ago
Yes, thanks for making this a "sticky".
chatcat's profile

over 2 years ago
Have to try this one again, seems to be a formatting problem

To use the thousands of possible font colors you will have to use this code

This code will make your text look any color <span style="color:#44ccbb;">This code will make your text look any color</span>
RobGrant's profile

over 2 years ago
This is delightful. I have a few sites with html help, or css help, but this is very complete, please leave it forever!

BTW, thought that for posting anything on my Eons profile, html was out and css was in...so, where do I post the html to change colors, set up a marquee, etc.??

over 2 years ago
Nice...More toys to play with...
tacomaboy's profile

over 2 years ago
Verbalista, I haven’t had any problems adding it to “Interests and Activities”, click on my Avatar and see a couple things I’ve done.
RobGrant's profile

over 2 years ago
There is a section on my Profile page that is highlighted in white. I don't know how it happened, but it has been there for a long time. Even when I change skins, this one section of highlighted text continues to show up.

I am pretty technically challenged, so I have no idea where to start to fix this problem. I would greatly appreciate any help you can give me. Thanks for any help.
Redpattikake's profile

over 2 years ago
Here are some more html codes you can add to your messages or Profile.

Place your curser over the picture to see text

<span title="Place your text here"><b><img src="http://i605.photobucket.com/albums/ tt134/robertgrout/globe.gif"> </b></span>

Multi-colored border, you can change the color and width of each side

Here is my text.
<div style="border-top: 20px solid red; border-bottom: 20px solid yellow; border-left: 20px solid blue; border-right: 20px solid green;"><blockquote>Here is my text.</blockquote></div>

Same thing but this allows you to reverse the ‘marquee’ scroll from left to right. Note that you can add text or an image.

<center><br /><br /> <div style="width:260-px; border: 8px dotted blue;"> <marquee scroll="" amount="2" height="150px;" behavior="alternate" direction="up"> <marquee direction="right"><img src="http://i605.photobucket.com/albums/ tt134/robertgrout/butterfly.gif"></marquee><br /></marquee></div> <br /><br /> </center>

Here is a ‘banner’ with a small background image that’s ‘Tiled’ and large text

Place text here
<center><br /><div style="width:480px; border: 10px double; border-color: blue; background-image: url(http://www.geocities.com/bobgrout/ blinkingstars.gif);"><br /><div style="text-align: center; font-weight: bold; font-style:italic;"><big><big><big><big><span style="color: white;">Place text here
</span></big></big></big></big></div><br /></div><br /></center>

Same thing but with a regular size photo and an image in a marquee script.

<center> <div style="width:480px; height:400px; border: 10px single; border-color: blue; background-image: url(http://i605.photobucket.com/albums/ tt134/robertgrout/stone3.jpg);"> <marquee behavior="alternate"><img src="http://i605.photobucket.com/albums/ tt134/robertgrout/ufo.gif" height="100" width="100"></marquee> </div> </center>

Finally, this code allows you to scroll up or down with text or image

Text

can go

here.

<center><marquee height="200" direction="up" scrollamount="4" style="filter:progid:DXImageTransform. Microsoft.Gradient
(startColorstr=#a80000,endColorstr=# 8080c0,gradientType=0,
enabled=true)" width="30%">
<font face="Copperplate Gothic Bold" size="4" color="#CC33CC"> Text

<BR>can go

<BR>here.

<img src="http://i605.photobucket.com/albums/ tt134/robertgrout/baloon.gif"> </font></marquee></center> </center>
RobGrant's profile

over 2 years ago
Thanks Rob, I so enjoy comming in here and u teaching us this. I LOVE it...
I am in quite a few groups, and I 2 was challenged but the more I do the better I am.
thanks again 4 sharing your knowledge

Roxy
chevyjr's profile

over 2 years ago
Replies 1 - 10 of 75
1 2 3 ... 8 Next »

Eons Picks

Visit Eons-Only Specials
For a limited time, get FREE SmartSound Earbuds on purchases of $100+! Use the code “EONSBUDS” at checkout.

Eons Rewards Club
Great shopping deals & savings for Eons Members!

Save on Eons Games
Eons Downloadable Games. Now just $6.99!

Read Member Blogs
Eons has great blogs—read the latest from members or start yours!