[7.x] Pretty Quotes

Print Thread

Rate Thread

[7.x] Pretty Quotes #311653 10/10/2006 11:43 PM
Joined: Mar 2000 Posts: 21,079 Likes: 3 Texas AllenAyres I type Like navaho
AllenAyres I type Like navaho Joined: Mar 2000 Posts: 21,079 Likes: 3 Texas	What: Pretty Quotes Description: Makes the quote box a little better-looking in my opinion, giving it a style you might see more in blogs. Example: http://www.praisecafe.org/forum/ubbthreads.php/ubb/showflat/Number/54418 Instructions: The colors below are basically from the default threads 7 stylesheet, adjust to your taste This is the css code for your ubbcode properties (toward the bottom of your style). In the .ubbcode-block box change it to this: Code margin: 5px 2em; background: #FFF; padding: 0px; border-spacing: 0px; border: 1px dotted #AAAA11; In the .ubbcode-header box change it to this: Code display: block; font-weight: bold; padding: 4px; color: #666666; background: #EEEECC; border-bottom: 1px solid #AAAA11; font-size: 8pt; In the .ubbcode-body box change it to this: Code font-size: 10pt; display: block; background: #F1F0D1 url(/img/quote.gif) 10px 10px no-repeat; font-style: italic; line-height: 1.5em; padding: 10px 1.5em .25em 45px; Adjust the url to the image in the above box to suit your site. You can use the image below if you like Attachments 2273-quote.gif (241 Bytes, 99 downloads) - Allen - What Drives You?

Sponsored Links

Re: [7.x] Pretty Quotes AllenAyres #311744 10/16/2006 5:11 PM
Joined: Oct 2006 Posts: 21 Auckland, NZ Carte Blanche Newbie
Carte Blanche Newbie Joined: Oct 2006 Posts: 21 Auckland, NZ	To be concise, wouldn't you want another image to close the quote? I found myself looking for it

Re: [7.x] Pretty Quotes Carte Blanche #311747 10/16/2006 5:22 PM
Joined: Jan 2000 Posts: 5,834 Likes: 20 Portland, OR, USA Gizmo UBBDev Owner Time Lord
Gizmo UBBDev Owner Time Lord Joined: Jan 2000 Posts: 5,834 Likes: 20 Portland, OR, USA	You know allen, since you posted this, i've noticed something similar at a LOT of forums using differant images lol... I just never paid attention before :x UBBDev - Putting Dev into UBB.threads Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance. Forums: A Gardeners Forum, Scouters World, and UGN Security UBB.threads: My UBB Themes, My UBB Scripts

Re: [7.x] Pretty Quotes Carte Blanche #311752 10/16/2006 6:25 PM
Joined: Mar 2000 Posts: 21,079 Likes: 3 Texas AllenAyres I type Like navaho
AllenAyres I type Like navaho Joined: Mar 2000 Posts: 21,079 Likes: 3 Texas	I may add a closing image, this one is a little cleaner - Allen - What Drives You?

Re: [7.x] Pretty Quotes

Gizmo #311753 10/16/2006 6:31 PM

Joined: Jul 2001

Posts: 808

Berlin, Germany

Zarzal

Coder

Zarzal

Coder

Joined: Jul 2001

Posts: 808

Berlin, Germany

my version:

.ubbcode-block

PHP Code

margin: 5px 2em;
background: #FFF;
padding: 0px;
border-spacing: 0px;
border-top: 1px dotted #000;
border-left: 4px solid #8394B2;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;

.ubbcode-header

PHP Code

display: block;
font-weight: bold;
padding: 4px;
color: #000;
background: #E4EAF2 url('/styles/images/koniro/quote.gif') no-repeat right;
border-bottom: 1px solid #AAAA11;
font-size: 8pt;

.ubbcode-body

PHP Code

padding: 4px;
max-width: 100%; 
max-height: 300px; 
overflow: auto; 
font-size: 10pt;
display: block;
border-right: 1px dotted #000;
background-image: url('http:/styles/images/koniro/nbkg-l.png');

Looks like this:
http://www.dragonclan-forum.de/board/ubbthreads.php/ubb/showflat/Number/119141

my forum: http://www.dragon-clan.de
my hobby: http://www.biker-reise.de

UBB.Developers Forums UBB.threads 7 Development CSS Styles and Themes [7.x] Pretty Quotes