Grafik soll sich mit der Sprache wechseln

**ArcadiCobra** · 16.12.2010 16:29

Hallo, für unser Maturaprojekt muss ich eine Website erstellen. Soweit so gut, die Website steht (Joomla 1.5.22). Da die Website zweispachig (deutsch und englisch) ist, stehe ich vor einem kleine Problem.
Ich habe alle Inhalte im Joomfish übersetzt. Jetzt habe ich allerdings im Template eine Grafik, in der deutscher Text steht. Wenn ich jetzt auf der Website auf Englisch wechsle, dann soll auch eine anderer Grafik angezeigt werden, eine mit englischem Text.
Ich habe leider keine Ahnung wie ich das anstellen soll.
Hoffentlich kann mir jemand helfen.

**anka** · 16.12.2010 16:43

Es gibt mehrere Möglickeiten, es kommt darauf an, wie die Grafik eingebunden ist. Gibt es einen Link zu der Seite?

**Lacki** · 16.12.2010 16:47

Hallo.
Hier findest Du ein Beispiel
EDIT: Hi Anka.

**Some1new** · 16.12.2010 16:55

Bei mir ist die Header Grafik eine Background Grafik.

Ich hab dies mittels $lang und css gesteuert.
Vorteil: Durch die Funktion Substring wird englisch, französisch oder bspw. deutsch auf die ersten beiden $lang-Zeichen beschränkt.

HTML-Code:

<?php
  $config=&JFactory::getConfig(); 
  $lang=$config->getValue('language');
  $lang=substr($lang,0,2);
?>
<h1 class="logo<?php echo "-".$lang ?>">
 <a href="index.php" title="<?php echo JText::_('SITENAME');?>" alt="<?php echo JText::_('SITENAME');?>"><span><?php echo $this->sitename(); ?></span></a>
</h1>

CSS:

Code:

h1.logo-de { position: absolute; width:300px; height:100px; background:#f4f2ef url('../images/GP-Logo_de.png') no-repeat 0 0; padding:0; top: -20px;}

Entsprechend in der css Datei dann für die anderen Sprachen den Pfad ändern bzw. die Klassenbezeichnung.

Gruß
Some1new

**garonge** · 16.12.2010 17:24

hi,

wie wäre es, die Grafik nicht über das Template zu platzieren, sondern über ein Modul, welches dann recht einfach innerhalb joomfish "übersetzt" und variiert werden kann?

Viele Grüße!
Ilja

**ArcadiCobra** · 16.12.2010 17:33

Erstmal danke für die schnellen Antworten.

Link habe ich keinen, wird alles lokal entwickelt und gestaltet.

Hab das mit dem Beispiel von xon, aus dem link von Lacki, gemacht und es funktioniert an sich auch super. Nur hat sich die Grafik verschoben, sprich sie ist nicht mehr da wo sie sein soll.

Also, was hab ich getan:

Ich habe diesen Code

Code:

<img src="templates/wohndesign/images/<?php echo $this->language ?>.logo.png" />

in die index.php eingefügt. Das sieht dann so aus:

Code:

<head>
 <meta **********="X-UA-Compatible" content="IE=EmulateIE7" />
 <jdoc:include type="head" />
 <img src="templates/wohndesign/images/<?php echo $this->language ?>.logo.png" />	
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <!-- www.WD-Profi.de - Ihr Templatespezialist -->
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>

Warum wird die Grafik jetzt wo anders angezeigt. Hab auch versucht den Eintrag .Logo in der template.css zu löschen. Hat leider auch nix gebracht.

**anka** · 16.12.2010 17:40

Du musst das Bild im <body>-Bereich einbinden, nicht im <head>-Bereich, und zwar dort, wo das Original-Bild eingebunden war.

Der Link ist übrigens von Lacki, nicht von mir

.

**ArcadiCobra** · 16.12.2010 17:50

Ja, es funktioniert.

Perfekt. Ihr seit klasse Leute. Vielen, vielen Dank.

Thema: Grafik soll sich mit der Sprache wechseln

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Grafik soll sich mit der Sprache wechseln

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen