Still More On Indentation

A word from our sponsor:

The Breast Form Store Halloween Sale Banner Ad (Save up to 60% off)
Printer-friendly version

Author: 

Taxonomy upgrade extras: 

Ok, I tried looking at the standard stylesheets that come with the site, and found several styles that were coded loosely enough to access for other purposes.

Test Stylesheets

<p class="messages">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.</p>

<p class="site-name">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.</p>

<p class="site-slogan">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

<p class="submitted">Text</p>

So adding the ability to allow authors a little more latitude in formatting their stories would be simply a matter of adding a few styles to the standard ones, possibly using a new stylesheet, imported as are all the others.

As a suggestion, here are a few that might be interesting:

.parindent
{
text-indent: 3em;
}

This sets a three emspace indent at the front of every paragraph with a class of "parindent."

.dropcap:first-letter
{
font-size: 300%; float: left;
}

This creates an enlarged drop capital for the initial letter of paragraphs with a class of "dropcap."

.smallcap:first-line
{
font-variant: small-caps;
}

This sets the first line of any paragraph in small-caps, a style often seen in newspapers to emphasize the lead-in to a story. The class is "smallcap."

.dropsmallcap:first-line
{
font-variant: small-caps;

}

.dropsmallcap:first-letter
{
font-size: 300%; float: left;
}

Note that the class "dropsmallcap" is defined twice, once to create the first line treatment and then again to create the first letter treatment, formatting a line with the first letter enlarged and the remainder of the line set in smallcaps.

.dropredcap:first-letter
{
font-size: 300%; float: left; color: red;
}

A drop cap in red.

Of course, one would have to do a little tweaking...

Cheers...

Comments

Very interesting.

erin's picture

I've provided several ways to do these things including the mini-editor and the wysiwyg editor, but it might be worth doing more except that very few users seem able to consistently use the HTML processes I have already provided. Let me think on it. Thanks for your efforts.

Hugs,
Erin

= Give everyone the benefit of the doubt because certainty is a fragile thing that can be shattered by one overlooked fact.

Don't put yourself out overmuch!

Edeyn It would likely not be worth the effort for you, Erin, as those of us apt to use such things have the skillset to use them now if we so choose.

Edeyn Hannah Blackeney

Wasn't it Jim Henson who said, "Without faith, I am nothing," after all? No, wait, that was God... Sorry, common mistake to make...

huh?

I aint puter nolegable.

that there, mumbo jumbo seemed to be a combination of greek and japenese to me.

please make it easy for us dumbies.

A.A.

Yeah, Huh?

Anistasia,

I'm with you, blinking in confusion.

Mr. Ram

Shades !

Gwen By wot sorcry dost peeple think I shall learn such magik? I am not renumerated for my harsh effort. Dost thou think me overly daft? I have barely green brok this beastie madam ! It is my belief that my present effort is entirely satisfactory, Wat?
Gwen Brown