ThickBox Fix Plugin (Ver. 1.2)

Sunday, December 14th, 2008 | Author:

Descrizione: Questo plugin serve per rendere i siti WordPress che utilizzano il plugin Thickbox (che viene fornito di serie insieme a WordPress stesso), compatibili con le specifiche CSS e quindi validabili.

Questo plugin per funzionare correttamente necessita che sia installato il plugin EP Tools Plugins GUI, che ne gestice l’interfaccia di configurazione.

Chi non usa WordPress, ma vuole comunque correggere il problema di validazione di Thickbox, può scaricare questo .zip che contiene un file JavaScript (che necessita di jQuery) e un file CSS alternativo che dovrebbe sistemare il problema della validazione.

Nota: in data 17/02/2009 è stata rilasciata la versione 1.2 che corregge un problema segnalato nel javascript del plugin.

Nota: l’interfaccia di amministrazione di WordPress utilizza il plugin Thickbox, ma per evitare possibili problemi, questo plugin viene automaticamente disattivato nell’area di amministrazione.

Installazione: Per installare il plugin è necessario seguire i passi qui elencati:

  1. installare EP Tools (Eros Pedrini Tools) – Plugins GUI (se non già installato);
  2. copiare la cartella ep-tools-eros-pedrini-tools-thickbox-validation-fix nella cartella wp-content/plugins di WordPress;
  3. attivare il plugin dall’interfaccia di amministrazione;
  4. configurare il plugin dalla pagina Manage in modalità amministratore.

Download: È possibile scaricare il file zip dell’ultima versione qui: EP Tools – Thickbox CSS Fix. Oppure è possibile utilizzare lo spazio offerto da WordPress.org.

For people don’t speak Italian 🙂 :

Description:This plugin makes WordPress pages, using Thickbox plugin, CSS compliant.

In order to work correctly, this plugin needs my EP Tools Plugins GUI pluing, in order to manage the configuration page under the admin area.

If you want fix the Thickbox validation problem, but you don’t use WordPress, you can download the following .zip archive. In this archive, you can find a JavaScript file (based on jQuery) and an alternative CSS file.

Note: February, 17th 2009 I released a new release of the plugin (1.2) that fixes a missing variable in the javascript.

Note: WordPress administrative area uses the Thickbox plugin; therefore in order to avoid possible problems, my plugin is automatically disabled in administrative area.

Install: following, the steps needed to install this plugin:

  1. install EP Tools (Eros Pedrini Tools) – Plugins GUI (if it has not been yet installed);
  2. copy the ep-tools-eros-pedrini-tools-thickbox-validation-fix folder in the WordPress folder wp-content/plugins;
  3. activate the plugin from the WordPress plugin interfece;
  4. configure the plugin using the interface under the Manage page in WordPress Administration.

Download: You can download the last version from here, or you can use the WordPress.org page.

Category: Informatica, plugin
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
  1. Richard says:

    Hi!

    I use thickbox on my non-wordpress site, and I found your link here: http://matteogallinucci.it/web/2008-02-04/thickbox-css-code-validation-fails-get-valid-code/

    I was looking for something like this, because I didn’t like the fact that my CSS didn’t validate anymore. So luckily I found your solution, and it worked!

    Just for your info, I integrated your js into the thickbox js, instead of having it as a seperate file, and it works great that way. Thanks!!!

  2. Eros Pedrini says:

    Hi Richard,
    I´m happy that you appreciate my solution 😉 and that you wrote this post 🙂

    Yes, I know that a solution like the one you used is possible, but was not my intention to create a new “validating Thickbox plugin” tout-accouter… my idea was to give a choice to wordpress guys: you can use my plugin as an extension to the regular Thickbox plugin that you found in wordpress… or you can take the not wordpress related source and integrate it in the way you like (directly in thickbox plugin or in an other application wordpress like 🙂 )

    cheers

  3. Richard says:

    Just to clarify for you and anyone else who comes across this post, I used the js in a non-wordpress site, and it works beautifully. 🙂

  4. Eros Pedrini says:

    Hi Richard,
    thanks for your clarification 🙂

    cheers

  5. Reimu says:

    Thank you so much for this. It works wonderfully!

  6. Eros Pedrini says:

    Hi Reimu, thanks for your comment 🙂

    cheers

  7. Matt says:

    Hi. Thanks for doing this. But I found it does not work with IE6. In IE6, thickboxed items are positioned wrong – they are not centered correctly.

    I have scoured through your code and it looks simple and seems like it should work, but it doesn’t position right in IE6 (all the ie hacks portion – specifically #TB_window).

    Also, I am confused by the TB-HEIGHT and getHeight part at the bottom – this just seems to place non-IE thickboxes wrong too – removing that part of code makes everything work in Safari, Firefox, etc..

    Oh, I am using the downloaded CSS and JS files (version 1.3) with Jquery 1.3.2

  8. Eros Pedrini says:

    Dear Matt,
    thanks a lot for your report. I’m working (but very slowly 🙁 ) on a new version of the plugin (and of the related “not for wordpress only” version). I will try to address this issue with the new release.

    Thanks again,

    cheers

  9. MEL says:

    Hello

    I tried to simply add the files to my website and it works so far, no errors in the CSS anymore but…

    1. the transparent background is totally black and
    2. IE6/7, yes – it all drops to the very bottom and lower.

    Anyone some ideas for non-WP sites?

    Thank you very much

  10. Eros Pedrini says:

    Hi,
    I checked the plugin under Firefox, Safari, and IE 7 and 8.
    I know the alignment problem with IE6/7 and I’m working on it… but I have not much time in this period 🙁
    For the other problem (1.) I will check it as soon as possible. Thanks for the notice.

    cheers.

  11. Rich Kapper says:

    Where can I download normal theme for WordPress? There are enough cool themes, but very complicated in settings. I tried recent versions of Designora, Businezz, Jarrah, DesignPile, also I installed also BAsense – simple, but made for Ad-Sense. Infrequent you can find something normal but good in options.

  12. Eros Pedrini says:

    Hi Rich, I don’t think I can help you 🙁
    My WordPress theme is modified version of one download from TemplateLite, and I change only the graphic part of it.

    Probably the best solution is to use the new WordPress standard theme where you can modify (easily) the top header and the menus’ structure.

    cheers.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>