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: 168

    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: 168 edited May 2019

    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: 168

    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.

  • Conan_Lybarian
    Conan_Lybarian
    Posts: 240

    Hey @rangarhawk, I could use some help. I meant to post this in this thread, but posted in the general  one. I'm just going to be lazy and cut and paste though. I've been playing with quote boxes some, but still am getting snagged on a few things. I've found that "div style=" has given me the best results. But between that and "Blockquote.", I still have not been able to figure out how to change the font or the font color within the quote. To be clear, I'm typing it when creating adventure logs and wikis. Any help would be awesome!

  • ragnarhawk
    Posts: 168

    Replied in the main CSS thread

Sign In or Register to comment.

March 2024
Wrath of the Highborn

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions