Joomla Templates Club 406,261 posts

[devplus Friend devplusJoin date: March 2010Posts: 17Downloads:0Uploads:2 Thanks: 3]

#151574

Hi,

My site is multilingual and is translated using Joomfish. I would like to also translate the header image which is currently in the css (in template.css -> h1.logo a)? Can you please tell me how to do it?

Thanx!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#345989

Hi devplus,

I am afraid that there are no ways for you can transalate an image as you want.

[devplus Friend devplusJoin date: March 2010Posts: 17Downloads:0Uploads:2 Thanks: 3]

#345994

Hi dathq,

Thanx for the reply but I am pretty sure it can be done by modifying csstemplate.css and layoutsblocksheader.php inside the template directory…
What needs to be done is to remove the pic from the csstemplate.css and include it in layoutsblocksheader.php. After that based on the site’s language we will need to decide if we need e.g. header.png or header_english.png

[devplus Friend devplusJoin date: March 2010Posts: 17Downloads:0Uploads:2 Thanks: 3]

#346006

OK, I just did it.
I modified layoutsblocksheader.php like this:
Added:
<?php
if ($this->language == “el-gr”)
$temp_class = “logo” ;
else
$temp_class = “logo_english” ;
?>

And then replaced:
<h1 class=”logo”>
with:
<h1 class=”<?php echo $temp_class; ?>”>

I have also added the following in the csstemplate.css:
h1.logo_english a {
width: 720px;
height: 139px;
display: block;
background: url(../images/header_en.png) no-repeat center center;
}

and modified:
h1.logo, div.logo-text {
to
h1.logo, h1.logo_english, div.logo-text {

and
h1.logo a span {
to
h1.logo a span, h1.logo_english a span {

I hope that this helps anyone that wants to achieve the same!

Thanks,
Yiannis

[Author]

Posts