Add button to menu item

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Wed Jul 25, 2012 5:13 pm
Hello.
Can anybody help me, how I can add button for a menu item?
User avatar
Senior Boarder

Konrad M
Wed Jul 25, 2012 5:25 pm
Hi,
First of all in what template ? And it will be a background for menu item ?
User avatar

GK User
Wed Jul 25, 2012 6:10 pm
Konrad M wrote:Hi,
First of all in what template ? And it will be a background for menu item ?

Any template, for example (now I need) 'Fashion'.
It will be an active button.

And my second question: how to select active menu with rectangular (as in the Fashion template, I need it for another template)?
User avatar
Senior Boarder

Konrad M
Thu Jul 26, 2012 12:11 pm
What do you mean active button ? You can add image button as background of menu item. Selector for active element is:
Code: Select all
.gkMenu > ul > li:active > a, .gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a, .gkMenu > ul > li.active > a {

}
User avatar

GK User
Thu Jul 26, 2012 12:32 pm
Konrad M wrote:What do you mean active button ? You can add image button as background of menu item. Selector for active element is:
Code: Select all
.gkMenu > ul > li:active > a, .gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a, .gkMenu > ul > li.active > a {

}


Ok, I mean that. Thank`s a lot.
User avatar
Senior Boarder

Konrad M
Thu Jul 26, 2012 12:37 pm
Ok, if you want add background to menu item please try this code:
Code: Select all
.gkMenu > ul > li {
background:url('../images/style1/button.jpg') top right no-repeat;
}

and copy your image to images/style1/
User avatar


cron