Suche

[waltkemper]

Hallo in die Gemeinde,
ich habe gerade erfolgreich auf die RC portiert. Nun möchte ich auch das Sommairemenü durch den Menümanager ersetzen. Alles prima bis auf eine Möglichkeit die Bildchen vor den Links zu ändern. Mir würde es erst mal schon reichen wenn man die externen Links (_blank) erkennen könnte. Siehe hier http://www.winterscheid.net im Hauptmenü oden Links unter z.B. Winterscheid. Nach dem Aufklappen ist dort der Link Fußballergebnisse als extern zu erkennen.

Danke vorab und Grüße

[xmjay]

MoinMoin...

Sehr gute Anregung

Momentan wird die Grafik */images/menu/square/node.gif (ausgehend vom mx-default Theme) verwendet, bei internen und externen Links.

Das zu unterscheiden (intern/extern) wäre sehr interessant.

Besteht die Möglichkeit, den Menümanager dahingehend zu ergänzen, das zu unterscheiden ?

[waltkemper]

Inzwischen kann man das auf Win.net nicht mehr sehen da ich mich von Sommaire verabschiedet habe. Es bleibt der Wunsch das man externe Links (_blank) auch als solche erkennen kann.

Grüße

[Andi]

Moin

gugg mal: http://www.blogrammierer.de/css-externe-links-kennzeichnen/

[xmjay]

Hi 

Liest sich sehr gut.

Habs am Ende der Datei */layout/style/default.menu.css probiert, jedoch ohne Änderung.

In welche Datei/Stelle gehört der CSS-Code ?

[waltkemper]

Danke für den Hinweis.
Ich hab es an den Anfang gesetzt. Keine Änderung erkennbar. Weiß jemand weiter?

Grüße

[Andi]

Moin

Habs am Ende der Datei */layout/style/default.menu.css probiert, jedoch ohne Änderung.

Ich hab es an den Anfang gesetzt. Keine Änderung erkennbar.

Da gehört es auch absolut nicht hin. Steht doch extra in der Datei drin:

Code Auswählen Erweitern

* ACHTUNG WICHTIG !!
* Bitte ändern sie nicht diese Original Systemdatei!
* Um das Standard Stylesheet anzupassen, erstellen sie in diesem
* Ordner eine zusätzliche css Datei die ihre Änderungen enthält.
* Der Dateiname muss mit "custom" beginnen und die Dateiendung
* muss ".css" sein.
* z.B.: custom.irgendetwas.css


Und der Code von der tutorialseite muss natürlich angepasst werden. Die dort verwendete css-id #content muss bei euch ja nicht unbedingt existieren und wenn, dann würden die css Einstellungen für diese id gelten anstatt für das Menü.

Lege wie in dem Text beschrieben, eine custom.menuetralala.php an mit folgendem Inhalt:

Code Auswählen Erweitern


/* Alle Links kennzeichnen (intern + extern) */
.mx-menu a[href^="http://"],
.mx-menu a[href^="https://"] {
    background: transparent url(../../images/url.gif) no-repeat center right;
    display:inline-block;
    padding-right:20px;
   }

/* Alle internen Links nachbearbeiten */
  .mx-menu a[href^="http://www.meinedomain.de"],
  .mx-menu a[href^="https://www.meinedomain.de"],
  .mx-menu a[href^="https://meinedomain.de"],
  .mx-menu a[href^="http://meinedomain.de"]
  {
    padding-right: 0;
    background: transparent;
  }

Oder integriere den Code entsprechend in die Stylesheet Datei des Themes, was m.E. eigentlich der bessere Weg wäre...

[xmjay]

Hi Andi !

Danke für den Hinweis.

Wer lesen kann, is klar im Vorteil 

Steht doch extra in der Datei drin

Hab ich völlig übersehen.

[waltkemper]

Hallo miteinander, danke Andi für den Tipp. Letztendlich hat mir das den entscheidenden Hinweis gegeben. Ich hatte eh schon die style.css des Themes verwendet. Nun aber zum Eigentlichen. Ich wollte ja nicht alle externen Links noch einmal zusätzlich kennzeichnen sondern nur solche mit dem Attribut _blank. Lösung sieht dann für das gesamte System folgendermaßen aus:

Code Auswählen Erweitern

a[target=_blank] {
    background: transparent url(http://www.deineseite.xx/images/link.gif) no-repeat center right;
    display:inline-block;
    padding-right:10px;
   }
am besten am Anfang der style.css des Themes einfügen. Wenn man nur die Menümanagereinträge markieren möchte dieses nehmen:

Code Auswählen Erweitern

.mx-menu a[target=_blank] {
    background: transparent url(http://www.deineseite.xx/images/link.gif) no-repeat center right;
    display:inline-block;
    padding-right:10px;
   }
Selbstverständlich ist noch die jeweilige URL einzutragen und ein Bildname (muss im entsprechenden Pfad hinterlegt sein). Außerdem können über die padding Funktion noch Position und Abstände eingestellt werden. Ich finde diese Lösung eleganter weil erstens weniger Code und außerdem weil ich z.B. die Links im Menü (und an anderen Stellen im System wie feststehenden Artikeln in den Spezialbereichen) über die Web_Links verlinke was den Vorteil hat das sie gezählt werden (Qualtitätskontrolle) und immer nur an einer Stelle im System geändert werden müssen wenn sich die Adresse ändert oder ein alternativer, besserer Verweis anbietet. Zudem meldet das Web_Links Modul automatisch kaputte Links.

Das alles zu sehen unter: http://www.winterscheid.net/
Grüße Walter Kemper