Forums / Setup & design / ezwebin menu

ezwebin menu

Author Message

Yaseen Carim Bacor

Thursday 05 August 2010 3:33:02 am

Hi,

I am trying to change color in the ezwebin top menu.

I am try to assign a color to each <li> of the ezwebin top menu.

Can anyone help?

Thanks in advanced

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-site
http://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

Yaseen Carim Bacor

Thursday 05 August 2010 7:21:25 am

Hi Thiago Campos Viana,

Thank you very much for the reply.

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?

Regards,

Yaseen

Thiago Campos Viana

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

eZ Publish Certified Developer: http://auth.ez.no/certification/verify/376924

Twitter: http://twitter.com/tcv_br

Yaseen Carim Bacor

Thursday 05 August 2010 10:18:30 am

Hi Thiago,

Thank you very much.

Its exactly what i needs.

Regards,

Yaseen

eZ debug

Timing: Jan 18 2025 04:06:48
Script start
Timing: Jan 18 2025 04:06:48
Module start 'content'
Timing: Jan 18 2025 04:06:48
Module end 'content'
Timing: Jan 18 2025 04:06:49
Script end

Main resources:

Total runtime0.1463 sec
Peak memory usage4,096.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0069 589.0156180.8516
Module start 'content' 0.00690.0038 769.8672101.9141
Module end 'content' 0.01060.1356 871.7813529.8359
Script end 0.1462  1,401.6172 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00312.0868200.0002
Check MTime0.00120.8078200.0001
Mysql Total
Database connection0.00130.882610.0013
Mysqli_queries0.105371.95301410.0007
Looping result0.00140.98331390.0000
Template Total0.135392.510.1353
Template load0.00070.494310.0007
Template processing0.134692.009610.1346
Override
Cache load0.00050.324010.0005
Sytem overhead
Fetch class attribute can translate value0.00140.991110.0014
XML
Image XML parsing0.00020.167610.0002
General
dbfile0.00151.0120200.0001
String conversion0.00000.003930.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs