[gelöst] FeatureView Farbe ändern

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[goodssale]

hallo zusammen,

ich habe eine frage kann man beim FeatureView  den pfeil
der auf die bilder zeigt farblich ändern bei bildwechsel.

wenn zum beispiel der pfeil auf den fisch zeigt ist er rot
wenn er dann zur schlange wechselt sollte er grün sein
und wenn er zur schildkröte wechselt soll er blau sein.

kann man so etwas machen ich habe geschaut, komm aber nicht klar.

über eine lösung würde ich mich freuen.

grüße heinz

[comedi]

Moin goodssale, 

so sollte es gehen. Suche in der modules/FeatureView/style/FeatureView.css ab Zeile 41:

Code: [Select]  

ul#featuretabs li a.current {
background:  url('/modules/FeatureView/images/feature-tab-current.png');
color: #FFF;
}

und ersetze bzw. erweitere direkt anschliessend mit folgendem Code:

Code: [Select]  

ul#featuretabs li#one a.current {
background:  url('/modules/FeatureView/images/feature-tab-current1.png');
color: #FFF;
}
ul#featuretabs li#two a.current {
background:  url('/modules/FeatureView/images/feature-tab-current2.png');
color: #FFF;
}
ul#featuretabs li#three a.current {
background:  url('/modules/FeatureView/images/feature-tab-current3.png');
color: #FFF;
}

Jetzt suche noch in der modules/FeatureView/index.php ab Zeile 56:

Code: [Select]  

<li>
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg1 .'" alt="" />
<strong>' . $title1 . '</strong><br />
<span>' . $txt1 . '</span>
</a>
</li>
<li>
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg2 . '" alt="" />
<strong>' . $title2 . '</strong><br />
<span>' . $txt2 . '</span>
</a>
</li>
<li>
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg3 . '" alt="" />
<strong>' . $title3 . '</strong><br />
<span>' . $txt3 . '</span>
</a>
</li>

und ersetze ihn hiermit:

Code: [Select]  

<li id="one">
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg1 .'" alt="" />
<strong>' . $title1 . '</strong><br />
<span>' . $txt1 . '</span>
</a>
</li>
<li id="two">
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg2 . '" alt="" />
<strong>' . $title2 . '</strong><br />
<span>' . $txt2 . '</span>
</a>
</li>
<li id="three">
<a href="javascript:;">
<img src="modules/'. $module_name .'/images/icon/' . $limg3 . '" alt="" />
<strong>' . $title3 . '</strong><br />
<span>' . $txt3 . '</span>
</a>
</li>

Wenn du noch einen Block nutzt, musst auch alle "<li>" wie in der index.php anpassen. Die Grafiken hänge ich mal an.

[goodssale]

hallo comedi,

vielen dank für deine hilfe.

bin leider erst jetzt dazu gekommen, hat aber auf anhieb funktioniert.

Ich wünsche euch allen ein schönes Weihnachtsfest und einen Guten Rutsch ins neue Jahr.