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.

Altering the Quote Box

View previous topic View next topic Go down

Solved Altering the Quote Box

Post by Bones! on 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.



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

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved me

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

Add me to the "want to know list as well"

hemisandhellcats
New Member

Posts : 3
Reputation : 1
Language : english

http://hemisandhellcats.forumotion.com

Back to top Go down

Solved Re: Altering the Quote Box

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

Bump.

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

Post by KpuCk0 on 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;
}


Design Team Leader


Rules of the Graphic Design Section || Becoming a Designer || Graphic Requests

Never tell your password to anyone!
No help without your forum URL!
No support via PM!

KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 744
Reputation : 149
Language : Bulgarian, English
Location : Bulgaria

http://www.lfszone.com

Back to top Go down

Solved Re: Altering the Quote Box

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

Not working for me on invision.

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

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

Good

zinko
New Member

Posts : 5
Reputation : 1
Language : English

http://zint.forumotion.com

Back to top Go down

Solved Re: Altering the Quote Box

Post by Luffy on 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..






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Altering the Quote Box

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

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

Post by Luffy on 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






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Altering the Quote Box

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


I honestly have no idea how to explain it.

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

Post by Luffy on 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?






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Altering the Quote Box

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

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

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

Post by Ange Tuteur on 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 ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on 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.

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Altering the Quote Box

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

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5139
Reputation : 478
Language : English
Location : USA

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