Joomla Templates Club 406,261 posts

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#194393

Hello friends,
who can help me further here?

I want the menu change it so!

When you hover or during active link to a frame and everything is written in “C” should be displayed in orange! (you please look at the pictures)

Thanks for any help!

Sakari

---

Attachments:

1. 
2. 

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#521069

I realize that it might not be possible to make it!
I’ve done it this way!
I have a menu with text, pictures, so I’ll have the “C” letter in orange! 🙂
But I have not the frame effect! (Mouseover)
Maybe someone knows how to do that? 🙂

regards
Sakari

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#521074

Hi sakari,

First, please provide more information about the framework and template you are using.
I also need the admin/ftp information, so please pm me those information.

And yes, it would be more easier to use image instead of text.
Please try to use 2 images.
When active or hover, you can switch to another image.

Regards

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#521118

Hi,
the template is “JA Appolio”!

I already have two images of each menu link created!
One framed and one unframed.
But how do I get the change images on mouseover and when the link is active, it is displayed with a frame?

regards
Sakari

*******************************************************************
Joomla 3.2.1 German
The site is not online, it will be on the intranet later.

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#521269

Ok, that has the word “C” done, I’ve pasted as an image in the menu!

Now would still have the framework around it on the menu graphics come with mouseover.
But somehow I do not sheep it!
I need your help! 🙂

---

Attachments:

1. 

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#521396

Glad that you figured it out.

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#521523

I’ve almost got it ….

About – Link type – Link CSS Style – I have assigned a CSS code that I inserted in the custom.css (see code below)
The only problem is that the Active function is not made!

Does anyone have an idea how to do it?

.menu-item img {
border: 1px solid #FFFFFF;
}

.menu-item img:hover {
border: 1px solid #000000;
}

.menu-item img:active {
border: 1px solid #000000;
}

Thanks in advance 🙂

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#521581

@sakari,

You can try this rule:

.active .menu-item {
border: 1px solid #000000
}


(menu-item is the Link CSS Style class)

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#521655

It works, but unfortunately a bit too big!

The caption is narrower, it should look like! (see pictures)

Edit: Did it hinbekommen! 🙂


.active .menu-item {
border: 1px solid #000000;
padding: 0px;
margin: 14px;
}


Vielen Dank für die Hilfe! 🙂

---

Attachments:

1. 
2. 

[Author]

Posts