Joomla Templates Club 406,261 posts

[becino Friend becinoJoin date: October 2014Posts: 24Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#202038

hi there how can i hide the menu text …..

i want to show the text only when the user place the mouse over the menu….

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#552805

<em>@becino 449870 wrote:</em><blockquote>hi there how can i hide the menu text …..

i want to show the text only when the user place the mouse over the menu….</blockquote>

Hi there,
you can apply css opacity: 0 for normal and :hover {opacity:100}.

Thank you,
Viet Vu

[becino Friend becinoJoin date: October 2014Posts: 24Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#552979

hi there jooservices 🙂

where can i do this ?? …. can you explain a little bit where can i find the files to modify that?

i know in a css files, but where is the specific file with that information?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#552983

Hi there, good morning.
Yes, actually i want to give you detail code but i’m not really know which element you want to do 🙂
Please provide screenshot with note about issue.

Thank you,
Viet Vu

[becino Friend becinoJoin date: October 2014Posts: 24Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#552990

<em>@jooservices 450106 wrote:</em><blockquote>Hi there, good morning.
Yes, actually i want to give you detail code but i’m not really know which element you want to do 🙂
Please provide screenshot with note about issue.

Thank you,
Viet Vu</blockquote>

this is the photo.. and what i talking about 🙂

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#552999

Hi there,
In this screenshot you see that we can use exists css code just only need to change opacity from 1 to 0 to hide active menu


https://www.dropbox.com/s/k2a143nqs6sarih/2014-10-15_9-46-30.png?dl=0


And for hover we can apply same css but with :hover and opacity value 1
Reference:

http://www.w3schools.com/cssref/sel_hover.asp

You can apply you css into custom.css


http://t3-framework.org/documentation/customization.html


Or you can use jQuery

http://stackoverflow.com/questions/5404775/jquery-show-hide-when-hover

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. becino

[becino Friend becinoJoin date: October 2014Posts: 24Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#553454

ehh hey bro thanks a lot for the information 🙂

i solved the proble reading the information …..

i modify this file “/templates/ja_smashboard/css/template.css” in line 1364 to 1374

.t3-mainnav .navbar .nav > .hightlight.active > a > span {
display: inline-block;
font-size: 4em;
padding-left: 0.5em;
line-height: 1.25em;
margin-left: -4px;
/*Modificacion KUFF*/
/*opacity: 1;*/
opacity: 0;
filter: alpha(opacity=100);
}

the opacity to 0, but what happend if i dont modify the next option…
filter: alpha(opacity=100); ??

i try in IE and firefox and works fine… the menu title dont show only when i put my mouse on the menu 🙂

thanks

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#553516

Hi there,
About filter code please check this document:


http://www.w3schools.com/css/css_image_transparency.asp

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. becino

[becino Friend becinoJoin date: October 2014Posts: 24Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#553633

Exelent !!! thanks a lot … thats all for now!!!

have a nice day bro …… 😀

[Author]

Posts