Menü in Joomla mit grafischen Buttons

Beitrag von **x-drive** » 24.01.2010, 21:24

Hallo zusammen,

versuche derzeit eine HTML-Seite in Joomla umzusetzen. Würde dabei gerne die alten Gif-Buttons im Navigationsmenü beibehalten. Im Navigationsmodul sind aber nur die Textlinks möglich.

Kennt jemand, wie man dies umsetzen kann?

von **Anzeige von ABAKUS** »

Hochwertiger Linkaufbau bei ABAKUS:

Google-konformer Linkaufbau
nachhaltiges Ranking
Linkbuilding Angebote zu fairen Preisen
internationale Backlinks

Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Beitrag von **Malte Landwehr** » 24.01.2010, 21:34

Direkt im Template bearbeiten?

Beitrag von **x-drive** » 24.01.2010, 21:45

Hallo Malte Landwehr,

kennst Du evtl. eine Einleitung im Web, wo es ausführlich beschrieben ist?
Meine Suche hat nicht viel gebracht.

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **Alda** » 24.01.2010, 21:52

www.joomla-forum.de
www.joomla-downloads.de/forum
www.joomlaportal.de
forum.joomla.org

Bei denen wirst Du vielleicht schneller fündig als hier. GIF-Buttons sind nicht unbedingt suchmaschinenfreundlich.

Beitrag von **PSI** » 24.01.2010, 22:49

@x-drive

Dann mach es so: Statt die Standard Navigation (mainmenu) zu nutzen, pflege den Quellcode samt der Grafiken in die index.php ein.

Beitrag von **raphael** » 25.01.2010, 10:20

Hi!
Ja, das Joomlaforum ist besser geeignet. Aber ich habs dir trotztdem schnell mal rauskopiert:

In der CSS-Datei machst du eine eingene Linkklasse. Die wird dann mit den gifs bestückt.
z. B. so:
a.link1 {
background-image: url(./button.gif);
background-repeat:no-repeat;
display: block;
border: 0px;
width: ..px;
height:..px;
text-decoration: none;
text-align: center;
}

a.link1:hover {background-image: url(./button-2.gif);
background-repeat:no-repeat;
display: block;
border: 0px;
width: ..px;
height: ..px;
text-decoration: none;
}

und so sieht der HTML-code eines Menüpunktes aus:

<a class="link1" href="index.php?option=com_content&view=article&id=4">
<p class="buttons">Dein Text</p>
</a>

Dann hast du einen Text, den du über die Buttons legen kannst und musst nicht immer für jeden Menüpunkt neue Buttons im Photoshop machen.

Für das Menü wählst du ein Modul, für das du HTML-Code selbst schreiben kannst.
Grüße
Raphael

Übrigens: Warum sind den gifs in der Navi nicht Suchmaschinenfreundlich?