|
END.
Showing posts with label style. Show all posts
Showing posts with label style. Show all posts
Sunday, November 04, 2007
Where Is "Style" In New Blogger?
END.
Tuesday, March 27, 2007
Font Tags As Style Statement
W3C says: The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.
Even if a lot of people are using it, you should try to avoid it, and use styles instead.
Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:
<p style="font-family:Times New Roman;font-size:130%;color:green">
ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)
That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add
#fs1 {font-family:Times New Roman;font-size:130%;color:green; }
to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.
Reference to the #fs1 is placed in the post thus:
<div style id=fs1> text </div>
Even if a lot of people are using it, you should try to avoid it, and use styles instead.
Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:
<p style="font-family:Times New Roman;font-size:130%;color:green">
ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)
This is a sentence with some text in it. This is a dizzy sentence with some text in it. This is yet again a sentence with some text in it. This is another sentence with some text in it. This is a sentence with some silly green text in it. This is another silly sentence with some text in it. This is a damn sentence with some text in it. This is a puke-green sentence with some more damn text in it.
That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add
#fs1 {font-family:Times New Roman;font-size:130%;color:green; }
to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.
Reference to the #fs1 is placed in the post thus:
<div style id=fs1> text </div>
Saturday, March 24, 2007
Background Color Of A Post
Classic Blogger:
#birdlist {margin:0px;padding:0px;background:navy;color:lightblue;font: 1.1em "Times New Roman","Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-weight:none; }
</style>
After that is established in the template, any time that in your post you place <p id=birdlist> at the beginning and </p> at the end of that text, you will create the font color and background color that you want. You might change navy to white and lightblue to black, depending on what you want. If you don't invoke the paragraph id in your post, it will just write in black over your current background (if any).
Don't be tripped up by the list of fonts; the computers in the world will choose the first one they come to that they possess. So if you choose a really new and esoteric font, you may be the only reader who sees it in just that font. But they will see it in the second, third, or fourth font listed.
THE END.
In your template, just before the closing tag </style> occurs, place the couple of lines below (which you can change to your colors or fonts). This will just be an example you can start with as a test. This paragraph demonstrates what the code below causes.
#birdlist {margin:0px;padding:0px;background:navy;color:lightblue;font: 1.1em "Times New Roman","Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-weight:none; }
</style>
After that is established in the template, any time that in your post you place <p id=birdlist> at the beginning and </p> at the end of that text, you will create the font color and background color that you want. You might change navy to white and lightblue to black, depending on what you want. If you don't invoke the paragraph id in your post, it will just write in black over your current background (if any).
Don't be tripped up by the list of fonts; the computers in the world will choose the first one they come to that they possess. So if you choose a really new and esoteric font, you may be the only reader who sees it in just that font. But they will see it in the second, third, or fourth font listed.
| New Blogger |
|---|
| The main difference here is that you don't make the addition in the same place. When you open the template, you need to search for the Style items that you know, though they are not called that! Search for "Body" and other style (CSS) listings that you might already be familiar with. You might see something like this: body { background:oldlace; url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom; background-attachment:fixed; margin:0; padding:0; font:x-small Georgia, Serif; color:$textcolor; font-size/* */:/**/small; font-size: /**/small; } Put the additional (birdlist) lines after the above, but BEFORE the closing } bracket. There are other places that would be correct, and I'm just pointing out one. This #ID is not limited to paragraphs; it could also be applied to a <div>, etc. |
THE END.
Subscribe to:
Comments (Atom)
