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 Sat 10 Oct - 1:53

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.
avatar
Bones!
Forumember

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

http://www.unknownlandsrp.com/

Back to top Go down

Solved me

Post by hemisandhellcats on Sat 10 Oct - 6:17

Add me to the "want to know list as well"
avatar
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 Sun 11 Oct - 2:22

Bump.
avatar
Bones!
Forumember

Posts : 169
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 Sun 11 Oct - 12:51

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!
avatar
KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 844
Reputation : 162
Language : Bulgarian, English
Location : Pleven, Bulgaria

http://www.lfsdrift.org

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on Sun 11 Oct - 21:58

Not working for me on invision.
avatar
Bones!
Forumember

Posts : 169
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 Mon 12 Oct - 0:20

Good
avatar
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 Mon 12 Oct - 0:55

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





avatar
Luffy
Manager
Manager

Male Posts : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on Mon 12 Oct - 1:02

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>
avatar
Bones!
Forumember

Posts : 169
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 Mon 12 Oct - 1:09

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





avatar
Luffy
Manager
Manager

Male Posts : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on Mon 12 Oct - 1:30


I honestly have no idea how to explain it.
avatar
Bones!
Forumember

Posts : 169
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 Mon 12 Oct - 3:04

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?





avatar
Luffy
Manager
Manager

Male Posts : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on Mon 12 Oct - 3:08

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

Posts : 169
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 Mon 12 Oct - 13:24

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 ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13085
Reputation : 2760
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Altering the Quote Box

Post by Bones! on Mon 12 Oct - 20:52

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.
avatar
Bones!
Forumember

Posts : 169
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 Mon 12 Oct - 21:20

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5612
Reputation : 512
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