When linking to a image do I need to do ../images/NulledNation/ then image name or how do I go about doing it?
Also when trying to add a background image do I do backround-image: url(images/NulledNation/bg.png) or how does that work?
I probably should ask what css do I need to edit to change the whole background for the site?
as you might be knowing, a theme basically is of two parts -
templates codes &
style properties (CSS rules)
xml file is used to import both templates code & css properties
theme's images directory for the
templates codes is defined in
xml file
<imgdir><![CDATA[images]]></imgdir>
definition eg.
<imgdir><![CDATA[images/myowntheme/]]></imgdir>
usage eg.
<img src="{$theme['imgdir']}/spinner.gif" />
and for the css style properties images path is included with the css rules
#panel .upper {
background: #0f0f0f url(images/tcat.png) repeat-x;
eg.
background: #0f0f0f url(images/myowntheme/tcat.png) repeat-x;
So since I'm creating my own theme using the ACP I'd still need that XML if so can the ACP generate it? Also that doesn't tell me about the actual site background I mean look at <- snip -> for example with their moving background.
^ oh! if you are creating through admin panel above response is completely not relevant.
you should just use required background property - something like below in the
global.css of the theme
body {background: url("images/NulledNation/bg.png") repeat scroll 0 0 #222222;
Ok I'll try that thank you
So what's the name of the element that the arrow is pointing to in the pic? Is it #content, #container or what?