7166137's blog: "HTML - or How to make your text cool in comments"

created on 10/04/2014 | http://fubar.com/html-or-how-to-make-your-text-cool-in-comments/b360230 | 8 followers

posted on 11/21/2016&nbs-08:00;@&nbs-08:00;05:11&nbs-08:00;pm

Picking apart actual HTML to see how to make your own.
http://fubar.com/picking-apart-actual-html-to-see-how-to-make-your-own/b360230-1311943

I'm going to make an attempt to write something that people may be able to use to learn how to write html code. In this example, I will use an actual banner I made recently and pic into each element I used. This isn't by far everything you can do with coding, but it may work for some.

This is the exact code I used when I added it to my setting "About Me" tab:

<center>Saturday, November 26</center><marquee direction="left"><a href="http://fubar.com/6640827" target=_blank">Sweet Sassy Syleigh</a></marquee><marquee direction="right">is going for</marquee><center>2,500 Likes!!! while we're at it Let's make it3,000 </center><center><a href="http://fubar.com/6640827" target="_blank"><img src="http://b.pcc3.fubar.com/72/80/6640827/1727301329.jpg"></a>Click <a href="http://fubar.com/sweet-sassy-sleigh/b360876-1311942" target="_blank">HERE </a> for code.Send a friend!</center>

Let's pick this out one line at a time:

<center>Saturday, November 26</center><marquee direction="left">

<center> means that everything after that and before </center> will be centered in the block.

All text following this and before will be a ligher shade of grey. Note that when each pair of numbers, hexidecimal, are equal, then it's one of the 256 shades between pure black 000000 and pure white FFFFF. 010101 would be the darkest shade and FEFEFE would be the lightest shade of pure grey before white.

ends this font feature and returns it to default.

</center>ends centering. The next items would be left justified.

<marquee direction="left">Everything following this will scroll toward the left until </marquee> comes.

Red is the same as FF0000. One of 140 named colors.

face="Old English Text MT" you have to specify the exact title including spaces, which is why they are in quotes. Like other font tags, this stays in effect until the

<a href="http://fubar.com/6640827" target=_blank">Sweet Sassy Syleigh</a></marquee>

<a href="http://fubar.com/6640827" the letter "a" stands for "Anchor". HREF stands for HyperReference, the technical term for a "Clickable Link". The full address must be in quotes. You can see that this is a fubarprofile link.

target="_blank"> indicates that this will open a new tab

Sweet Sassy Sleigh is the text that will scroll to the left in the Old English Font, and be size 7.

</a> ends what is a clickable link

ends the Old English Size 7 Red text

</marquee> ends the scrolling text.

<marquee direction="right">is going for</marquee>

<marquee direction="right> Indicates everything will scroll toward he right until the </marquee

<font color="white" indicates pure white or FFFFFF and size="4" indicates it's larger than normal, but not really that big.

ends this, and </marquee> ends the scrolling.

<center>2,500 Likes!!!

Centered, color blue, large size 9 and the font face Lucida Calligraphy. ends this. Starts a new paragraph. This stays in effect until the appears

The next font is small and another type face.

while we're at it Let's make it

Note the appears with no text. This is a placeholder I created in case I want to add more text to this, maybe to describe it in greater detail.

ends that paragraph and starts a new one. You don't have to include a carraige return this way. One more font tag with text with an end and another paragraph ending

3,000

More of the font combinations.

</center><center>

Even more font combinations.

<a href=" is another hyperlink that opens in a new tab.

<img src="xxxxxxxxxxxxxxxxxxx.jpg" this is adding an image. You must specify the actual link to the image, not the webpage the image appears. This makes a clickable image with no text involved. </a> ends the hyperlink.

Click <a href="http://fubar.com/sweet-sassy-sleigh/b360876-1311942" target="_blank">HERE </a> for code.Send a friend!</center>

Start a paragraph. ends the link. ends the paragraph, and </center> ends all centering.

Report as NSFW [?]

26 views 0 comments view comments