I like color -- those that know me here on Open Salon probably have figured that out. Since basic html does not work to create color in these posts, I had given up. The other day, however, I copied and pasted a quote, and wonder of wonders the color and font made it through to publishing!
So, if you will bear with me, I will try to show you how to repeat this colorful miracle. I cannot write it EXACTLY as you would need to use it, (as in a copy and paste effort) because partial code disappears in comments and messages.
Here is the code for the font and color that I am using here:
span style="color: green; font-family: 'Bookman Old Style'"
span style="color: green; font-family: 'Bookman Old Style'"
(I made it bold with italics by using the B & I buttons above)
If you are new to HTML or pretty much a hit and miss HTML user like myself, you must remember that all code must have: < at the beginning of the line of code (see above) and then an < and a forward slash /, then the word "span" and an > at the end.
I cannot type it out like it needs to look as putting those four elements together on any post makes the words disappear from the screen!!
Here is a new color and font style -- red, with the font style Arial Black. The code for this is:
span style="color: red; font-family: 'Arial Black'"
Note: The name of the font must have a single quotation mark at either side of the font name, in this case Arial Black. Also, there must be a double quotation mark in front of the word color, and after the single quote from the style name. (I made this sentence bold with the B key above.)
Finally, if you want a bigger type style, one way to get it is to choice a typestyle that is by definition "bigger" than others within the font style system. Although the code "strong" can be placed in the HTML system, the words do not get any bigger. (For HTML geeks, the word "strong" is in the code, but this typeface is the same size as the final which does not have strong in the code....)
You can make your typeface bold italics by using the B and I keys above.
This sentence is in the normal size font called Verdana, in the color blue. Code:
span style="color: blue; font-family: 'Verdana'"
Don't forget to start your code with < and end with <, then a /, then the word "span" and then >. Have fun!
********************************************
OK, Thomas and Kerry, now can I please have two more new posts in the 24 Hour Top-Rated right hand column feed, making a total of 7 -- lucky 7 rather than the five existing?
At least for a few days since I have been SOOOO kind as to share this bit of tutelage without negotiation?? Thank you for your consideration of this tiny request, in view of my efforts to make OS even more colorful...;)
XXOO --> o~o
Lisa Lucas
Here, FREAKY FREAKY, FREAKY...>
I have Chocolate (colored) CAKE for you!
TIP:
Enter the amount, and click "Tip" to submit!
Michael Rodgers
Lea Lane
Dennis Loo
E Alvers
Kind of Blue
Rev. Dr. Monte Canfield
Salon.com
Comments
After copying and pasting one of the ones above, you can either change the color name or font style, or leave it alone, then add the . The typeface style will continue through your post as long as you move the cursor up to the first sentence. You don't have to compose ALL in the HTML box, only the first sentence.
I am not good at writing out instructions -- hopefully, this last paragraph will help?!
What I MEANT to write was: If I wrote out a complete code with the starter sentence in it, the code would disappear leaving only the sentence. Of course, that is what we want, but makes it hard to show HTML in a simple fashion. :)
Nice work, Lisa. :-D
I hope I am not being redundant -- I never saw a post on Color and Font. If so, humble apologies to the author! Now, if ONLY Kerry and Thomas would grant my wish...;)
i just fixed my True Blood post, and it works.
i used span style="color:white"
that's a simpler form if you only want to change the color.
(FYI, if you've got a spoiler, you can change the font to white, and instruct people to highlight the area to read it in reverse: it shows up blue when highlighted.)
you get major bonus points, and of course an ebert (thumbs up).
I've been thinking about doing a "test" post to see what html works and what doesn't and how to futz (a very technical word) with the styles. I have some real work to do, so it probably won't happen until next week, but you have inspired me to go to it.
p.s., love the "beta corps" tag
Hit the "PA Image" button on the toolbar, (6th from the left, second row, looks like a tree, and says "PA Image" when you hover over it.)
That will bring up a window to upload the image from your harddrive.
Click browse and find the image on your PC. JUST MAKE SURE THE FILE NAME HAS NO SPACES. It's very picky. (I can't remember if it allows hyphens. Just rename the file to a one-word name.) Double click on the file to select it.
Put anything simple in the Title field, just knowing that this will show up in the url.
Then, the hard part (bad coding!) You have to scroll the window down somehow to get to the Upload button, which on my PC is always hidden. The only way I can get to it is put my cursor over some random text in the window, hold down the left mouse button and drag my mouse downward. This forces the text up the screen so that the Upload button becomes visible. But don't go too far too fast or you'll go past it.
Idiotic, but that's what I have to do.
Then click the button and it uploads.
To everyone else: Looks like we can look forward to even better and more colorful posts!
Kerry and Thomas, I am waiting to hear if my wish can be granted?!
Here's what I hope is a helpful suggestion or addition for getting rid of all those span tags:
Instead of using your text here for each paragraph, wrap all of the paragraphs that you want to be a single color in a tag.
Here's an example:
the text in this paragraph should be blue. it is done using the following code*:
[div style="color:blue"] [p] your text here [/p]
[p] more of your text, second paragraph, can go on for whatever, and ever, you betcha [/p]
[/div]
* substitute for [ and ]
Lisa (lps)
instead of several short [span style="color:blue"] [p] text phrase [/p] [/span]
[span style="color:blue"] [p] text phrase [/p] [/span]
[span style="color:blue"] [p] text phrase [/p] [/span]
you can write:
[div style="color:blue"] [p] text phrase [/p]
[p] text phrase [/p]
[p] text phrase [/p]
[/div]
replacing all [ ] with appropriate html brackets.
Hey, where can I find color codes? I need PINK!
Color Chart with HTML Color Codes Aaaahhh the soothing tones of aqua....:)
But to be brave and ask:
So, how does one get italics (or bold, or color) in the comments?
for italics: {i} sentence{/i}
For bold: {b} sentence {/b}
Bold italics {b}{i} sentence{/i}{/b}
Now all the { } need to be
For bold [b] text phrase[/b]
For bold italics [b][i] text phrase[/i][/b]
You have to use 's instead of [and]
Lisa can she write to you? If so, go to lpsrocks blog and send her a message. I cannot get it to turn up here, but it CAN be done -- go for it! NO FEAR!
I have a request for the Overlords as well. I want more than four recent posts to show from my many friends and I want to see more than four comments I have left. I hate missing posts and being unable to follow up. But maybe I'm just seeing it all in black and white.
(rated)
<i> italic text <i> gives you italics
<b> bold text <b> gives you italics
As far as I know, can't do color in comments. Besides, that might be hard on the eyes.
As a bonus, probably a repeat, to do a link in comments, here is the code:
<a href="http://www.whateveryoururlis.com"> Title or text for your link <a>
example:
My blog
usually works best by cutting and pasting the url from your browser line up top to the space between the quotes...
hope this works/helps.
I saw this earlier and saw all those weirdo symbols and thought that this was something for the ape to look at. I didn't make it to the end.
THERE'S CAKE!
I've learned my lesson. I will ALWAYS READ TO THE END.
I think perhaps, this is beyond my abilities. But I will tag it for later.
Thanks for your color, and your tutelage. (rated)
I am working on an idea to make this easy for everyone -- will need some help from my friends, here, but I think it will be easy for all to use!