MyBB Community Forums

Full Version: Theme Creation Question
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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

[Image: Screen%20Shot%202015-02-13%20at%201.28.1...f35pib.png] So what's the name of the element that the arrow is pointing to in the pic? Is it #content, #container or what?