Basic Text Styles
This is bold text (B). This is italic text (I). This is strong text (STRONG). This is emphasized text (EM). This is inserted text (INS). This is deleted text (DEL). This is inline code (CODE). This is an external link (A).
- Abbreviation (ABBR): Mdse.
- Initialism (ABBR.initialism): HTML
An initialism is a special type of abbreviation which is made up of letters from the words being abbreviated; initialisms are not read naturally but are instead read letter-by-letter.
- Acronym (ACRONYM): NASA
An acronym is a special type of abbreviation in which the resulting abbreviation can still be read naturally.
Special Text Styles
- Titles (of books, movies, ships, and so on): The musical titled H.M.S. Pinafore.
- Foreign phrases: Greeting people with hola.
Preformatted Text
_.~._
,~'.~@~.`~.
/ : _..._ : \
{ :,"''\\`".: }
`C) 9 _ 9 (--.._,-"""-.__
( )(@)( ) `.
`-.___.-' \
,' \ / ,` ;`-._,-.
,' ,'/ ,' `---t.,-. \_
,--.,',' ,'----.__\ _( \----'
'///,`,--.,' `-.__.--' `. )
'///,' `-` hjw
Preformatted Code
function hello_world($is_world = 'true') {
if ($is_world) {
echo 'Hello, world!';
}
else {
echo 'Hello, whoever you may be!';
}
}
Special Paragraph Styles
This is the “note” class of paragraphs, created by applying a class="note" to paragraphs. How you use this class is up to you, but it is quite useful at drawing important tidbits out for your readers.
This is the “alert” class of paragraphs, created by applying a class="alert" to paragraphs. How you use this class is up to you, but it is quite useful at alerting users to problems or other vital information.
Blockquotes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras est. Maecenas bibendum est ac purus. Duis massa nibh, dapibus in, iaculis vel, hendrerit vitae, quam. Nullam cursus mollis ipsum. Suspendisse nulla neque, volutpat feugiat, porttitor ullamcorper, congue sit amet, arcu. Phasellus neque velit, hendrerit vitae, congue eget, ornare at, urna.
Donec ultricies, lectus vitae ultricies iaculis, mi diam porttitor magna, eget hendrerit augue velit vitae lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean sollicitudin sollicitudin diam.
Aliquam ac lacus eget massa volutpat iaculis. Nunc mollis suscipit odio. Maecenas pretium lectus. Aliquam erat volutpat. Nullam commodo mi at ante. Nunc suscipit aliquet nisl. Duis risus. Proin vel mi. – Lorem Ipsum
Special Blockquotes
Applying a class of either “right” or “left” to blockquotes will allow you to display “pull quotes,” as demonstrated in the following mass of “lorem ipsum” text:
Donec id nunc in orci vulputate scelerisque.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus suscipit sem pellentesque orci. Praesent viverra dictum massa. Suspendisse scelerisque magna bibendum risus. Aenean vestibulum magna sed lacus. Curabitur ornare. Donec ultrices, mi in placerat eleifend, augue purus auctor erat, ut fermentum ipsum urna nec lacus. Sed ut nisi. Donec hendrerit leo id massa. Proin sed mauris.
Etiam nulla metus, pulvinar eu, facilisis et, semper vitae, mi.
Donec egestas. Aliquam erat volutpat. Proin purus. Ut feugiat pellentesque justo. Suspendisse nunc enim, gravida eget, congue adipiscing, malesuada ac, libero. Nam quis dolor id nunc ullamcorper luctus. Integer vulputate convallis tortor. Vestibulum ultricies euismod pede.
Lists
Unordered Lists
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Sed faucibus adipiscing ipsum.
- Sed tincidunt scelerisque ante.
- Sed accumsan posuere dolor.
- Vivamus egestas pharetra libero.
- Morbi cursus nisi eu lorem.
Ordered Lists
- Suspendisse laoreet urna sed sapien.
- Proin scelerisque eros ut leo.
- Integer tempus tortor eget mi.
- Aliquam eget lectus ut mi tincidunt aliquam.
Definition Lists
- Duis
- a sem a purus accumsan vulputate.
- Aliquam
- nec orci vel lectus pharetra pretium.
- Nulla
- eleifend lobortis arcu.
Header Examples (This one is an H3.)
To maintain a semantic flow of content when using this theme, it is recommended that you not use H1 or H2 headers within your posts; the site title is the H1 while post titles are H2s. Headings which fall within the post should naturally be the next step down: H3.
H4 Example
H5 Example
H6 Example
Thoughts?
So, what’d you think? I’m very open to adjusting the style of my themes to fit user feedback. Is something not exampled here that should be? Let me know. I’m sure things could be styled much better here, so please share some feedback.
