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)

View previous topic View next topic 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 : 409
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;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.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 : 409
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.

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.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?

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;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.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 : 409
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

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.

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.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 : 409
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.


SLGray
Administrator
Administrator

Male Posts : 36711
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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