Forums / Setup & design / ez css complexity

ez css complexity

Author Message

nigel dodd

Friday 25 August 2006 1:32:30 pm

I'd be grateful for the community's views on techniques for managing the complex css structure that comes out of the box with ezPublish.

Having invested much time on template code and getting the site to perform programatically how I want, I have recently turned my attention to the appearance. I am finding it surprisingly difficult because of the deeply nested styles and long style sheets.

Many of the styles in the style sheets are not used in my site. Should I remove unused ones to make finding the ones I want easier or will they come in useful later on? Should I concatenate the several style sheets to make searching easier?

I have found the different box model used by IE causes my attempt at fluid layout to break easily.

If I do the css design first then I would have to override and modify all the used templates to use my design scheme.

Similarly there are many award winning CSS designs in the public domain. Many of these look gorgeous and are robust across browsers. Mapping the ezPublish CSS onto these designs would, however, be a major exercise involving the editing of many template files.

What do people use to manage the CSS in their ezPublish sites?

Nigel Dodd

Softriva .com

Friday 25 August 2006 2:29:51 pm

For me, I started with a clean design. I laid down my main design until I got to the point

 <div id="MainContent">{$module_result.content}</div>

Note, that I am using my own css. I have only one css file. I keep adding to it as necessary.

This for public site. For the admin site, I am using the out of the css as is.

OOzy

Tim Dickinson

Friday 25 August 2006 3:26:04 pm

I just use the web developer extension for firefox to see what everything does.

I then have a css for my site design and change it as necessary.
I leave classes colors basically alone, but I tend to change a lot in site colors and my own design css.

Tim

http://www.AdBalance.com - Ad network news and reviews
http://www.DevPublisher.com - Website publisher guides, tools and news
http://www.AudioMelody.com - Make better music

eZ debug

Timing: Jan 18 2025 10:26:22
Script start
Timing: Jan 18 2025 10:26:22
Module start 'content'
Timing: Jan 18 2025 10:26:23
Module end 'content'
Timing: Jan 18 2025 10:26:23
Script end

Main resources:

Total runtime1.1182 sec
Peak memory usage4,096.0000 KB
Database Queries196

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0085 588.7266180.8438
Module start 'content' 0.00850.9275 769.5703577.3047
Module end 'content' 0.93600.1822 1,346.8750332.7734
Script end 1.1182  1,679.6484 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00500.4459210.0002
Check MTime0.00160.1450210.0001
Mysql Total
Database connection0.00130.115010.0013
Mysqli_queries1.023991.56721960.0052
Looping result0.00220.19841940.0000
Template Total1.084797.020.5423
Template load0.00210.190820.0011
Template processing1.082596.808420.5413
Template load and register function0.00010.009610.0001
states
state_id_array0.00160.141410.0016
state_identifier_array0.00220.193520.0011
Override
Cache load0.00180.1582240.0001
Sytem overhead
Fetch class attribute can translate value0.00140.125940.0004
Fetch class attribute name0.00180.156750.0004
XML
Image XML parsing0.00160.146740.0004
class_abstraction
Instantiating content class attribute0.00000.000750.0000
General
dbfile0.01481.3196330.0004
String conversion0.00000.000830.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
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
2content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
3content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
5content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
1content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 14
 Number of unique templates used: 7

Time used to render debug report: 0.0002 secs