The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Round Edges with the Quote Box? (phpBB2)

Go down

Solved Round Edges with the Quote Box? (phpBB2)

Post by Hardcore Gamer on 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

Hardcore Gamer
Forumember

Male Posts : 465
Reputation : 3
Language : English

Back to top Go down

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

Post by Mati on 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
Mati
Active Poster

Posts : 1900
Reputation : 289
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

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

Post by Hardcore Gamer on 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!

Hardcore Gamer
Forumember

Male Posts : 465
Reputation : 3
Language : English

Back to top Go down

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

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

Just put this in the code border:solid 1px #026d9e; and change color.
avatar
Mati
Active Poster

Posts : 1900
Reputation : 289
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

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

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

how about in spoiler?
avatar
FL.ux
Forumember

Male Posts : 842
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 on 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
Mati
Active Poster

Posts : 1900
Reputation : 289
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

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

Post by Hardcore Gamer on 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!

Hardcore Gamer
Forumember

Male Posts : 465
Reputation : 3
Language : English

Back to top Go down

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

Post by FL.ux on 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? http://help.forumotion.com/t103318-creating-a-forum-within-a-forum
avatar
FL.ux
Forumember

Male Posts : 842
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 on 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
Mati
Active Poster

Posts : 1900
Reputation : 289
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

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

Post by Hardcore Gamer on 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!

Hardcore Gamer
Forumember

Male Posts : 465
Reputation : 3
Language : English

Back to top Go down

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

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

@Hardcore Gamer wrote:Solved!

Topic Solved & Locked




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

avatar
SLGray
Administrator
Administrator

Male Posts : 41933
Reputation : 2883
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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