Elxis CMS Forum

Support => Public Speaking => Topic started by: nikos on May 23, 2011, 16:48:04

Title: How to install add-on CSS Viewer to Firefox 4
Post by: nikos on May 23, 2011, 16:48:04

As is written here (https://addons.mozilla.org/en-US/firefox/addon/cssviewer/?src=api) the add-on CSS Viewer works with Firefox 1.5 - 3.0.* and is not available for Firefox 4.0.1

However there is a way to install it on Firefox 4 as following:

1. Download addon-2104-latest.xpi file to your PC by right click on it and selecting save link as

2. Open it with 7zip (http://www.7-zip.org/download.html) (without to decompress it) and edit the included file install.rdf with a txt editor

3. On line 18 change this <em:maxVersion>3.0.*</em:maxVersion> to this <em:maxVersion>4.0.*</em:maxVersion> and save the install.rdf file

4. Then choose to open the (updated in this way) addon-2104-latest.xpi file with Firefox and you will see the message of installation on which you will continue

5. After installation restart Firefox as it is suggested and clicking on menu View -> Toolbars -> Customize you will find CSS Viewer into there

The above instruction is not a mine idea and is written here (https://addons.mozilla.org/en-US/firefox/addon/cssviewer/?src=api) at Reviews, but on replacement of install.rdf file, at line 18, this which suggests to change 3.0.+ to 4.0.+ did not work. So i tried the replacement 3.0.* to 4.0.* and worked.

So i place it here for those one they may want to try it.

Title: Re: How to install add-on CSS Viewer to Firefox 4
Post by: ks-net on May 23, 2011, 18:16:35

thanks... that's my favorite addon...  :D :D

Title: Re: How to install add-on CSS Viewer to Firefox 4
Post by: webgift on May 23, 2011, 18:19:21

Great Niko! That's an interesting information.
Personally i use web developer add-on which is all in one package i think! ;)

Title: Re: How to install add-on CSS Viewer to Firefox 4
Post by: ks-net on May 23, 2011, 18:41:37

cssviewer is only for quickly identify what classes are hidden behind page elements and view css values and quick outline elements
this is the most useful tool for every day use...
i use other tools such web developer firebug etc.... but cssviewer is the first i touch  when design new pages or bebug css

thanks niko!

Title: Re: How to install add-on CSS Viewer to Firefox 4
Post by: webgift on May 23, 2011, 18:59:37

I use my nose in order to identify 'hidden' things. ;).  ;D

Title: Re: How to install add-on CSS Viewer to Firefox 4
Post by: nikos on May 23, 2011, 21:32:34

Quote from: ks-net on May 23, 2011, 18:16:35

thanks... that's my favorite addon...  :D :D

Mine too Kosta and recently i had missed it, but now i have it back again. :D

@ Stavro i also use web developer add-on but css viewer has something unique, to show everything with details on any div or element just placing mouse over and it is very helpful.

Anyway, it is pleasant that my topic was useful.