Pdf, Print, E-mail, Editor Icons

Read this first !

Joomla 1.5 styles

Joomla 1.6 / 1.7 / 2.5 Styles

Sub Menus

Build your own template

Video Tutorials

Test Your Website

Project Support

Download

Visitors

43.3%		Netherlands
5.9%		Germany
5.9%		United States
3.9%		Belgium
3.9%		India
3.8%		Spain
3.3%		Italy
3.2%		Poland
2.6%		France
2.5%		United Kingdom
2.3%		Greece
1.6%		Russian Federation
1.2%		Japan
1.1%		Australia
1.1%		Canada

Today:	148
Yesterday:	332
This Week:	1934
Last Week:	2391
This Month:	6091
Last Month:	9098
Total:	25259

The pdf, print en email icons (Button headings) are displayed to the right of the content header, when activated. In addition to this there is an Editor button. This button is visible on the front end, when a user is logged in.

CSS

span.hasTip img {
   border: 1px #999 solid;
   margin: 0 0 0 5px;
}

td.buttonheading img {
   border: 1px #999 solid;
   margin: 0 0 0 5px;
}

When the styles are applied the buttons look like this:.

The button heading images are styled in the same way as the Editor button (hasTip) image.

ToolTip
The Tool tip is a little window that is visible when you hover over the Editor Button. Default it has a transparent background. That's why the text of the tool tip is hard to read. The Tool tip can be styled with a background colour or, if you want, a background image. For the example website we have styled the Tool Tip as follows.

.tool-tip {
   background-color: #fff;
   border: 1px #999 solid;
   padding: 5px;
   font-family: Arial;
   font-size: 11px;
}

.tool-title {
   font-weight: bold;
}

.tool-text {
   font-family: Arial;
   font-size: 11px;
}

Print screen after applying CSS

Tool Tip