Altering the Quote Box Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
+3
KpuCk0
hemisandhellcats
Bones!
7 posters

    Altering the Quote Box

    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Altering the Quote Box

    Post by Bones! October 10th 2015, 12:53 am

    I've seen it done before, and before I play with it, I want to know how extreme I can change it.

    Altering the Quote Box Ert10

    But how would I get it to this kind of box:
    Example.
    hemisandhellcats
    hemisandhellcats
    New Member


    Posts : 3
    Reputation : 1
    Language : english

    Solved me

    Post by hemisandhellcats October 10th 2015, 5:17 am

    Add me to the "want to know list as well"
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 11th 2015, 1:22 am

    Bump.
    KpuCk0
    KpuCk0
    Forumember


    Male Posts : 871
    Reputation : 171
    Language : Bulgarian, English
    Location : Pleven, Bulgaria

    Solved Re: Altering the Quote Box

    Post by KpuCk0 October 11th 2015, 11:51 am

    I think, this would help you.Add it to your CSS Stylesheet.
    Code:
    .blockquote {
      background: #363636 none repeat !important;
      border-width: 1px 1px 3px;
      border-style: solid;
      border-color: #606060;
      border-radius: 3px;
    }
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 11th 2015, 8:58 pm

    Not working for me on invision.
    zinko
    zinko
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Solved Re: Altering the Quote Box

    Post by zinko October 11th 2015, 11:20 pm

    Good
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    Solved Re: Altering the Quote Box

    Post by TheCrow October 11th 2015, 11:55 pm

    @Six Letters you don't want the top part that says Guest quote part? Or you just want the design of the quote to change? Because from what i can see you have it as you show it..



    Altering the Quote Box Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 12th 2015, 12:02 am

    I mean the box itself. I want to change the design. I know I can add the quote author like so:

    Example wrote:Example

    Like if I wanted to turn the quote box into:
    Code:
    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #7AB85C; background-color: #BE5F7C;">
    </td></tr></table></center>
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    Solved Re: Altering the Quote Box

    Post by TheCrow October 12th 2015, 12:09 am

    Six Letters wrote:I mean the box itself. I want to change the design. I know I can add the quote author like so:

    Example wrote:Example

    Like if I wanted to turn the quote box into:
    Code:
    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #7AB85C; background-color: #BE5F7C;">
    </td></tr></table></center>
    Yes could you show us what part of the quote table you want to change? Maybe a screenshot showing us what you want to change would help. Wink



    Altering the Quote Box Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 12th 2015, 12:30 am

    Altering the Quote Box 54510
    I honestly have no idea how to explain it.
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    Solved Re: Altering the Quote Box

    Post by TheCrow October 12th 2015, 2:04 am

    To be honest the only difference i see is the display:inline-block;
    Nothing else. You want to make the width fixed to the text?



    Altering the Quote Box Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 12th 2015, 2:08 am

    Like say I wanted to add a border code to the quotebox, how would I do that?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Altering the Quote Box

    Post by Ange Tuteur October 12th 2015, 12:24 pm

    A border around the quote box ? You can use the border property to specify a border for each side of the container. That is :
    Code:
    blockquote {
      border:1px solid #FFF;
    }

    Depending on the rule placement you may need to make the border property !important.

    If not that, do you want to have an inner border like on your table example where it appears there's two borders ?
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Altering the Quote Box

    Post by Bones! October 12th 2015, 7:52 pm

    Oh, I see what the problem was. KpuCk0 had the code with a "." at the beginning which was why it did not work.

    Thank you Ange.

    This is solved now. I figured it out.
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA

    Solved Re: Altering the Quote Box

    Post by brandon_g October 12th 2015, 8:20 pm

    Topic solved and archived ~ brandon_g



    Altering the Quote Box Brando10
    Remember to mark your topic Altering the Quote Box Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    Altering the Quote Box Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points