[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

The web browser is by far the most standards compliant web browser currently available and will greatly increase your productivity when it comes to customising style sheets.

CSS Stylesheet
Wiki Markup
{style}
div.atb-buttons a img {
 width: auto;
 height: auto;
}
{style}

CSS Viewer

The CSS viewer plugin allows you to mouse-over any element on a web page to see it's ID and classes (if applicable) as well as existing styles applied to the element.

{div:class=
Div
Wiki Markup
class
atb-buttons
}[Get CSS Viewer|https://addons.mozilla.org/en-US/firefox/addon/2104]{div}

Colorzilla

The Colorzilla plugin displays a little colour picker in your status bar which, once clicked, allows you to

{div:class=
Div
Wiki Markup
class
atb-buttons
}[Get Colorzilla|https://addons.mozilla.org/en-US/firefox/addon/271]{div}

Firebug

FireBug is one of the most powerful tools for examining web pages - amongst other things, it allows you to interactively inspect HTML and CSS elements of a web page.

{div:class=
Div
Wiki Markup
class
atb-buttons
}[Get FireBug|https://addons.mozilla.org/en-US/firefox/addon/1843]{div}