[SOLVED] Suckerfish Separator

September 08 Joomla Templates
GK User
Fri Oct 24, 2008 11:02 pm
http://7211.go-justkid-ding.be

Hello,

Two issues, similar to the separator-issues (which was fixed) in Aumi, appears in Ilife when you use a separator as a menu-item.

Problems:

1. The heigth is different for a separator menu-item.

2. Submenu-items of a separator menu-item cannot be reached (for example: the "E-shop" menu-item ...

3. When hovering over the separator menu-item, the itembackground doesn't change to black (as with the other menu-items).

The fix of the Aumi-template cannot be used in Ilife (topdaddy seems not to exist in the Ilife menu-code).

Can you please post a fix for this?

Thanks in advance.

Best regards,

Stoffel
User avatar
Fresh Boarder

GK User
Mon Oct 27, 2008 9:22 am
My problem is : I can't use {text-align:center}in the css files to position the text in the navigation tabs. Can you help me to manage that? I tried to add this rule in template_css and in the suckerfish.css...under every single command.No result. Must be easy,any advice?

Thanks
User avatar
Fresh Boarder

GK User
Mon Oct 27, 2008 4:36 pm
Can somebody of the Gavick-team post the solution, please?
User avatar
Fresh Boarder

GK User
Tue Oct 28, 2008 12:31 am
Hi

Sure. Sorry about the delay.

Here's the solution:

STEP 1:

Open the suckerfish.css file and find this code:

Code: Select all
#horiz-menu a{
text-decoration: none;
display: block;
float: left;
height: 33px;
line-height: 32px;
padding: 0 10px;
color: #FFF;
}


Replace with:
Code: Select all
#horiz-menu a, span.topdaddy{
text-decoration: none;
display: block;
float: left;
height: 33px;
line-height: 32px;
padding: 0 10px;
color: #FFF;
}



Still in the same page, add this code:

Code: Select all
span.topdaddy {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}


STEP 2:

Them open the style1.css file and find this code:

Code: Select all
#horiz-menu li.level1>a:hover {
background: transparent url('../images/style1/menu_bg_hover.png') left top !important;
border-left:1px solid #b3bf6a;
border-right:1px solid #b3bf6a;
}


Replace with:

Code: Select all
#horiz-menu li.level1>a:hover, span.topdaddy:hover {
background: transparent url('../images/style1/menu_bg_hover.png') left top !important;
border-left:1px solid #b3bf6a;
border-right:1px solid #b3bf6a;
}


STEP 3:

Open the style2.css file and find also this code:

Code: Select all
#horiz-menu li.level1>a:hover {
background: transparent url('../images/style2/menu_bg_hover.png') left top !important;
border-left:1px solid #8db2d2;
border-right:1px solid #8db2d2;
}


and replace with:

Code: Select all
#horiz-menu li.level1>a:hover, span.topdaddy:hover {
background: transparent url('../images/style2/menu_bg_hover.png') left top !important;
border-left:1px solid #8db2d2;
border-right:1px solid #8db2d2;
}


:huh: I suppose i'm not forgeting anything.

Tested on IE7 and FF.


Cheers ;)
User avatar
Platinum Boarder

GK User
Tue Oct 28, 2008 11:05 pm
THANKS!

It works ... Great work :)

Now I can go on with creating the site :woohoo:

Best regards,

Christophe

SUGGESTION: It seems the separator-issue is returning in all the latest templates (didn't check the older ones yet)...

So, can you please keep this in mind while coding the new template, please?

I would be very grateful ;)
User avatar
Fresh Boarder

GK User
Tue Oct 28, 2008 11:43 pm
Sure, we will. ;)
User avatar
Platinum Boarder

GK User
Wed Oct 29, 2008 12:07 am
That's great!

Thanks!!!
User avatar
Fresh Boarder

GK User
Wed Jun 09, 2010 1:01 pm
Hi, i have still some problems with the separator in ilife.

Some of the looks great and some not. I send You a picture to see what is wrong.
User avatar
Fresh Boarder

teitbite
Wed Jun 09, 2010 5:05 pm
Hi

Please show me Your site.
User avatar
Moderator

GK User
Thu Jun 10, 2010 9:02 am
Hi, at the moment i fixed the problem with the first line/level of the main menu, but still have problem with the next levels, maybe i should include the span.topdaddy somewhere else in the suckerfish.css and style1.css?? But where? For the moment i try to handle it at my own, i let You know if i need more help. Thanks
User avatar
Fresh Boarder

teitbite
Thu Jun 10, 2010 12:51 pm
Hi

Ok. I'll be waiting.
User avatar
Moderator

GK User
Fri Jun 11, 2010 12:03 pm
Ok, i made it with a litle help of my friend. My site www.witajwtiens.pl - We made some changes in the css files
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.