Forums / Extensions / Website Interface / Editing the CSS files for the Website interface

Editing the CSS files for the Website interface

« 
Previous topic
|
Website Interface
|
Next topic
 »
Author Message

paul bolger

Monday 23 April 2007 6:41:16 pm

I've been developing a site using just the website interface (partly to see just how practical this is). The document 

http://ez.no/doc/content/download/8656/34754/version/5/file/ezwebin_customization.pdf

is pretty detailed about how to export and re-import the two css files, but gives little detail about how one should create them in the first place. The files 'live' in 

/var/storage/packages/ez_systems/ezwebin_design/files/default/file

Is it a good idea to edit them in there? Or can you put them in the design directory?

Paul Bolger

Betsy Gamrat

Tuesday 08 May 2007 7:37:45 pm

Paul,

The files do "live" in the area you specified.

You create them with a text editor and apply CSS classes to override the design.

Using the packages as described in the documentation allows you to create a nice design that is easily applied to a site, although assembling the package each time you make a change may get tiresome.

My recommendation is to first get the images in order. Then edit the CSS files on the server until you are happy with the look. When you finish - export the package for reuse.

Good luck.

paul bolger

Thursday 17 May 2007 5:04:36 pm

Thanks Betsy,

I have realised since my original posting that I had a permissions problem which was preventing me from editing the files in the var directory. That's fixed now.

I think there is a hole in the documentation here though. The website interface is supposed to be easy eZpublish, after all.

Paul Bolger

Andy Boston

Saturday 23 February 2008 3:55:49 pm

Another way of doing it so you don't affect the original files is to create a style package through the admin interface.

setup > packages > create new package

the site-colors.css & classes-colors.css can even be blank at this point.

Then, once it's created you can FTP the CSS files to a local folder that is created at

/var/storage/packages/local/NAMEOFYOURSTYLE/files/default/file

Just a bit safer and definitely quicker than uploading the style again when you make a minor tweak :-)

eZ debug

Timing: Jan 17 2025 23:47:10
Script start
Timing: Jan 17 2025 23:47:10
Module start 'content'
Timing: Jan 17 2025 23:47:11
Module end 'content'
Timing: Jan 17 2025 23:47:11
Script end

Main resources:

Total runtime0.2512 sec
Peak memory usage4,096.0000 KB
Database Queries198

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0068 588.0156180.7422
Module start 'content' 0.00680.1089 768.7578600.1563
Module end 'content' 0.11570.1354 1,368.9141337.3438
Script end 0.2511  1,706.2578 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00401.6025210.0002
Check MTime0.00140.5720210.0001
Mysql Total
Database connection0.00080.316410.0008
Mysqli_queries0.178571.05371980.0009
Looping result0.00180.73511950.0000
Template Total0.217786.720.1088
Template load0.00210.852320.0011
Template processing0.215585.799520.1078
Template load and register function0.00010.031510.0001
states
state_id_array0.00110.436310.0011
state_identifier_array0.00100.416120.0005
Override
Cache load0.00180.7232300.0001
Sytem overhead
Fetch class attribute can translate value0.00110.424740.0003
Fetch class attribute name0.00100.410570.0001
XML
Image XML parsing0.00150.615940.0004
class_abstraction
Instantiating content class attribute0.00000.005780.0000
General
dbfile0.00251.0145390.0001
String conversion0.00000.002030.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
4content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
4content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
6content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
2content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 18
 Number of unique templates used: 6

Time used to render debug report: 0.0001 secs