Elxis CMS Forum
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: IOS Reservations online hotel booking system for Elxis CMS.
 
Pages: [1]
  Print  
Author Topic: How to install add-on CSS Viewer to Firefox 4  (Read 3776 times)
nikos
Elxis Community
Hero Member
*****
Offline Offline

Posts: 775



WWW
« on: May 23, 2011, 15:48:04 »

As is written here 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 (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 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.
« Last Edit: May 23, 2011, 15:50:14 by nikos » Logged
ks-net
Elxis Community
Hero Member
*****
Offline Offline

Posts: 2075

Kostas Stathopoulos


WWW
« Reply #1 on: May 23, 2011, 17:16:35 »

thanks... that's my favorite addon...  Cheesy Cheesy
Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3270



WWW
« Reply #2 on: May 23, 2011, 17:19:21 »

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

ks-net
Elxis Community
Hero Member
*****
Offline Offline

Posts: 2075

Kostas Stathopoulos


WWW
« Reply #3 on: May 23, 2011, 17: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!
Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3270



WWW
« Reply #4 on: May 23, 2011, 17:59:37 »

I use my nose in order to identify 'hidden' things. WinkGrin
Logged

nikos
Elxis Community
Hero Member
*****
Offline Offline

Posts: 775



WWW
« Reply #5 on: May 23, 2011, 20:32:34 »

thanks... that's my favorite addon...  Cheesy Cheesy

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

@ 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.

Logged
Pages: [1]
  Print  
 
Jump to: