Joomla Templates Club 406,261 posts

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#151258

Hi there,

i’m trying to put cufon effect in the main menu in the template ja-halite, i’ve added the: #ja-cssmenu in the row cufon.replace in layout/blocks/head..
Now i can see the letters with the effect, but the menu backgorund image are disapperared and the hover state doesn’t work..

Somebody can help me?
Thanks 😉

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#344627

Dear bitforge!

Can you pls give me the link to your site, i would like to have a closer look on the issue?

Thanks

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#344628

Sure,
my site is: http://www.bitforge.it

Thanks 🙂

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#344742

Dear bitforge,

In order to use cufon in css menu, please do that :

1. edit lines 325 file templatesja_halitelibsmenubase.class.php as follow:

change
[PHP]
if ($this->getParam(‘menu_images’) && $iParams->get(‘menu_image’) && $iParams->get(‘menu_image’) != -1) {
if ($this->getParam(‘menu_background’)) {
$itembg = ‘style=”background-image:url(‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).’);”‘;
$txt = ‘<span class=”menu-title”>’ . $tmp->name . ‘</span>’;
} else {
$txt = ‘<span class=”menu-image”><img src=”‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).'” alt=”‘.$tmp->name.'” title=”‘.$tmp->name.'” /></span><span class=”menu-title”>’ . $tmp->name . ‘</span>’;
}
} else {
$txt = ‘<span class=”menu-title”>’ . $tmp->name . ‘</span>’;
}
[/PHP]
to

[PHP]
if ($level == 0) {
if ($this->getParam(‘menu_images’) && $iParams->get(‘menu_image’) && $iParams->get(‘menu_image’) != -1 ) {
if ($this->getParam(‘menu_background’)) {
$itembg = ‘style=”background-image:url(‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).’);”‘;
$txt = ‘<strong class=”menu-title”>’ . $tmp->name . ‘</strong>’;
} else {
$txt = ‘<span class=”menu-image”><img src=”‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).'” alt=”‘.$tmp->name.'” title=”‘.$tmp->name.'” /></span><strong class=”menu-title”>’ . $tmp->name . ‘</strong>’;
}
} else {
$txt = ‘<strong class=”menu-title”>’ . $tmp->name . ‘</strong>’;
}
}

elseif ($this->getParam(‘menu_images’) && $iParams->get(‘menu_image’) && $iParams->get(‘menu_image’) != -1) {
if ($this->getParam(‘menu_background’)) {
$itembg = ‘style=”background-image:url(‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).’);”‘;
$txt = ‘<span class=”menu-title”>’ . $tmp->name . ‘</span>’;
} else {
$txt = ‘<span class=”menu-image”><img src=”‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).'” alt=”‘.$tmp->name.'” title=”‘.$tmp->name.'” /></span><span class=”menu-title”>’ . $tmp->name . ‘</span>’;
}
} else {
$txt = ‘<span class=”menu-title”>’ . $tmp->name . ‘</span>’;
}
[/PHP]

2. Open file templatesja_halitecssmenucss.css and replace all “span” to “strong” at “/* 1st level */ “like lines 81. Add styles


#ja-cssmenu li a strong .cufon-canvas {
margin-top: 8px;
}


to ” /* 1st level */ ”

Edit lines 192 as follow:

change


#ja-cssmenu li ul a span {
background: none;
}


to


#ja-cssmenu li ul a span {
background: none;
line-height: 28px;
display: block;
}


3. add the: #ja-cssmenu strong.menu-title in the row cufon.replace in layout/blocks/head..

Good luck and report to me if you have any questions

2 users say Thank You to Css Magician for this useful post

1. amsolutions
2. marcus

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#344781

Thanks for the answer.. i think we are near the solution.
I’ve apply your changes and it work now, but the hover state doesn’t works and the backgrounds of the buttons are not full.

Thanks anymore for the help!

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#345024

Dear bitforge,

Please try to add style :


#ja-cssmenu li a strong.menu-title {
display: block;
height: 28px;
}


2 users say Thank You to Css Magician for this useful post

1. amsolutions
2. marcus

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#345130

Doesn’t works… :((

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#345134

NOW IT WORKS!!!! I think i have to reset cache.. Thank you very much!!! 🙂
Your service is the reason i will subscrive the developer club the next year again!!

Remains a little problem..
With IE6 the menu is completly wrong,and with 7 or 8 the menu background is a bit croked..
(see attachment)

Fot the rest it works very good!!
Thanks!!

---

Attachments:

1. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#345693

Dear bitforge,

Would you like provide your ftp account to our. We will try to fix this problem. Your ticket id : (AYQ-956129)

1 user says Thank You to Css Magician for this useful post

1. marcus

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#346409

You have a private message 😉

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#347718

I try to change something in the IE css but nothing changes, i don’t know what i have to do..:((:((:((

[marcus Friend marcusJoin date: March 2010Posts: 8Downloads:366Uploads:1 Thanks: 4]

#348696

No responses?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#349067

i’m sorry, our developer could not found the problem 🙁

[Author]

Posts