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.

Round Edges with the Quote Box? (phpBB2)

4 posters

Go down

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
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

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;
}
Mati
Mati
Active Poster

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

https://fm-focus.forumotion.com/

Back to top Go down

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!
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

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.
Mati
Mati
Active Poster

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

https://fm-focus.forumotion.com/

Back to top Go down

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

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

how about in spoiler?
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.

Back to top Go down

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;
}
Mati
Mati
Active Poster

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

https://fm-focus.forumotion.com/

Back to top Go down

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!
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

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
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.

Back to top Go down

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.
Mati
Mati
Active Poster

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

https://fm-focus.forumotion.com/

Back to top Go down

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!
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51569
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum