Some functions on this portal require JavaScript but your browser does not support it or it has been disabled.
Skip to main content
Thursday 05 August 2010 3:33:02 am - 6 replies
Modified on Thursday 05 August 2010 3:35:20 am by Yaseen Carim Bacor
Robin Muilwijk
Thursday 05 August 2010 3:43:39 am
Hi Yaseen,
Have a look at the following articles:
http://share.ez.no/articles/ez-publish/how-to-configure-an-ez-publish-sitehttp://share.ez.no/articles/ez-publish/how-to-skin-an-ez-publish-now-site
These articles should help you in changing the menu style.
Regards Robin
Board member, eZ Publish Community Project Board - Member of the share.ez.no team - Key values: Openness and Innovation. LinkedIn: http://nl.linkedin.com/in/robinmuilwijk // Twitter: http://twitter.com/i_robin // Skype: robin.muilwijk
Yaseen Carim Bacor
Thursday 05 August 2010 4:19:00 am
Hi Robin,
Thank you very much for the reply.
I have already check the 2 links provided, they are very interesting.
But i have not yet been able to solve the problem.
I am trying to assign a color to each node of the ezwebin menu.
Let take the example of the share.ez.no site.
The Forums can be assign to a red color, Articles to a blue color, Tutorials to a green color and so on etc.
The hover will remain the same.
Regards,
Yaseen
Thiago Campos Viana
Thursday 05 August 2010 6:31:11 am
Every li on top menu has an unique id that you can use to do it, just use firebug to find the li id you want to change and make some css stuff.
eZ Publish Certified Developer: http://auth.ez.no/certification/verify/376924 Twitter: http://twitter.com/tcv_br
Thursday 05 August 2010 7:21:25 am
Hi Thiago Campos Viana,
I have already try the proposed solution.
But the problem is that <li> are automatically generated, so any css you assign to one <li>, would be automatically replicated for all the other <li>
Here is a small piece of code used by ezpublish menu
{if eq( $item.class_identifier, 'link')} <li id="node_id_{$item.node_id}"{if $item_class} class="{$item_class|implode(" ")}"{/if}><div><a {if eq( $ui_context, 'browse' )}href={concat("content/browse/", $item.node_id)|ezurl}{else}href={$item.data_map.location.content|ezurl}{if and( is_set( $item.data_map.open_in_new_window ), $item.data_map.open_in_new_window.data_int )} target="_blank"{/if}{/if}{if $pagedata.is_edit} onclick="return false;"{/if} title="{$item.data_map.location.data_text|wash}" class="menu-item-link" rel={$item.url_alias|ezurl}><span>{if $item.data_map.location.data_text}{$item.data_map.location.data_text|wash()}{else}{$item.name|wash()}{/if}</span></a></div></li>
The generated unique node id would be in an <li>
Up to now i have not been able to assign a css to one of these generated <li>.
Can you please help?
Thursday 05 August 2010 8:05:39 am
It's not related to ez publish, but css, something like:
div#topmenu ul#topmenu-firstlevel li#node_id_61
In your css should override default css, where 61 should be replaced by the node id you want.
But you should use css files to change css, not menu templates. You should really re-read http://share.ez.no/articles/ez-publish/how-to-skin-an-ez-publish-now-site
Thursday 05 August 2010 10:18:30 am
Hi Thiago,
Thank you very much.
Its exactly what i needs.
You must be logged in to post messages in this topic!
