ezimage() in CSS?

Next topic

Author	Message
Aaron Carlino	Tuesday 27 February 2007 11:30:28 am I love the ezurl(), ezdesign(), and ezimage() functions for templates, but what do you do in your CSS file when you need to reference an image? I had use an absolute path to get it to work.
Mark Marsiglio	Tuesday 27 February 2007 11:52:56 am You can't put them in an external CSS file, but you could do it with inline styles, or some properties set in the page head. Have the majority of your styles externally, and a few images called from within the page template. Typically, template images (CSS backgrounds) are stored not in the CMS, but in the images folder in your design. Then, in the css file, reference the image with url(../images/imagename.png). This prevents the CMS from controlling those images, but most don't usually need to be. http://www.thinkcreative.com Turning Ideas Into Strategic Solutions
Aaron Carlino	Tuesday 27 February 2007 12:11:57 pm Okay, thanks.. I'm pretty sure I tried that, but I'll give it a go again. We use a lot of CSS defined background images here, especially with CSS sprites, menus, and image replacement, so it would be nice it we could find a way to implement that easily. It's really hard to tell with eZpublish what is a real folder and what is virtual. I assumed that since I had called the stylesheet using ezdesign() the paths in the stylesheet could be relative. /stylesheets/style.css could refer to: ../images/image.gif

Author

Message

Tuesday 27 February 2007 11:30:28 am

I love the ezurl(), ezdesign(), and ezimage() functions for templates, but what do you do in your CSS file when you need to reference an image? I had use an absolute path to get it to work.

Mark Marsiglio

Tuesday 27 February 2007 11:52:56 am

You can't put them in an external CSS file, but you could do it with inline styles, or some properties set in the page head. Have the majority of your styles externally, and a few images called from within the page template.

Typically, template images (CSS backgrounds) are stored not in the CMS, but in the images folder in your design. Then, in the css file, reference the image with url(../images/imagename.png). This prevents the CMS from controlling those images, but most don't usually need to be.

http://www.thinkcreative.com
Turning Ideas Into Strategic Solutions

Aaron Carlino

Tuesday 27 February 2007 12:11:57 pm

Okay, thanks.. I'm pretty sure I tried that, but I'll give it a go again. We use a lot of CSS defined background images here, especially with CSS sprites, menus, and image replacement, so it would be nice it we could find a way to implement that easily.

It's really hard to tell with eZpublish what is a real folder and what is virtual. I assumed that since I had called the stylesheet using ezdesign() the paths in the stylesheet could be relative.

/stylesheets/style.css could refer to: ../images/image.gif

eZ debug

Timing:	Jan 19 2025 00:25:48
Script start
Timing:	Jan 19 2025 00:25:48
Module start 'layout'
Timing:	Jan 19 2025 00:25:48
Module start 'content'
Timing:	Jan 19 2025 00:25:49
Module end 'content'
Timing:	Jan 19 2025 00:25:49
Script end

Main resources:

Total runtime	0.8289 sec
Peak memory usage	4,096.0000 KB
Database Queries	57

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0074	588.9219	152.6094
Module start 'layout'	0.0074	0.0033	741.5313	39.4297
Module start 'content'	0.0106	0.8163	780.9609	529.8984
Module end 'content'	0.8270	0.0016	1,310.8594	12.3438
Script end	0.8286		1,323.2031

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0038	0.4638	16	0.0002
Check MTime	0.0014	0.1683	16	0.0001
Mysql Total
Database connection	0.0020	0.2472	1	0.0020
Mysqli_queries	0.7710	93.0135	57	0.0135
Looping result	0.0007	0.0832	55	0.0000
Template Total	0.7895	95.2	2	0.3948
Template load	0.0027	0.3221	2	0.0013
Template processing	0.7868	94.9188	2	0.3934
Template load and register function	0.0012	0.1399	1	0.0012
states
state_id_array	0.0010	0.1189	1	0.0010
state_identifier_array	0.0017	0.2073	2	0.0009
Override
Cache load	0.0022	0.2660	12	0.0002
Sytem overhead
Fetch class attribute can translate value	0.0033	0.3934	2	0.0016
Fetch class attribute name	0.0020	0.2357	4	0.0005
XML
Image XML parsing	0.0012	0.1485	2	0.0006
class_abstraction
Instantiating content class attribute	0.0000	0.0016	4	0.0000
General
dbfile	0.0012	0.1467	15	0.0001
String conversion	0.0000	0.0011	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
3	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
3	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
1	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 9 Number of unique templates used: 5

Time used to render debug report: 0.0002 secs