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.
The forum of the forums
4 posters

    Round Edges with the Quote Box? (phpBB2)

    avatar
    Hardcore Gamer
    Forumember


    Male Posts : 524
    Reputation : 4
    Language : English

    Solved Round Edges with the Quote Box? (phpBB2)

    Post by Hardcore Gamer January 19th 2012, 6:57 am

    Is there a code out there to do this? Basically I'm wanting to replace the squared edges with round edges when someone quotes a post of my forum. I'm using phpBB2.

    Any help is always appreciated!


    Last edited by Hardcore Gamer on January 19th 2012, 9:37 am; edited 1 time in total
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Mati January 19th 2012, 8:28 am

    Hello.

    Add this in your css

    Code:
    .quote {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    avatar
    Hardcore Gamer
    Forumember


    Male Posts : 524
    Reputation : 4
    Language : English

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Hardcore Gamer January 19th 2012, 8:46 am

    Nice, it worked. Thanks! But, is there anyway to put a border around the quote... and maybe I could change the color of the border? That would be great.

    Let me know if that's possible!
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Mati January 19th 2012, 8:49 am

    Just put this in the code border:solid 1px #026d9e; and change color.
    FL.ux
    FL.ux
    Forumember


    Male Posts : 841
    Reputation : 18
    Language : I hope I could be a FM staff :'(
    Location : I shall fly to the subterranean sky.

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by FL.ux January 19th 2012, 8:52 am

    how about in spoiler?
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Mati January 19th 2012, 9:01 am

    Add this in your css

    Code:
    .spoiler_closed {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     border: 1px solid #000;
    }

    .spoiler_content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 3px;
    }
    avatar
    Hardcore Gamer
    Forumember


    Male Posts : 524
    Reputation : 4
    Language : English

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Hardcore Gamer January 19th 2012, 9:06 am

    Matti_7 wrote:Add this in your css

    Code:
    .spoiler_closed {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     border: 1px solid #000;
    }

    .spoiler_content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 3px;
    }

    There seems to be an error coming up with this code.

    Also, quote border looks fine but the quote text seems to be a little too close to the edges on the border, is there anyway to move the text away from the edges a bit? Again, appreciate your help!
    FL.ux
    FL.ux
    Forumember


    Male Posts : 841
    Reputation : 18
    Language : I hope I could be a FM staff :'(
    Location : I shall fly to the subterranean sky.

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by FL.ux January 19th 2012, 9:07 am

    i know this is really out of topic. . . but i need this now . . can you help me with this please? https://help.forumotion.com/t103318-creating-a-forum-within-a-forum
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Mati January 19th 2012, 9:13 am

    Hardcore Gamer wrote:
    Matti_7 wrote:Add this in your css

    Code:
    .spoiler_closed {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     border: 1px solid #000;
    }

    .spoiler_content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 3px;
    }

    There seems to be an error coming up with this code.

    Also, quote border looks fine but the quote text seems to be a little too close to the edges on the border, is there anyway to move the text away from the edges a bit? Again, appreciate your help!

    For the quote code add this padding: 3px; change the 3px to your needs.

    Also what is the error on the spoiler code cuz it works fine for me.
    avatar
    Hardcore Gamer
    Forumember


    Male Posts : 524
    Reputation : 4
    Language : English

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by Hardcore Gamer January 19th 2012, 9:24 am

    Ah, the spoiler code error was my bad. It works. Also, the quote border is perfect. Thank you very much for your help. Smile

    Solved!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Round Edges with the Quote Box? (phpBB2)

    Post by SLGray January 19th 2012, 10:03 am

    Hardcore Gamer wrote:Solved!

    Topic Solved & Locked





    Round Edges with the Quote Box? (phpBB2) Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.

      Current date/time is November 12th 2024, 12:32 am