JTK 2.1 (joomla1.0x) to JTK 3.0 (joomla1.5) backgroung image issue?

TITUS · #1 (**permalink**) 05-14-2008, 11:13 AM

Hello, I searched and could not find a similar topic?

I made a simple template using JTK 2.1 with a background image repeat-x, converted and got this in the index.php:



Then I moved forward to educate my self with JTK 3.0, got everthing in my template to become a joomla 1.5 stand alone, except the background image, I placed it in same spot, tried to convert, it changed nothing, heres what I got:



Yet in the j1.5 th script for header looks like this for the image:

<img src="templates/<?php echo $this->template ?>/images/header_logo.png" width="1000" height="195" />

I tried modifying code of <?php echo $this->template ?>
and even put it in the .css to no availe.

Any input would be apprieciated, and I like to say, excellent product, only took me a day to make a functioning template, THANKS BRIAN !!

admin · #2 (**permalink**) 05-14-2008, 12:52 PM

Hello TITUS,

Thanks Your CSS does not need to have the PHP code it just does not work
in CSS extensions.

OLD version

Code:

body {
         background-color: #666666;
         background-image: url(images/bg.png);
         background-repeat: repeat-x;
   }

New version: all you need in the CSS is "../" added to the front of your images.

Code:

body {
         background-color: #666666;
         background-image: url(../images/bg.png);
         background-repeat: repeat-x;
   }

Joomla Template Kit 3.0 stable with Docs Late May.
Cheers,
Brian

admin · #3 (**permalink**) 05-14-2008, 12:57 PM

One other thing I forgot to mention PNG images and IE 6 etc.
has issues displaying.

do a Google search on PNG Images and IE

See this digg post:
Digg - Transparent PNG Images in IE

TITUS · #4 (**permalink**) 05-14-2008, 01:44 PM

Thanks for the rapid reply,

I tried this also: background-image: url(../images/bg.png);
What is strange is using the above will not show in DW, IE6, or FIREFOX
Yet this I can see it only in DW, not either browser, background-image: url(images/bg.png);

Guess I could just convert to a .jpg ?

Thanks!!

admin · #5 (**permalink**) 05-14-2008, 03:00 PM

Just so you know there will be a non Joomla template conversion how to Tutorial to Joomla 1.5.X

And a Joomla 1.0.X to Joomla 1.5.X template conversion how to tutorial
in the Joomla Template Kit 3.0

Cheers,
Brian
I theres even a special wizard for it.

TITUS · #6 (**permalink**) 05-24-2008, 11:18 AM

Sorry haven't posted this sooner...

I'm not sure why the other two scenerios were so finicky, yet the solution was to simply wrap the mainbody in a divider, the code example is:

index.php -

<body>
<div id="bg_image">
<div id="mainbody">
your site info(html/pictures etc), then ends with...
</div>
</div>
</body>

in template.css file just used the same as previous,

body {
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
}

Thanks!!!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode