Forums / Setup & design / Different css for each node possible?

Different css for each node possible?

Author Message

Noicokuna Niemoge

Friday 30 January 2009 5:22:26 am

Hi there;

Just as the title says, I wonder if anyone tried this approach. I'd like to have slightly different colours in each node, I wonder if it's possible?

Thanks in advance.

Shiki soku ze ku...

Fátima Chapri

Friday 30 January 2009 12:13:41 pm

Hi Noicokuna,

I tried that once and I worked with the class of the main div of the page.

Let's Imagine an example where the id of the node you want to have in a different color is 2. Than, the div#page will be presented like:

<body>
<div id="page" class="sidemenu extrainfo section_id_1 subtree_level_0_node_id_2 current_node_id_2">
......
......
</div>
</body>

You can use the class

.current_node_id_2

to define different colors for each node.

Noicokuna Niemoge

Saturday 31 January 2009 5:41:48 am

Thank you :)

So it means that I'll have to create styles for each child node as well. Well, but it's good it's possible at least. :)

Shiki soku ze ku...

eZ debug

Timing: Jan 31 2025 06:14:41
Script start
Timing: Jan 31 2025 06:14:41
Module start 'content'
Timing: Jan 31 2025 06:14:41
Module end 'content'
Timing: Jan 31 2025 06:14:41
Script end

Main resources:

Total runtime0.1916 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0052 588.0469180.8281
Module start 'content' 0.00520.0073 768.875093.8203
Module end 'content' 0.01250.1790 862.6953521.8281
Script end 0.1915  1,384.5234 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00321.6626200.0002
Check MTime0.00130.6666200.0001
Mysql Total
Database connection0.00070.350410.0007
Mysqli_queries0.146676.54141410.0010
Looping result0.00110.56801390.0000
Template Total0.178693.210.1786
Template load0.00090.462610.0009
Template processing0.177792.769110.1777
Override
Cache load0.00060.302210.0006
Sytem overhead
Fetch class attribute can translate value0.00060.325210.0006
XML
Image XML parsing0.00030.131610.0003
General
dbfile0.00743.8672200.0004
String conversion0.00000.003130.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