Change Header Image according to language? (Qtranslate)

[anitadashParticipant]

Hey guys! I’m a beginner, and this is my first post. Hope you can help me! 🙂

So, I’m working on this website http://welovesampa.com/. The default language is portuguese, and there are going to be other languages available through Qtranslate.

I would like for the Header Image to change according to language. I’m using this code on the CSS for the portuguese image:

#branding {

background:url(‘http://welovesampa.com/wp-content/uploads/2013/05/header01ptbr.png’) no-repeat 0 100%;
 margin-bottom:28px;
 padding:44px 0 235px 0; /* Bottom padding is the same height as the image */
 overflow: visible;
 }
 }
 #blog-title, #blog-title a, #blog-description {
 color:#blank;
 }
 #branding {
 background-position: center bottom;
 background-repeat: no-repeat;
 margin-top: 32px;
 }
 #blog-title, #blog-title a, #blog-description {
 display:none;
 }
 #branding {
 height:235px;
 width:940px;
 padding:0;
 }

The English image would be http://welovesampa.com/wp-content/uploads/2013/05/header01en.png.

Qtranslate Forum (http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=9) says this function exists:

<?php if(qtrans_getLanguage()==’en’): ?>
 <img src="<?php echo $imgsrc; ?>" alt="English Image" />
 <?php endif; ?>

But I don’t think it works in the CSS stylesheet directly.

Oh, I’m so lost!!

Any help is appreciated. Thank you so much!

[MartinParticipant]

I think a way of  doing this would be to add a new class to the body dependent on the language being used. Assuming the code snippet is correct the following should do this (in functions.php):

function my_language_class_names($classes) {
$classes[] = ‘currentLang-‘ . qtrans_getLanguage();
return $classes;
}
add_filter(‘body_class’,’my_language_class_names’);

Then in css apply as many languages as necessary (replace the xx)
.currentLang-xx #branding {…}

[anitadashParticipant]

It worked perfectly!

Thank you very much, Martin!!

[Author]

Posts