Articles · Resource · Citadel Help

CSS Demonstration Sub

This should have all the formatting that you are able to use in a post so you can see how it looks and what is available.

70 xp 4,884 views

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap.

Heading One

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Two

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Three

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Four

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Five

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Six

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Lists

This is an unordered list:

  • First item
  • Second item
  • Third item
  • Fourth item
  • Fifth item

This is an ordered list:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item
  5. Fifth item

This is pre formatted:

Start in column one. Then indent to column ten. Then back five spaces.

Definition List
Definition List Title
This is a definition list division.
Another definition list title

This is the definition. This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition.This is the definition. Tables

Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

General font tests

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis underline underline suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent bold bold bold bold mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Italics italics italics italics Morbi imperdiet augue quis tellus. AVE

Lorem ipsum dolor sit amet, typewriter adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Blockquote

'As I have gotten more certain about my uncertainty I have decided to use my ignorance to fend off the charging rhino.' -Dead

Horizontal Rule


Testing superscript
Testing Subscript

Scrolls

2 scrolls

Twists, chapters, and details meant to stream with the submission — not general discussion.

Tables

Tables

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Color Test. Use HTML mode and select font. It goes away if you try and e…

Color Test. Use HTML mode and select font. It goes away if you try and edit it again though...

Sign in to plant an idea scroll.

Enjoyed this? Sign in and cross blades for Strolen — five clashes, up to 25 XP.

Sign in to cross the blades.

Rare mark

Hall of Honour

for CSS Demonstration Sub

The Hall of Honour is your mark on a submission you believe is frick’n awesome — so good you would jump in front of a dragon’s breath to protect the scroll it is written on.

Bestowing HoH also highlights it on the front of the Citadel for about a day, so others see the recognition it earned.

You may bestow HoH on the same submission up to your level (with a short wait between strikes). Five distinct HoH voters raise a work to Golden.

Enjoyed this? Sign in and Grant your Favor.

Sign in to Favor

Favored by Kindred Readers 2

Discussion

14 comments

Reader talk, questions, and feedback — not scrolls.

  1. Strolen

    Going to be fine tuning this to make it a little more useful. I think we can get much more organized and useful with some of this!

    0 xp Reply +XP
  2. MysticMoon

    Excellent! I've been wanting to use headings instead of just bolded text to break my subs into sections.

    0 xp Reply +XP
  3. Strolen

    It is a wiki so feel free to mess around with it a little bit and put up some other demonstrations. If you want something changed, just let me know. Figure this would be a decent start. Much better than the old anyway.

    0 xp Reply +XP
  4. Dozus

    Awesomesauce. Makes me want to go back and reformat all my past subs to make them organized.

    0 xp Reply +XP
  5. Ancient Gamer

    You using Artisteer, Strolen? :)

    0 xp Reply +XP
    1. Strolen reply

      Oh dear. Cursory glance. Is this going to spur a redesign?

      0 xp Reply +XP
    2. Strolen reply

      Ah, now I get it. No...I grabbed a few css demo templates off some random sites and mixed those. But now that I recognize the blockquote...makes perfect sense to me. No, haven't used it...probably should have, but didn't. :)

      0 xp Reply +XP
  6. valadaar

    Me likey!

    0 xp Reply +XP
  7. MysticMoon

    Suggestion / personal preference: make all headers bold, not just the top-level.

    0 xp Reply +XP
    1. Strolen reply

      Bold, got it!

      0 xp Reply +XP
  8. Murometz

    Oh wow, I've never seen this before. How perfectly helpful!!

    0 xp Reply +XP
  9. PoisonAlchemist

    Could we get a demonstration of different colors, links to various places, and unicode?

    0 xp Reply +XP
  10. valadaar

    A useful resource.

    0 xp Reply +XP
  11. Mageek

    Thank you!

    0 xp Reply +XP

Sign in to join the discussion.