Png Rounded Quotes (PRQ) v.3.10 - Valid XHTML 1.0

[cclaerhout]

Png Rounded Quotes (PRQ) version 3.10 - Valid XHTML 1.0

Author: C?dric Claerhout

Thanks to : Elmer, Natch and d00d

Hack description: This hack, based on Elmer?s one, turns the traditional quotes into round quotes with PNG images as border. You can use it with light and dark backgrounds without any graphical problems. For Gif supporters, just use the adobe psd file include to create pictures yourself. Should take 5 minutes, time to open Photoshop and change .png to gif extension in the code.

Zip description : Code, PSD, Pictures ready to use, and useful information.

Time to install: 10 min

Compatible browsers : IE 6 (with png transparency patch), Firefox 1.x, Firefox 1.5x, Safari.

What's new:

20 february 2006 : version 3.10
-quotes are now included in just one table (instead of two)
-width bug for optional bbcodes in IE corrected
-works now with Safari

14 february 2006 : version 3.00
-code complitely rewritten for quotes AND bbcodes ; it shoud fix some display bugs with IE
-code patched to work with Firefox 1.5
-new option for quotes : one or two bubbles (thanks majorxp). See joined pictures to understand : citationmonobulle.jpg and citationdoublebulle.jpg

22 august 2005 : version 2.2
-code rewritten
-option bbcodes interface integrated in the zip files

17 august 2005 : version 2.1
-option : php and code tags template
-update .psd file in in quotesPNG_v2.1.zip
-put a missing png picture in quotesPNG_v2.1.zip
-Bug corrected in code template

16 august 2005 :
-Valid XHTML 1.0
-I had forgotten to join the transparency background version (70%).



Instructions:


First of all, you HAVE to install that hack.
Link : https://vborg.vbsupport.ru/showthread.php?t=93415 (need vB 3.5 RC)

It will allow png picture transparency work with Internet Explorer.



Then download the zip file and follow the instructions:

1. Login to your Admin Control Panel
2. In the Styles & Templates category, click on Style Manager and expand the group of templates in your prefered style, by clicking on the [<<>>] button.
3. Select the group of templates BB Code Layout. Click the 'Expand/Collapse' button, or double-click the group name to expand or collapse the BB Code Layout ? group of templates.
3. Now select the template bbcode_quote. Double-click the template name or click the 'Customize' button to edit this template.
4. Replace all the content in the template field withd the code provided in the txt file in the zip below.
5. Upload the folder "quotes" (or quotestr) containing all the images to your misc images directory of your style :

[style]/images/misc




Notes:

>You have to increase the amount of images to use in a post through your admin cp, because this mod use images and it counts as post images.
>If new png quotes pictures don?t appear immediately in your old messages, don?t panic and just wait. If you're hurry, just write a new message and it will work.
>I give you the PDF file so that you can modify if you want the quotes. Now it?s easy to do. I give you also a picture that helps you to localise where each segment of the PSD goes.
>Of course i?ve tested this hack, both in IE and Mozilla, and it works great.


https://vborg.vbsupport.ru/external/2005/08/1.png



Bonus
Once installed, you can make your code, html and php tags the same look if you want. Just go into the option directory included in the zip file, and replace the templates of each of this tags by the content of the text files.
N.B : For those three bbcode, the width depends on the value indicated in "All Style option" under "Code Block Width (pixels)".

[Floris]

Great job, thank you for sharing. Always nice to see png work at its best, and xhtml valid! :) Karma++ for you.

[Oblivion Knight]

Karma++ for you.You're not at vbulletin.nl now you know.. :laugh:

[Boofo]

This doesn't stretch the quote box in the post. It is fixed and in the middle.

[cclaerhout]

This doesn't stretch the quote box in the post. It is fixed and in the middle.

Yes the quote box is in the middle, but it streches. There's just a minimum size (see the example)which can change according to the name of the personn who is quoted.

I'm going to look if i can make it align on left if you prefer.

[Boofo]

Is there a way to make it stretch like the current quote box does?

[cclaerhout]

Thanks to you, i've seen a mistake in my code :D I'm going to update zip archives.

And here's to you the code (tested on Firefox and Internet Explorer ; Valid XHTML 1.0 according to W3C) to align left and strecht the quote box :


<table border="0" cellpadding="0" cellspacing="0" align="center" style="margin-top:5px; margin-bottom:5px;"
width="100%">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="75" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" width="50">
<tr>
<td width="37" height="24" valign="top">
<img src="$stylevar[imgdir_misc]/quotes/06.png" alt="" width="37" height="24"/></td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotes/07.png');width:1px;height:24px; background-position: center;" valign="middle">
<span class="smallfont">$vbphrase[quote]:</span></td>
<td valign="top">
<img src="$stylevar[imgdir_misc]/quotes/08a.png" alt="" width="16" height="24"/></td>
</tr>
</table>
</td>
<td align="left" valign="bottom">
</td>
<if condition="$show['username']">
<td width="0" align="left" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr>
<td valign="top">
<img src="$stylevar[imgdir_misc]/quotes/08b.png" alt="" width="17" height="24"/></td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotes/09.png'); width:100%; height:24px" align="left" valign="middle" nowrap="nowrap">
<span class="smallfont">
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></span></td>
<td valign="top">
<img src="$stylevar[imgdir_misc]/quotes/10.png" alt="" width="18" height="24"/></td>
</tr>
</table>
</td>
<else /></if>
<td width="100%" align="right" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-image: url('$stylevar[imgdir_misc]/quotes/11.png');width:100%;height:24px" width="100%" valign="middle">
</td>
<td align="left" valign="top">
<img src="$stylevar[imgdir_misc]/quotes/12.png" alt="" width="18" height="24"/></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="37" style="background-image: url('$stylevar[imgdir_misc]/quotes/04.png');width:37px;height:1px">
</td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotes/00.png'); width:100%; height:1px" valign="top"></td>
<td width="18" style="background-image: url('$stylevar[imgdir_misc]/quotes/05.png'); width:18px; height:1px">
</td>
</tr>
<tr>
<td width="37" style="background-image: url('$stylevar[imgdir_misc]/quotes/04.png'); width:37px;height:1px">
</td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotes/00.png');width:100%;height:1px" valign="top" class="smallfont">
<if condition="$show['username']"><i>$message</i>
<else />$message</if></td>
<td width="18" style="background-image: url('$stylevar[imgdir_misc]/quotes/05.png'); width:18px; height:1px">
</td>
</tr>
<tr>
<td width="37" valign="bottom">
<img src="$stylevar[imgdir_misc]/quotes/01.png" alt="" width="37" height="14"/></td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotes/02.png');width:100%;height:14px">
</td>
<td width="18" valign="bottom">
<img src="$stylevar[imgdir_misc]/quotes/03.png" alt="" width="18" height="14"/></td>
</tr>
</table>
</td>
</tr>
</table>



P.S : if it doesn't update immediatly after you change the template, that's normal. Just make a new quote and you will see that it works.

[Boofo]

Thank you, sir. ;)

Just curious, what was the mistake in the code?

[Boofo]

I don't know what happened but that code you gave me really screwed up the posts. I took it out until I can figure out why it did that. ;)

[cclaerhout]

That code was missing between the two subtables :

</td>
</tr>
<tr>
<td>


Quite strange, because XHTML validator didn't notice it...


----
Zip archives updated.

[Boofo]

Ok, that's better. We almost have it. The center is off color for some reason still.

[cclaerhout]

Ok, that's better. We almost have it. The center is off color for some reason still.

Have you cheked if the png picture was missing ?
Try with mozilla to open the background picture, refresh it and see the result.

But there is a strange thing on the picture you've joined : on the top right, it seems to have a grey color. It shouldn't do that.


P.S : that's not better, but different :D

[Boofo]

The top is fixed now. I didn't have the transparent png mod installed yet. It still has the message background a different color. Any way to make that white?

EDIT: I don't have a 00.png image in the quotes directory and that looks like what it is looking for.

[cclaerhout]

The top is fixed now. I didn't have the transparent png mod installed yet. It still has the message background a different color. Any way to make that white?

EDIT: I don't have a 00.png image in the quotes directory and that looks like what it is looking for.

Sure there's a way. Just have to find the error ;-)
What version are you using ? The white background or transparency (70%) one ?


Edit : do i forget to put it ???

Edit bis : Oupss, yes i dit it :D

[Boofo]

Which one should I use? I was using the white background one.

[cclaerhout]

Tell me if it's working with this, then i will update archive.

https://vborg.vbsupport.ru/attachment.php?attachmentid=33531&stc=1

[Boofo]

Bingo! That did the trick. ;)

Thank you, sir. ;)

Just curious, why didn't you go with GIFS withg transparent background instead of png?

And any way to make this work with PHP, CODE and HTML tags, too? ;)

[cclaerhout]

Which one should I use? I was using the white background one.
That was the one where the 00.png picture was missing ;-) I've updated the archive. Can you confirm that it works now ?

[Boofo]

It works! ;)

[cclaerhout]

Bingo! That did the trick. ;)

Thank you, sir. ;)

Just curious, why didn't you go with GIFS withg transparent background instead of png?

And any way to make this work with PHP, CODE and HTML tags, too? ;)

Because of that :
https://vborg.vbsupport.ru/attachment.php?attachmentid=33491

Gif doesn't use the alpha transparency, so with dark backgrounds it's ugly.
The only problem with png is Internet Explorer. (well, it's second problem is that it cannot be animated. May be one day...).

This work cannot work with html tags, because with Internet Explorer (and with the transparency hack) the png background will come over the text and all links won't work.

I think it can work with php and code tags, but i'm not sure.

[Boofo]

Because of that :
https://vborg.vbsupport.ru/attachment.php?attachmentid=33491

Gif doesn't use the alpha transparency, so with dark backgrounds it's ugly.
The only problem with png is Internet Explorer. (well, it's second problem is that it cannot be animated. May be one day...).

This work cannot work with html tags, because with Internet Explorer the png background will come over the text and all links won't work.

I think it can work with php and code tags, but i'm not sure.

Ahhh, ok. I didn't know that. ;)

I thought the qoutes hack released opn vbulltintemplates.com was with gifs, though. Maybe I'm remembering it wrong. ;)

I'm using IE 6 and it shows up great for me now. ;)

[cclaerhout]

I thought the qoutes hack released opn vbulltintemplates.com was with gifs, though. Maybe I'm remembering it wrong. ;)



Correct, they were in gif and i made them in png rewriting the code.


I manage to make the php and code tags. Try them if you want. It's just a beginning. I think it can be improved. But i must find time to update my forum for vB 3.5 :)

[Boofo]

Thank you, sir. ;)

[Elmer]

Correct, they were in gif and i made them in png rewriting the code.


I manage to make the php and code tags. Try them if you want. It's just a beginning. I think it can be improved. But i must find time to update my forum for vB 3.5 :)

Installed!
cclaerhout thanks for your mod, you did a great work.

Could you change the 'thanks to Dexter' to Elmer, I was the author in vbtemplates.com I had Dexter as my username there but changed with my username here when they combined the forums...

anyways, thanks for your mod.

[Boofo]

Ok, I tried the php and code ones you wanted me to try. The code one works but it is centered and needs to be lined up on the left. The php one is also centered but it is too wide and needs to be lined on the left also. Other than that, they work good. ;)

[cclaerhout]

Installed!
cclaerhout thanks for your mod, you did a great work.

Could you change the 'thanks to Dexter' to Elmer, I was the author in vbtemplates.com I had Dexter as my username there but changed with my username here when they combined the forums...

anyways, thanks for your mod.

Done :-)

[cclaerhout]

Ok, I tried the php and code ones you wanted me to try. The code one works but it is centered and needs to be lined up on the left. The php one is also centered but it is too wide and needs to be lined on the left also. Other than that, they work good. ;)

Check in your Style Manager the "Code Block Width (pixels)", otherwise change in the optional templates (for php and code tags) this :
width="$stylevar[codeblockwidth]"
to
width="100%"

[Boofo]

That only made it worse. :(

The coede one is the right width but need to be left aligned. The php one is the one that is stretched.

[cclaerhout]

Can you send a picture of the problem ?
Try theses files (i will delete them if they don't work).

Edit :
zip Delete

[cclaerhout]

Can you send a picture of the problem ?
Try theses files (i will delete them if they don't work).

Edit :
zip Delete

Update 2.2 is out. Other bbcodes can look similar. Tested on IE and Firefox.

[Mr Chad]

when i use it i just get clear everything it looks like all the images are replaced by the spacers.

[cclaerhout]

when i use it i just get clear everything it looks like all the images are replaced by the spacers.

Check if you put pictures directory (quotes or quotestr) in your style misc directory. It should work. Be more precise, i will help you.

[Mr Chad]

Check if you put pictures directory (quotes or quotestr) in your style misc directory. It should work. Be more precise, i will help you.

wait they are spose to be in images/misc/ ?

[cclaerhout]

wait they are spose to be in images/misc/ ?
So so sorry, i've made a mistake in the instructions :

you do have to put quotes or quotestr (transparent version) directory in :
[style]/images/misc

It should work now.

[KuRi]

how can i make all the text black??

Quote: Originally posted by and message??

cus my forums theme uses a light font color it hardly shows in this

[cclaerhout]

how can i make all the text black??

Quote: Originally posted by and message??

cus my forums theme uses a light font color it hardly shows in this


Use this :
<font color="#000000"> </font>


Step 1
You want to change text color of "Quote : (...)" into black ?
Do this in the code

Find $vbphrase[quote]:
and change it to
<font color="#000000">$vbphrase[quote]:</font>

Step 2
Use the same technic for
$vbphrase[originally_posted_by_x]
-> <font color="#000000">$vbphrase[originally_posted_by_x]</font>

Step 3
And last for the text :
$message
-><font color="#000000">$message</font>

P.S : $message variable appears two times in the code.

[KuRi]

Thats what i thaught but it had no effect???

[cclaerhout]

Thats what i thaught but it had no effect???
It works for me... Have you tried to make another quote ? I mean when you make a modification, you often have to quote another message to see the result. If you want send me a PM with the adress of your site, i'll have a look.

[KuRi]

cheers i didnt realise i had to make another quote.

[Snort_2005]

Installed and working fine.. I had to tweak the optional templates, (php/html/code) tags to get the fixed width font back on there. If the author doesn't mind, I would release those fixes. >_> (My edits is for the trans 70% version.)

[cclaerhout]

Installed and working fine.. I had to tweak the optional templates, (php/html/code) tags to get the fixed width font back on there. If the author doesn't mind, I would release those fixes. >_> (My edits is for the trans 70% version.)

Of course you can but why don't you use the "Code Block Width (pixels)" setting ?

[Snort_2005]

Of course you can but why don't you use the "Code Block Width (pixels)" setting ?

My fixes makes it use the "Code Block Width (pixels)" Setting.. (for some odd reason, yours didn't do that for me. o.o)

Anyways.. my php/code/html templates are attached. (Quote was perfect. Thank you. ^_^)

Live Demo: http://www.zcworld.net/

EDIT: NOTE: By default, I have slightly edited the CSS to force the text within these blocks (unless otherwise colored as per the html/php blocks) to have the color black as the font color.

[cclaerhout]

My fixes makes it use the "Code Block Width (pixels)" Setting.. (for some odd reason, yours didn't do that for me. o.o)

Anyways.. my php/code/html templates are attached. (Quote was perfect. Thank you. ^_^)

Live Demo: http://www.zcworld.net/

EDIT: NOTE: By default, I have slightly edited the CSS to force the text within these blocks (unless otherwise colored as per the html/php blocks) to have the color black as the font color.

Strange i thought it was the width of table and not the widht of text box that makes width of the all.
Anyways your option is nice for thoses who want to use $blockheight with an overflow. But i wonder the look it can have with scrolling bars.

I have visited your website. I've already seen on my website that theses quotes CAN break the display of CMPS. So i avoid to use them in first messages of a thread.

[Avalon111]

works like a charm!

thanks!!!!!

[Avalon111]

Realy great work!
i have also added the code, php and html extensions.

but i have one problem i dont want to get the message in the code tags parsed!
where do i have to add in the templates to get this working?

look at the screenshots for an example.

[Avalon111]

iw would be very cool to use this style for the Attached Files window too!
is this possible?

[cclaerhout]

Realy great work!
i have also added the code, php and html extensions.

but i have one problem i dont want to get the message in the code tags parsed!
where do i have to add in the templates to get this working?

look at the screenshots for an example.
I really don't know. I've got no problem on my forum. If you discovery why this bug happens, i'll we interested to know. Thanks :)

[cclaerhout]

iw would be very cool to use this style for the Attached Files window too!
is this possible?

I guess yes ; but i haven't the time at the moment (a lot of work to do) ;)

[weaver]

I love the way this looks in PMs when there's a lot of quoting happening. Very nice.

[mgurain]

hi does this works with 3.5.0 stablerelease ?

thanks

[Avalon111]

I really don't know. I've got no problem on my forum. If you discovery why this bug happens, i'll we interested to know. Thanks :)
i am sure this issue has nothing to do with your modification. seems like a bug of vbulletin.

[cclaerhout]

hi does this works with 3.5.0 stablerelease ?

thanks

Great :rolleyes:

[ventrix]

Installed.. Works great.. with one small exception.. I'm getting a thin white line/space inside the quote box on the right side.

Any idea on how to fix this?

[LittleBoy1]

Thanx!!! :speechless: is great!

[weaver]

Installed.. Works great.. with one small exception.. I'm getting a thin white line/space inside the quote box on the right side.

Any idea on how to fix this?

I'm getting that line as well. I don't remember it being there before the 3.5.1 upgrade, but I may be mistaken.

[LEAD_WEIGHT]

I'm getting that line as well. I don't remember it being there before the 3.5.1 upgrade, but I may be mistaken.

That could be something related this part of the code, I will use the default
as example: set border:0px
<td class="alt2" style="border:1px inset">

[mkdevo]

any idea why i'd be seeing this in firefox?

http://img219.imageshack.us/img219/5444/quoteprob8fw.jpg

it's only most of the time.. sometimes it shows up ok.. any clue?

[ThorstenA]

Small and dirty correction to have only one "quote":

<div style="align:left;">
<table border="0" cellpadding="0" cellspacing="0" style="margin-top:5px;margin-bottom:5px;width:100%;">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="75">
<table border="0" cellpadding="0" cellspacing="0" width="50">
<tr>
<td width="37">
<img src="$stylevar[imgdir_misc]/quotestr70/06.png" alt="" width="37" height="24"/></td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/07.png');width:1px;height:24px;background-position:center;" valign="middle">
<span class="smallfont">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<if condition="!$show['username']">$vbphrase[quote]</if></span></td>

<if condition="!$show['username']">
<td>
<img src="$stylevar[imgdir_misc]/quotestr70/08a.png" alt="" width="16" height="24"/></td>
</if>


</tr>
</table>
</td>
<td align="left">
</td>
<if condition="$show['username']">
<td align="left">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<!--<td>
<img src="$stylevar[imgdir_misc]/quotestr70/08b.png" alt="" width="17" height="24"/></td>-->
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/09.png');width:100%;height:24px;" align="left" valign="middle" nowrap="nowrap">
<span class="smallfont">
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></span></td>
<td>
<img src="$stylevar[imgdir_misc]/quotestr70/10.png" alt="" width="18" height="24"/></td>
</tr>
</table>
</td>
<else /></if>
<td width="100%" align="right">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-image: url('$stylevar[imgdir_misc]/quotestr70/11.png');width:100%;height:24px;" width="100%">
</td>
<td align="left">
<img src="$stylevar[imgdir_misc]/quotestr70/12.png" alt="" width="18" height="24"/></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="37" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/04.png');width:37px;height:1px;">
</td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/00.png');width:100%;height:1px;"></td>
<td width="18" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/05.png');width:18px;height:1px;">
</td>
</tr>
<tr>
<td width="37" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/04.png');width:37px;height:1px;">
</td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/00.png');width:100%;height:1px;" class="smallfont">
<if condition="$show['username']"><div style="margin-right:24px;"><i>$message</i></div>
<else /><div style="margin-right:24px;">$message</div></if></td>
<td width="18" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/05.png');width:18px;height:1px;">
</td>
</tr>
<tr>
<td width="37">
<img src="$stylevar[imgdir_misc]/quotestr70/01.png" alt="" width="37" height="14"/></td>
<td width="100%" style="background-image: url('$stylevar[imgdir_misc]/quotestr70/02.png');width:100%;height:14px;">
</td>
<td width="18">
<img src="$stylevar[imgdir_misc]/quotestr70/03.png" alt="" width="18" height="14"/></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

[350Chevy]

Anyway to get this working with vBAdvanced CMPS? If you try to quote something in the "news" section on vBAdvanced the whole page goes whacky.

Other than that it looks great. :)

[mkdevo]

this is working great with my lighter styles, but doesn't look good on my darker one:

http://img504.imageshack.us/img504/3822/quote8lz.jpg

how can i change the background color?

[cclaerhout]

Installed.. Works great.. with one small exception.. I'm getting a thin white line/space inside the quote box on the right side.

Any idea on how to fix this?

Unfortunately, you can't. I do not understand this problem. I only can reproduce it at work with the PC i use (Windows 2000 - IE v.6.0.2800.1106). But at home, with my computers, there is no problem... If someone can explain me this strange thing, don't hesitate. I'm going to see if LEAD_WEIGHT is correct, but i'm not sure. I can also try (but it's not a promise) to convert table code to CSS.

any idea why i'd be seeing this in firefox? it's only most of the time.. sometimes it shows up ok.. any clue?
A random problem... Sorry, but i can't help. May be pictures don't load correctly. Try to increase the number of autorised attached files. It could help. But again, i'm not sure.


this is working great with my lighter styles, but doesn't look good on my darker one: how can i change the background color?
You can't change the background color but you can change the text color. See that post : https://vborg.vbsupport.ru/showpost.php?p=764321&postcount=36


Anyway to get this working with vBAdvanced CMPS? If you try to quote something in the "news" section on vBAdvanced the whole page goes whacky.
I don't think so. Even though the quote code is included in a table that as a width in %, the size doesn't change if the showthread command uses a smaller display box. Must be due to the vB cache. I don't know.

[cclaerhout]

Well, i've rewritten all the code. Now it is much simpler (and shorter) than the old one. I will update zip files later ;) I hope it will fix some problems.

Here it is :

Quote -normal version
<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotes/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotes/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotes/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotes/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotes/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"></td>
</tr>
<tr>
<td colspan="<if condition="$show[username]">8<else />5</if>">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);width:37px;height:1px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);width:1px;height:1px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);width:18px;height:1px;" nowrap="nowrap"></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);width:37px;height:1px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);width:100%;height:1px;margin-right:24px;" class="smallfont">
<if condition="$show[username]">
<i>$message</i><else />$message
</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);width:18px;height:1px;" nowrap="nowrap"></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/01.png);width:37px;height:14px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/02.png);width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/03.png);width:18px;height:14px;" nowrap="nowrap"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>




Quote -70% transparency background version
<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotestr70/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotestr70/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotestr70/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotestr70/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotestr70/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotestr70/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotestr70/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"></td>
</tr>
<tr>
<td colspan="<if condition="$show[username]">8<else />5</if>">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotestr70/04.png);width:37px;height:1px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/00.png);width:1px;height:1px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotestr70/05.png);width:18px;height:1px;" nowrap="nowrap"></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotestr70/04.png);width:37px;height:1px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/00.png);width:100%;height:1px;margin-right:24px;" class="smallfont">
<if condition="$show[username]">
<i>$message</i><else />$message
</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotestr70/05.png);width:18px;height:1px;" nowrap="nowrap"></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotestr70/01.png);width:37px;height:14px;" nowrap="nowrap"></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/02.png);width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotestr70/03.png);width:18px;height:14px;" nowrap="nowrap"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

[majorxp]

Ok.

Confirmed. It does not work in Firefox.

[cclaerhout]

Ok.

Confirmed. It does not work in Firefox.

It does work with Firefox.

If you've got a problem, discribe it.

[majorxp]

It does work with Firefox.

If you've got a problem, discribe it.

This is what my screen looks like. Old version looks great. New version does this. Images were loaded by firefox, but not displayed.


Edit:


Error.gif is in Firefox

Eror2.gif is in IE

Same page.

[cclaerhout]

This is what my screen looks like. Old version looks great. New version does this. Images were loaded by firefox, but not displayed.


Edit:


Error.gif is in Firefox

Eror2.gif is in IE

Same page.

Well, i've tried with Opera -> it works
i've tried with Internet Explorer -> it works
i've tried with Firefox 1.04 -> it works

So i've updated it to 1.51 version -> it doesn't work
Seems to be (again !!! It's not the first time the new version of Firefox gives me some problem with CSS in style="" commande) a bug.

I'll try to patch my code for FF.

[cclaerhout]

Well here is the "Patched version" of my code for FF 1.5.
Just to show you that it's an old bug i've already noticed :
http://forums.mozillazine.org/viewtopic.php?t=347558
http://www.vbulletin.com/forum/showpost.php?p=1031995&postcount=20


Quote -normal version | FF 1.5 Patched
<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotes/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotes/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotes/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:16px;"></div><!-- /FF 1.5 Patch--></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotes/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:17px;"></div><!-- /FF 1.5 Patch--></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotes/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td colspan="<if condition="$show[username]">8<else />5</if>">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);width:37px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);width:100%;height:1px;margin-right:24px;padding-top:8px;" class="smallfont">
<if condition="$show[username]">
<i>$message</i><else />$message
</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);width:18px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/01.png);width:37px;height:14px;" nowrap="nowrap">
<!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/02.png);width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/03.png);width:18px;height:14px;" nowrap="nowrap">
<!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</td>
</tr>
</table>
</div>



Quote -70% transparency background version | FF 1.5 Patched
<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotestr70/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotestr70/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotestr70/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:16px;"></div><!-- /FF 1.5 Patch--></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotestr70/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:17px;"></div><!-- /FF 1.5 Patch--></td>
<td style="background-image: url($stylevar[imgdir_misc]/quotestr70/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotestr70/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotestr70/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td colspan="<if condition="$show[username]">8<else />5</if>">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotestr70/04.png);width:37px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/00.png);width:100%;height:1px;margin-right:24px;padding-top:8px;" class="smallfont">
<if condition="$show[username]">
<i>$message</i><else />$message
</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotestr70/05.png);width:18px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotestr70/01.png);width:37px;height:14px;" nowrap="nowrap">
<!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotestr70/02.png);width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotestr70/03.png);width:18px;height:14px;" nowrap="nowrap">
<!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</td>
</tr>
</table>
</div>


Update : code updated.

[majorxp]

This works great now!!

Thanks!

/tiphat

[cclaerhout]

Png Rounded Quotes (PRQ) version 3.00 is OUT !

Changes :
-code complitely rewritten for quotes AND bbcodes ; it shoud fix some display bugs with IE
-code patched to work with Firefox 1.5
-new option for quotes : one or two bubbles (thanks majorxp).

To upgrade, just replace the code but you DON'T have to upload pictures again.

Best regards,

Cédric

[sensimilla]

thanks upgraded

[quanvo81]

thanks upgraded

I may sound stupid, but I only have 1 bubble as the attachment below, I tried all of the text files in the zip file but it only show 1 bubble.
What do I have to do to have 2 bubbles, am I missing something?

[cclaerhout]

I may sound stupid, but I only have 1 bubble as the attachment below, I tried all of the text files in the zip file but it only show 1 bubble.
What do I have to do to have 2 bubbles, am I missing something?

I will have a look when i'll be back at home.

Edit : you've right. I'll correct the archive later. If you can't wait just read posts above.

[quanvo81]

I will have a look when i'll be back at home.

Edit : you've right. I'll correct the archive later. If you can't wait just read posts above.
Thanks . I will wait for you because I went through every single post of this thread very well.
Waiting.... :D :D

[ehjay]

still apparently a mess in IE -- and now it doesn't render correctly in Safari.

https://vborg.vbsupport.ru/attachment.php?attachmentid=42786&stc=1

[cclaerhout]

Sorry :D After having a look into the archive file again, i can certify files are good.

Just try to post a new quote to check if the "bug" display isn't due to vB cache.

And of course, use code of "QuotesPNG_template.txt" text file. It should work.

[cclaerhout]

still apparently a mess in IE -- and now it doesn't render correctly in Safari.

https://vborg.vbsupport.ru/attachment.php?attachmentid=42786&stc=1


Can you give a link to you quote message, because at home i've got no problem with IE.

And sorry, but i don't have Safari to run my tests.

[ehjay]

<a href="http://www.warboards.org/showpost.php?p=278278&postcount=32" target="_blank">http://www.warboards.org/showpost.ph...8&postcount=32</a>

loads even worse in Safari when I switch to your latest version.

[cclaerhout]

I've just try on my IE and the only problem is you don't have installed the png transparency hack for IE.

------
I found a little width bug for bbcode (option) in IE. I'll correct it later.

[ehjay]

well that's the major issue now -- the quote itself isn't stretching the bottom bg to fit the full width of the quote.

hopefully fixing that would fix safari as well (the problem changed from the screenshot I posted above).

I understand the transparency hack that you've supported isn't installed, but it's not the best in my opinion -- and I currently use the JS solution.

[cclaerhout]

JS solution will not work : CSS backround PNGs are not supported with this method.

Each time you've got a problem, put a picture otherwise i won't understand.

Try this code and tell me what happens :

code deleted

[quanvo81]

Sorry :D After having a look into the archive file again, i can certify files are good.

Just try to post a new quote to check if the "bug" display isn't due to vB cache.

And of course, use code of "QuotesPNG_template.txt" text file. It should work.

Thanks cclaeehout , lol, I don't know what's wrong, probably the cache you said, after I went out to eat then come back home, I recheck it again then it show up 2 bubbles . :nervous:

It's weird coz I turned the cache off in Vbulletin Option already.
But anyway, it works great now. Thanks again.

[ehjay]

Works in FF, however Safari still fails to stretch the bottom half of the quotebit.

[cclaerhout]

Works in FF, however Safari still fails to stretch the bottom half of the quotebit.

Ok, i undersdant the problem now ; i'll try to find a solution (i hope) but in France it's late, i must go to bed :)

[cclaerhout]

Works in FF, however Safari still fails to stretch the bottom half of the quotebit.

Tell me this code works now with Safari ;) All the quotation uses only one table instead of two.

<div style="align:left;margin-top:5px;margin-bottom:5px;width:50%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotes/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotes/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:16px;"></div><!-- /FF 1.5 Patch--></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotes/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:17px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);width:37px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);width:100%;height:1px;margin-right:24px;padding-top:8px;" class="smallfont">
<if condition="$show[username]"><i>$message</i><else />$message</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);width:18px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/01.png);width:37px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/02.png);width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/03.png);width:18px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</div>

[ehjay]

fixed the width bug -- only remaining issue I see is that it breaks when the username is included in the quote header:

[cclaerhout]

fixed the width bug -- only remaining issue I see is that it breaks when the username is included in the quote header:

Is it with IE or Safari ?

[ehjay]

Safari, hence my attachment.

[cclaerhout]

Sorry i was busy yesterday.

I think this code should work :
<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotes/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/07.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div style="width:100%;" class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotes/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:16px;"></div><!-- /FF 1.5 Patch--></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotes/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:17px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/09.png);background-repeat:repeat-x;width:1px;height:24px;" valign="middle" nowrap="nowrap">
<div style="width:100%;" class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);background-repeat:repeat-y;width:37px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);background-repeat:repeat;width:100%;height:1px;margin-right:24px;padding-top:8px;" class="smallfont">
<if condition="$show[username]"><i>$message</i><else />$message</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);background-repeat:repeat-y;width:18px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/01.png);width:37px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/02.png);background-repeat:repeat-x;width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/03.png);width:18px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</div>

[ehjay]

Naw, it still exists. The second bubble's size has been shrunk, but it still line breaks and causes the quotebit to break as I showed in my last post.

[cclaerhout]

Ok i think i've found why there is a bug with Safari :
Konqueror doesn't honor the nowrap tag in <td> elements.
How nice !

[cclaerhout]

By the way try this code ; i've added nowrap with CSS style command

<div style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" style="background-image:url($stylevar[imgdir_misc]/quotes/06.png);background-repeat:no-repeat;width:37px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/07.png);background-repeat:repeat-x;width:1px;height:24px;white-space:nowrap;" valign="middle" nowrap="nowrap">
<div style="width:100%;white-space:nowrap;vertical-align:middle;" class="smallfont" nowrap="nowrap">$vbphrase[quote]:</div></td>
<td width="16" style="background-image: url($stylevar[imgdir_misc]/quotes/08a.png);background-repeat:no-repeat;width:16px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:16px;"></div><!-- /FF 1.5 Patch--></td>
<if condition="$show[username]">
<td width="17" style="background-image: url($stylevar[imgdir_misc]/quotes/08b.png);background-repeat:no-repeat;width:17px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:17px;"></div><!-- /FF 1.5 Patch--></td>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/09.png);background-repeat:repeat-x;width:1px;height:24px;white-space:nowrap;" valign="middle" nowrap="nowrap">
<div style="width:100%;white-space:nowrap;vertical-align:middle;" class="smallfont" nowrap="nowrap"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/10.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</if>
<td width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/11.png);background-repeat:repeat-x;width:100%;height:24px;" nowrap="nowrap"></td>
<td width="18" style="background-image:url($stylevar[imgdir_misc]/quotes/12.png);background-repeat:no-repeat;width:18px;height:24px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/04.png);background-repeat:repeat-y;width:37px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/00.png);background-repeat:repeat;width:100%;height:1px;margin-right:24px;padding-top:8px;" class="smallfont">
<if condition="$show[username]"><i>$message</i><else />$message</if></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/05.png);background-repeat:repeat-y;width:18px;height:1px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
<td width="37" style="background-image: url($stylevar[imgdir_misc]/quotes/01.png);width:37px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:37px;"></div><!-- /FF 1.5 Patch--></td>
<td colspan="<if condition="$show[username]">6<else />3</if>" width="100%" style="background-image: url($stylevar[imgdir_misc]/quotes/02.png);background-repeat:repeat-x;width:100%;height:14px;" nowrap="nowrap"></td>
<td width="18" style="background-image: url($stylevar[imgdir_misc]/quotes/03.png);width:18px;height:14px;" nowrap="nowrap"><!-- FF 1.5 Patch--><div style="width:18px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</div>

[ehjay]

Works in Safari now -- we'll see how my users respond in terms of other browsers/platforms. I'll get back to you shortly.

=]

[cclaerhout]

PRQ 3.10 is OUT - All zip files have been updated.

Changes :
-quotes are now included in just one table (instead of two)
-width bug for optional bbcodes in IE corrected
-works now with Safari

[sensimilla]

Heh.. I just wanted to report its not working for me with Safari browser... Thanks for the new release..
Gonna recheck it again...

[parajsa]

hi there, thanks for the hack, i was wondering is just me or any body else is having the same problem, in IE i have a red light background that is not present when i browse with firefox.

Is there a way to get rid of that background?

I attached a pic to exactly show what really happen to me!

thank u in advanced

[cclaerhout]

hi there, thanks for the hack, i was wondering is just me or any body else is having the same problem, in IE i have a red light background that is not present when i browse with firefox.

Is there a way to get rid of that background?

I attached a pic to exactly show what really happen to me!

thank u in advanced

It would have been nice if you have read the instructions to make this hack work with IE v.6. Everything is explained. Just install the png transparency hack.

[parajsa]

It would have been nice if you have read the instructions to make this hack work with IE v.6. Everything is explained. Just install the png transparency hack.

Thank u very much, i did not see that :ermm:

It really solved the problem!

[gothicuser]

Anyway to get this working with vBAdvanced CMPS? If you try to quote something in the "news" section on vBAdvanced the whole page goes whacky.

Other than that it looks great. :)
Same here, I've instructed my news mods not to post anything with quotes, which is quite a feat as they are truly fond of their quotes........:ermm:

[cclaerhout]

Same here, I've instructed my news mods not to post anything with quotes, which is quite a feat as they are truly fond of their quotes........:ermm:

The problem comes from CMPS. My code is considered like basic text when CMPS counts the number of caracters. It means if you have specified in CMPS a X maximum caracters to display, the code included into the quote template will be counted too ! Just try to enter "0" in the maximum caracter to display of CMPS news module and you will see it will work. But i know, that's not a good solution.

You should contact Brian to ask him if there is a way to exclude the code template from the text message, otherway create a new bbcode with a short code like this :
<div style="padding:$stylevar[cellpadding]px"><fieldset class="fieldset"><legend style="font-size: 11px;color:black;font-weight:bold;">Article:</legend>{param}</fieldset>
</div> (176 caracters)

[gothicuser]

Thats great cclaerhout, Works well, and as we only use 'Headlines' in the news forums (linking back to threads in other forums) there is no issue with the number of characters being too long.
Thanks again.
:D :D

[cclaerhout]

Well i find a way to make PRQ works with CMPS, but i don't really like it : if you're text inside your quote is too long, it will continue to break the page.

Bytheway, here is the tips (warning : i don't give any support for this)
At the top of your bbcode_quote template put :
<!-- prq -->

Then open your new.php cmps module located on your server.

Find :
// Strip characters and add "read more"
if ($mod_options['portal_news_maxchars'] AND strlen($news['message']) > $mod_options['portal_news_maxchars'])
{
$news['message'] = substr($news['message'], 0, strrpos(substr($news['message'], 0, $mod_options['portal_news_maxchars']), ' ')) . '...' . construct_phrase($vbphrase['read_more'], $vbulletin->options['bburl'], $news['threadid'], $session['sessionurl']);
}



Replace with :
// Strip characters and add "read more"
if ($mod_options['portal_news_maxchars'] AND strlen($news['message']) > $mod_options['portal_news_maxchars'])
{
// check first if <!-- prq --> is in the message
if (stristr($news['message'], '<!-- prq -->') === false)
{ //process normally
$news['message'] = substr($news['message'], 0, strrpos(substr($news['message'], 0, $mod_options['portal_news_maxchars']), ' ')) . '...' . construct_phrase($vbphrase['read_more'], $vbulletin->options['bburl'], $news['threadid'], $session['sessionurl']);
}
else
{$mod_options['portal_news_maxchars2'] = $mod_options['portal_news_maxchars']+3000;
$news['message'] = substr($news['message'], 0, strrpos(substr($news['message'], 0, $mod_options['portal_news_maxchars2']), ' ')) . '...' . construct_phrase($vbphrase['read_more'], $vbulletin->options['bburl'], $news['threadid'], $session['sessionurl']);
}
}

How does it work ?
Now the php file look if there is "<!-- prq -->" in the news, if it's true then the maximum number of caracters increase of 3000 (number of caracters of the PRQ code).

I repeat : i think it's better to create a new bbcode with little code.

[B?-Y?u]

Hi cclaerhout. I very like this mod. Clicked install and fixed "small" bug 4 you when use with code, html and php tags, e.g: inserts a scrollbar...

=================
How to Update ?
Replace all the content in the template field withd the code provided in the txt file in the zip below.

I hope u and everybody like it :)
( I think u should Update your hack :) )
Thank !

[vBB-vietnam]

Hi cclaerhout. I very like this mod. Clicked install and fixed "small" bug 4 you when use with code, html and php tags, e.g: inserts a scrollbar...

=================
How to Update ?
Replace all the content in the template field withd the code provided in the txt file in the zip below.

I hope u and everybody like it :)
( I think u should Update your hack :) )
Thank !
Good job. Updating :banana:
Thank you so much :)

[sensimilla]

Any chance to make it work with plugin accelerator hack ?
https://vborg.vbsupport.ru/showthread.php?t=107315

Thanks in advance

[cclaerhout]

I announce you that this mod is no more supported.
Why ? Because, there is a new project :D
->https://vborg.vbsupport.ru/showthread.php?t=120073

Best regards