Using CSS, we can place an image. eg:

background: url(images/logo.png) no-repeat center;

Is there a method of using the {$xoops_imageurl} code within a style sheet instead of within the 'img src' html tag?

eg: <img src="<{$xoops_imageurl}>backlogo2.gif" alt="" />

The style sheet seems to work ok anyway. I'm just curious.

if your are using an externeal style sheet this wont' work but there are several ways of finding a solution for this:

-- you may use inline style in e.g. theme.html within head tag

<style type="text/css" media="all">
<!--
body {
background:url(<{$xoops_imageurl}>style/back.gif");
}
//-->
</style>

or :
<div style="background:url(<{$xoops_imageurl}>style/back.gif");"></div>

using <{$xoops_imageurl}> within themefile will cause templateengine to render this but not within an external stylesheet.

Perhaps you find some interesting stuff in this article
eastereggs
to get a solution for your display idea ?

let your head render this ..

michael

edit: <{$xoops_imageurl}> here is meant in this example as an smarty expression which could be used in style sheets or expressions . you may assign your own smartys go get your wanted solution.

the use of $xoops_imageurl is not necessary with an external stylesheet. Any url() references within an external stylesheet will be resolved relative to the location of the stylesheet itself.

so if the stylesheet is in the directory:

www.mysite.com/themes/mytheme/

a style rule

will load the image file located at:

www.mysite.com/themes/mytheme/myimage.jpg