PDA

View Full Version : Show Thread Enhancements - Better Quotes - Round Quotes


Sofia
27 May 2009, 10:39
Better Quotes - Round Quotes 3.8.x




Description:

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


http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=214643


https://www.vbulletin.org/forum/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
27 May 2009, 11:51
wawww :) excellent

SkyCatcher
27 May 2009, 14:57
I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

Sofia
27 May 2009, 18:27
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
27 May 2009, 20:05
i just get a square white box, dont see any rounded corners.
will have a go at redoing it again l8r

Sayid
27 May 2009, 20:10
Wow
Very beautiful . installed + Nominated
thanks 4 sharing

Sofia
27 May 2009, 21:00
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
27 May 2009, 22:09
its not working for me

Sofia
28 May 2009, 01:34
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
28 May 2009, 05:32
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
28 May 2009, 06:30
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
28 May 2009, 06:53
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
28 May 2009, 07:22
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
28 May 2009, 07:29
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
28 May 2009, 08:31
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
28 May 2009, 14:13
This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

Sofia
28 May 2009, 14:25
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
31 May 2009, 20:42
this version work with 3.7.2?

Sofia
31 May 2009, 22:18
this version work with 3.7.2?

Yes :) All versions :)

goxy63
01 Jun 2009, 23:08
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
02 Jun 2009, 00:16
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
02 Jun 2009, 00:37
Will try it out

Thanks once more for this hack

trotskid
02 Jun 2009, 11:18
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://www.vbulletin.org/forum/

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://www.vbulletin.org/forum/

Thank you

Tacama
02 Jun 2009, 11:45
Installed & nominated.

Simple, functional and smooth as always.

Thank you Sofia :)

hqlman
02 Jun 2009, 14:04
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
02 Jun 2009, 14:05
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
03 Jun 2009, 01:23
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
03 Jun 2009, 01:24
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: http://www.vbulletin.org/forum/showpost.php?p=1821642&postcount=21

trotskid
03 Jun 2009, 02:27
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
03 Jun 2009, 06:34
cant change the corners to work with a black bg, can anyone help please

hqlman
03 Jun 2009, 14:37
Sorry i meant to change this colour to EEEEEE like the bottom half

https://www.vbulletin.org/forum/external/2009/06/152.jpg

Sofia
03 Jun 2009, 15:53
Sorry i meant to change this colour to EEEEEE like the bottom half

https://www.vbulletin.org/forum/external/2009/06/152.jpg

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

hqlman
03 Jun 2009, 17:55
Yes, you must modify this colors in CSS :
#FAFAFA
#F8F8F8

thanks, worked fine,

oh and u didnt reply to my PM

down.low
04 Jun 2009, 02:43
Works great, looks soo much better then the norm. Appreciate the mod Sophia, thanks.

SpeedyHire
04 Jun 2009, 10:50
So can anyone help me with getting the corners made black, as i have no experiance with photoshop

W!cKeD
05 Jun 2009, 12:07
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
06 Jun 2009, 10:39
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
06 Jun 2009, 23:30
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
07 Jul 2009, 15:43
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
07 Jul 2009, 19:16
Nice work! :) Tagged!

way2xtreme
08 Jul 2009, 03:01
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
08 Jul 2009, 16:05
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ЋĢя
08 Jul 2009, 19:12
Thank you very sofia:)

way2xtreme
09 Jul 2009, 00:06
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
14 Jul 2009, 16:39
can someone tell me how to make
[code] [HTML][PHP] with this style
only with difirent image on top right

uprentiss
15 Jul 2009, 16:48
will this work for 3.8.1

biome.pat
15 Jul 2009, 19:15
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
15 Jul 2009, 19:45
Thanks, installed.. worked like charm.

freeoffline
24 Jul 2009, 08:39
10q

Wonksta
26 Jul 2009, 13:04
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
02 Aug 2009, 01:11
can someone write how to make also code/html/php box like this

thanks

goxy63
14 Aug 2009, 06:32
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
02 Oct 2009, 10:48
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
23 Oct 2009, 00:18
Works a dream! Thanks very much (:

vaguard
18 Nov 2009, 05:05
Very Nice!! Thank you Sofia :)

yamahapaul
26 Nov 2009, 22:01
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
27 Nov 2009, 18:40
Thank you very much.
how make it like this:

yamahapaul
27 Nov 2009, 19:44
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
28 Nov 2009, 00:03
ooooh does asking nicely work? Because I cannot seem to get this adjusted to look good on a black/black board... :(

yamahapaul
29 Nov 2009, 19:01
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
21 Jan 2010, 05:53
Hi Sofia,
Can you make it as a product that will update all my styles ?
Thanks,,

pavpavpav
21 Apr 2010, 08:05
Where can i find the code to replace in part 3? 3. Template

yamahapaul
21 Apr 2010, 08:47
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
18 May 2010, 04:38
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
24 May 2010, 10:22
https://www.vbulletin.org/forum/

What the? What went wrong...

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

RobbieZ
24 May 2010, 12:14
https://www.vbulletin.org/forum/

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
24 May 2010, 21:39
I cannot edit this part:

https://www.vbulletin.org/forum/

Because I get this message at the top:

https://www.vbulletin.org/forum/

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

BirdOPrey5
25 May 2010, 00:24
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
25 May 2010, 08:00
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
25 May 2010, 15:05
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
26 May 2010, 04:47
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
18 Jun 2010, 07:20
looks and working great here!
Thanks for a useful mod...

mithotyn
28 Jun 2010, 11:26
How to fix this? issue only by small quotes

SorentoUltimate
25 Jul 2010, 01:15
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
25 Jul 2010, 02:21
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
29 Jul 2010, 10:03
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
29 Jul 2010, 23:59
Hi Again,

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

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

BirdOPrey5
30 Jul 2010, 00:29
What help do you need?

SorentoUltimate
30 Jul 2010, 02:40
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
14 Aug 2010, 11:48
Thanks a lot dude : )