Better Quotes - Round Quotes

[Sofia]

Better Quotes - Round Quotes 3.8.x




Description:

Little mod. This modification allows you to have round quotes.


https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=214643


https://vborg.vbsupport.ru/external/2009/08/27.png





0. PSD

You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

I'm not willing to modify background colors for each member.



1. Upload

Upload images in the zip into "images/misc"



2. CSS

ACP >> Styles & Templates >> Styles Manager >> Choose a style >> All Style Options (Go) >> At the bottom : Additional CSS Definitions, in the second box :


Enter:



.quote_body {
padding: 3px;
background-color: #F8F8F8;
color: #444;
}
.quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top right no-repeat; }
.quote_global {
background-color: #FAFAFA;
margin: 3px 20px 3px 20px;
}

.quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {
margin: 0;
padding: 0;
overflow: hidden;
line-height: 1px;
font-size: 1px;
height: 5px;
}
.quote_head, .quote_head div {
background: url(images/misc/bg_quote1.gif) top right no-repeat;
}
.quote_foot, .quote_foot div {
background: url(images/misc/bg_quote2.gif) top right no-repeat;
}
.quote_head div, .quote_foot div {
background-position: 0 -5px;
height: 5px;
padding: 0 5px;
}
.quote_head span {
display: block;
border-top: solid 1px #CCC;
height: 4px;
}
.quote_foot span {
display: block;
border-bottom: solid 1px #CCC;
height: 4px;
}
.quote_name, .quote_body {
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
padding: 4px;
}



3. Template


In the template bbcode_quote,


Replace all your code by:


<table class="quote_global quote_global-quote" cellspacing="0">
<tr>
<td class="quote_head"><div><span></span></div></td>
</tr>
<tr>
<td class="quote_name">
<if condition="$show['username']">
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if>
<else />
<div class="smallfont">$vbphrase[quote]:</div>
</if>
</td>
</tr>
<tr>
<td class="quote_body">
$message
</td>
</tr>
<tr>
<td class="quote_foot"><div><span></span></div></td>
</tr>
</table>


Enjoy! :)

[Emrah Kaya]

wawww :) excellent

[SkyCatcher]

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

[Sofia]

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

Yes. Sorry. I'will create transparent images.

[SpeedyHire]

i just get a square white box, dont see any rounded corners.
will have a go at redoing it again l8r

[Sayid]

Wow
Very beautiful . installed + Nominated
thanks 4 sharing

[Sofia]

i just get a square white box, dont see any rounded corners.
will have a go at redoing it again l8r

You must upload images into images/misc.

[Akademiks]

its not working for me

[Sofia]

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

I include PSD Files. Background can't be transparent because there is a color background of the table. So edit PSD Files (2 images) and change the red color by your posts color (class alt1).


its not working for me

Please read installation. This mod works. What's your problem?

[RaptorJesus]

Hey there, this words great, only 1 thing, it's not showing Rounded edges for me, what might be the problem ? Also is there a way to EXPAND it beyond the post a bit ? Because the "quote" Image is overlaying the users Nick if the post is too short.

[Sofia]

Hey there, this words great, only 1 thing, it's not showing Rounded edges for me, what might be the problem ? Also is there a way to EXPAND it beyond the post a bit ? Because the "quote" Image is overlaying the users Nick if the post is too short.

Did you do that?


0. PSD You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

To expand the quote :

In the template bbcode-quote,

Replace (first line):

<table class="quote_global quote_global-quote" cellspacing="0">



By:

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

[RaptorJesus]

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

[Sofia]

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

You find this color here: ACP >> Styles & Templates >> Styles Manager >> Choose a style - All Style Options (Go). You find this class : alt1 (First Alternating Color), and color code near "Background". Replace red color of my PSD by this color. ;)

[RaptorJesus]

EDIT: Never mind Sofia, great job on this I figured it out I was stupid enough to just follow through with this without paying too much attention to the CSS addition.

You're using a different URL for the images then I am in there, switched up, and it works perfectly! Great job! :)

[Sofia]

EDIT: Never mind Sofia, great job on this I figured it out I was stupid enough to just follow through with this without paying too much attention to the CSS addition.

You're using a different URL for the images then I am in there, switched up, and it works perfectly! Great job! :)

You're welcome ;)

I'm using different URL for images? I don't think, my URL indicate "images/misc", like must be uploaded images. :)

[dilbert]

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

[Sofia]

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

Only 1 image is transparent but there is a background color behind it so this quote works with nearly all browser, old and recent. Just 3 images are used, 1 PNG and 2 GIF :)

[tekidea]

this version work with 3.7.2?

[Sofia]

this version work with 3.7.2?

Yes :) All versions :)

[goxy63]

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with
<table class="quote_global quote_global-quote" cellspacing="0" width="95%">
as you suggested

Just one small noob question
What's for that PSD file for, I only uploaded two gif images and that PNG one !?

And one more question
How to change colour within quote field, I would like that quoted txt stick out a bit more?

Cheers

[Sofia]

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with
<table class="quote_global quote_global-quote" cellspacing="0" width="95%">as you suggested

Just one small noob question
What's for that PSD file for, I only uploaded two gif images and that PNG one !?

And one more question
How to change colour within quote field, I would like that quoted txt stick out a bit more?

Cheers

Hi goxy.
PNG image is a trensparent image, so you mustn't edit this image.
If you want to change colour within quote field, you must modify grey color in PSD. You can try it. Moreover, you must change color in CSS (background-color).

[goxy63]

Will try it out

Thanks once more for this hack

[trotskid]

Very nice addon, thanks ;)

But two questions: I?ve edited the PSD files (the red colour) and the backbroung code for the default style, but still appears the inner corners of white color (#FAFAFA).

https://vborg.vbsupport.ru/

Also when quoting a message, the line you post next them is very close to the quote. It?s possible to make a marge like default quote? (it?s more aesthetic).

https://vborg.vbsupport.ru/

Thank you

[Tacama]

Installed & nominated.

Simple, functional and smooth as always.

Thank you Sofia :)

[hqlman]

Does some one know how to change BG colour behin the text u quote? as u can see from the attached image of the mod

[W!cKeD]

Hello,

have a question, ive a dark skin and the link-color is hmm i think its grey..any hints i can make a custom hover, link etc. css code? without edit my CSS-Option in Style-Manager.. only for Qoute-Box? :)

Thanks in Advance

[Sofia]

Very nice addon, thanks ;)

But two questions: I?ve edited the PSD files (the red colour) and the backbroung code for the default style, but still appears the inner corners of white color (#FAFAFA).

http://img512.imageshack.us/img512/2601/cornerr.jpg

Also when quoting a message, the line you post next them is very close to the quote. It?s possible to make a marge like default quote? (it?s more aesthetic).

http://img512.imageshack.us/img512/2774/margei.jpg

Thank you

To change the background color, you must also change grey color in PSD.

for the space, you must enter <br /> at the end of the template

[Sofia]

Does some one know how to change BG colour behin the text u quote? as u can see from the attached image of the mod

See this post: https://vborg.vbsupport.ru/showpost.php?p=1821642&postcount=21

[trotskid]

To change the background color, you must also change grey color in PSD.

for the space, you must enter <br /> at the end of the template

Thanks!

Nominated :up:

[SpeedyHire]

cant change the corners to work with a black bg, can anyone help please

[hqlman]

Sorry i meant to change this colour to EEEEEE like the bottom half

https://vborg.vbsupport.ru/external/2009/06/152.jpg

[Sofia]

Sorry i meant to change this colour to EEEEEE like the bottom half

https://vborg.vbsupport.ru/external/2009/06/152.jpg

Yes, you must modify this colors in CSS :
#FAFAFA
#F8F8F8

[hqlman]

Yes, you must modify this colors in CSS :
#FAFAFA
#F8F8F8

thanks, worked fine,

oh and u didnt reply to my PM

[down.low]

Works great, looks soo much better then the norm. Appreciate the mod Sophia, thanks.

[SpeedyHire]

So can anyone help me with getting the corners made black, as i have no experiance with photoshop

[W!cKeD]

Hello,

have a question, ive a dark skin and the link-color is hmm i think its grey..any hints i can make a custom hover, link etc. css code? without edit my CSS-Option in Style-Manager.. only for Qoute-Box? :)

Thanks in Advance

Need Help for this :confused::confused:

Thanks

[hqlman]

Need Help for this :confused::confused:

Thanks

Yes im looking for an easy way of changing URL colours in posts only, so far there are ways but require quite a bit of template code change

[W!cKeD]

Yes im looking for an easy way of changing URL colours in posts only, so far there are ways but require quite a bit of template code change

Thanks :)

[Mistah Roth]

Marked as installed.

Hi, this works brilliantly in posts but doesn't have any effect on quotes in sigs. Obviously that looks silly. I can't find a template for the quote box in sigs, I figured it'd be the same.

Any help? Thanks.

[SirHappy]

Nice work! :) Tagged!

[way2xtreme]

I have a question, no matter how I change the code in template bbcode_quote, it doesn't show the changes, I have saved it in the style I am using as well as the default style...

I even tried empty cache / cookies whatsoever on two different browsers, still see no changes (I checked the source code and couldn't see the changes)..

Checked in the plug-in / product as well, dont see anything related....


So... Does anyone here happen to know how to fix this?

Many THX :) :)


Btw I am on 3.6.1

[Sofia]

Marked as installed.

Hi, this works brilliantly in posts but doesn't have any effect on quotes in sigs. Obviously that looks silly. I can't find a template for the quote box in sigs, I figured it'd be the same.

Any help? Thanks.

Sorry but I don't know how I can do this :s

I have a question, no matter how I change the code in template bbcode_quote, it doesn't show the changes, I have saved it in the style I am using as well as the default style...

I even tried empty cache / cookies whatsoever on two different browsers, still see no changes (I checked the source code and couldn't see the changes)..

Checked in the plug-in / product as well, dont see anything related....


So... Does anyone here happen to know how to fix this?

Many THX :) :)


Btw I am on 3.6.1

:confused:
Have you modified the bbcode_quote template? Have you used the right style?

[P?ŋĭsЋ?я]

Thank you very sofia:)

[way2xtreme]

Sorry but I don't know how I can do this :s



:confused:
Have you modified the bbcode_quote template? Have you used the right style?


I am certain I have modified the quote template in the right style... It doesn't show, then I modified the templates in ALL styles, it still doesn't work ....

Any ideas?
THX :)

[11133]

can someone tell me how to make
[code] [HTML][PHP] with this style
only with difirent image on top right

[uprentiss]

will this work for 3.8.1

[biome.pat]

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with
<table class="quote_global quote_global-quote" cellspacing="0" width="95%">
as you suggested

Just one small noob question
What's for that PSD file for, I only uploaded two gif images and that PNG one !?

And one more question
How to change colour within quote field, I would like that quoted txt stick out a bit more?

Cheers
In case you happen to like the differently sized quote boxes (like I do), you can just change the last css item to this:
.quote_name, .quote_body {
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
padding: 4px;
min-width: 300px;
}

I just added min-width so that my longest username can be accommodated without falling under the quote image. Then again, this won't be so clean a solution if users resize their browser text, but whatever.

[ravi_9793]

Thanks, installed.. worked like charm.

[freeoffline]

10q

[Wonksta]

Hmm having problems

When someone clicks the little viewpost.gif to take them to the original quoted post it opens a new tab and opens viewpost.gif in a different tab then loads the original post in the other tab. any idea why this may be happening? here is the code below:

<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]"/></a></if>

[11133]

can someone write how to make also code/html/php box like this

thanks

[goxy63]

Just noticed one 'small' problem
In mozilla when guest is looking first post which is quoted
and if my settings for google adds are that one add is there in first post....add is covering quoted text

With IE this is not the case

any suggestions

[EidolonAH]

Lovely little mod again Sofia, works brilliantly,t hank you for sharing once again.


can someone write how to make also code/html/php box like this


thanks
bbcode code template replacement:
<table class="quote_global" cellspacing="0">
<tr>
<td class="quote_head"><div><span></span></div></td>
</tr>
<tr>
<td class="quote_body">
<div class="smallfont">$vbphrase[code]:</div>
</td>
</tr>
<tr>
<td class="quote_body">
<pre dir="ltr" style="overflow: auto">$code</pre>
</td>
</tr>
<tr>
<td class="quote_foot"><div><span></span></div></td>
</tr>
</table>

Just change variables found in html and php bbcode templates into the code variables in the code above for html and php.

[Michael1337]

Works a dream! Thanks very much (:

[vaguard]

Very Nice!! Thank you Sofia :)

[yamahapaul]

Very nice Sofia, thank you :)

Incidentally, to get it to show in blogs, add the template code (the second lot) to-

blog_bbcode_quote template

[DrIpac]

Thank you very much.
how make it like this:

[yamahapaul]

Thank you very much.
how make it like this:

Maybe if we ask Sofia nicely she might modify the code to look like your example :D

[grey_goose]

ooooh does asking nicely work? Because I cannot seem to get this adjusted to look good on a black/black board... :(

[yamahapaul]

ooooh does asking nicely work?
Hopefully! :D
Because I cannot seem to get this adjusted to look good on a black/black board... :(
In what way? is it the colours? I guess it probably wouldn't look so good on a black background.. have you messed around with the colours?

[mgurain]

Hi Sofia,
Can you make it as a product that will update all my styles ?
Thanks,,

[pavpavpav]

Where can i find the code to replace in part 3? 3. Template

[yamahapaul]

Where can i find the code to replace in part 3? 3. Template

look in the template BB code quote-

Admin CP >> styles and templates >> style manager >> select edit template from the dropdown on the style you want to edit >> BB code layout template >> BB code quote

[BirdOPrey5]

Installed with a few minor edits...
Any fix for nested quotes when the background color of the quote box isn't the same as the page/post? The outside corners of the inside quote are white, in my case, they match the post background but not the quote background. If I make the corners transparent then the boxes look square again because it's the table color behind the image not the page.

Also what about when the quote tag is used in signatures and stuff- for me they are still showing up in the old/original vB style- is there another location to edit the template for sigs maybe?

Thanks.

[Senzuri]

https://vborg.vbsupport.ru/

What the? What went wrong...

(I needed to edit additional.css under Templates as I couldn't edit "Additional CSS Definitions")

[RobbieZ]

https://vborg.vbsupport.ru/

What the? What went wrong...

(I needed to edit additional.css under Templates as I couldn't edit "Additional CSS Definitions")

The template puts a table around your quote, the CSS removes this!

Make sure you ADD it to your additional CSS. Simple copy and paste should suffice.

[Senzuri]

I cannot edit this part:

https://vborg.vbsupport.ru/

Because I get this message at the top:

https://vborg.vbsupport.ru/

I look in the StyleVars menu but I can't find anywhere to paste the code!

[BirdOPrey5]

Also what about when the quote tag is used in signatures and stuff- for me they are still showing up in the old/original vB style- is there another location to edit the template for sigs maybe?

Thanks.

This must have been a cache issue, it cleared up on its own in a few hours.

http://www.digital-poison.net/images/whathte.png

What the? What went wrong...

(I needed to edit additional.css under Templates as I couldn't edit "Additional CSS Definitions")

I actually really like the look of that quote as is.

[Senzuri]

I cannot edit this part:

http://www.digital-poison.net/images/additional.jpg

Because I get this message at the top:

http://www.digital-poison.net/images/obsolete.png

I look in the StyleVars menu but I can't find anywhere to paste the code!

Greetz, is there anyone that can help me out with this problem?

[RobbieZ]

Yup, Try reading the title of this mod you are using.

This is 3.8 Mod. You my friend are obviously using vb 4.0

Your additional.css template is now stored in your styles & templates manager.

But the template quote change wont work as it uses different vb calls. Sorry

[Senzuri]

Yup, Try reading the title of this mod you are using.

This is 3.8 Mod. You my friend are obviously using vb 4.0

Your additional.css template is now stored in your styles & templates manager.

But the template quote change wont work as it uses different vb calls. Sorry

Doh!

Thanks.

[JohnBee]

looks and working great here!
Thanks for a useful mod...

[mithotyn]

How to fix this? issue only by small quotes

[SorentoUltimate]

Hi everybody,

can someone help with that addon
i try it again and again but i cannot make it work

Thanks in Advance
SorentoUltimate

[BirdOPrey5]

Hi everybody,

can someone help with that addon
i try it again and again but i cannot make it work

Thanks in Advance
SorentoUltimate

Are you making new posts with quotes to test it? Old threads are cached and won't update immediately.

[SorentoUltimate]

Are you making new posts with quotes to test it? Old threads are cached and won't update immediately.

I have to change colors into css because i use other styles (not the default).

The colors need change are :
#F8F8F8
#FAFAFA
#444
#CCC

But i don't know with what colors to change them.

I'm not sure but i have to change the
#F8F8F8 with alt2 background and
#444 with alt2 font color ????

What About #FAFAFA and #CCC ???

[SorentoUltimate]

Hi Again,

i need help with PSD files, can someone help me....

All other are ok now, but not ok with psd files.....

[BirdOPrey5]

What help do you need?

[SorentoUltimate]

What help do you need?

there are two psd need to create gifs,

for each psd i have to create 8 gifs one for each style i have.

i can change the red color with my alt color (ok with that )
But i have also to change thw white with other alt color and line with the line colol.
i try it but the result not good !!!!!!

i'm not good to photoshop and i don't know much about photoshop, someone know photoshop i'm sure can make them perfect !!!!

[Royal Web Media]

Thanks a lot dude : )