Creating Quote boxes.

zattsplace
zattsplace

Hello esteemed Obsidian Portal CSS users!

I saw a Star Wars RPG site that had a way to create, within the CSS, a means to create text boxes with their own properties to be placed into any page by typing a reference to the code. I think that he or she called it a "blockquote", but I can't find the CSS anywhere to do that.

Are there any suggestions?

Comments

  • ragnarhawk
    Posts: 26

    You can create a blockquote in Textile by preceding the text that you want to block quote with "bq."

    For example:


    Here is normal text

    bq. This text is blockquoted.
    So is this text, since there is only one line break
    As is this

    And back to normal

    should produce: 

    Here is normal text

    This text is blockquoted.

    So is this text, since there is only one line break

    As is this

    And back to normal

  • ragnarhawk
    Posts: 26 edited May 19

    Another option that will give you more direct control is to use div tags and set styles within the divs.

    For example:


    <div style="color:black; background-color:#DBC58F; padding-left:40px; line-spacing:1;">
    <p>Coins (value): 75 gp
    Gems (value): 150 gp
    Jewelry (value): 150 gp
    Books (value): 2,200 gp
    Pipe (value): 150 gp
    Mirror (value): 125 gp</p>
    </div>

    Produces:

    (see next comment}
    Post edited by ragnarhawk on
  • ragnarhawk
    Posts: 26

    image

  • zattsplace
    zattsplace
    Posts: 9

    Fantastic! Thank you once again, ragnar!

  • zattsplace
    zattsplace
    Posts: 9

    If I simply used "bq.", I assume that I could change the attributes in CSS?

    EXAMPLE:

    .bq { font-color:cyan; }

  • zattsplace
    zattsplace
    Posts: 9

    Disregard, I got it!

    Again, thank you.

Sign In or Register to comment.