[gelöst] Links mit Icons darstellen

Eine kurze Google Suche hätte dir hier auch weitergeholfen.

Anbei ein Code Snippet, welches du nutzen kannst:

Weitere Infos dazu: http://www.camma.ch/2009/11/06/css-links-mit-datei-icon-ergaenzen/commen...

SteffenR

Danke. Ich habe in Google gesucht, allerdings nicht mit den richtigen Begriffen wie es scheint.
Ich habe es ausprobiert (link Adresse und Name natürlich angepasst), aber es werden keine Icons angezeigt.
Ich habe auch einen Link zur englisch sprachigen Drupal Seite gefunden mit der gleichen Frage, aber irgendwie bin ich wohl zu blöd das zu verstehen...

https://www.drupal.org/node/1863894

was passiert, wenn du den ganzen Pfad zu den Icons im Browser eingibst?
Kannst du sie dann sehen?

Wenn ich meinen absoluten Pfad im Browser aufrufe bekomme ich das Icon angezeigt.

der bezieht sich normalerweise auf das Sites-Verzeichnis, bzw. sites/default/files

Was ist bei Images eingestellt?
Worauf zeigt der relative?

Achtung! Cache kann dich nochmals verwirren.

Immer wenn due eine Pfadeinstellung vorgenommen hast, darfst du nicht vergessen die caches zu löschen.

Dieses "sites/default/files" steht bei mir auch.
Wo kann ich denn das fuer die Images pruefen?

Sorry, fuer meine bloede Frage.

EDIT: Ich habe in meinem style.css jetzt den Pfad angepasst auf "sites/default/files/images/pdf.gif" aber das hat nichts geholfen.

Versuche es mal mit "/sites/default/files" im CSS.

Hab ich gemacht. Ich habe den pfad in meiner style.css auf diesen Pfad angepasst.
Hat aber auch nichts geholfen. Ich benutze übrigens "Filtered HTML", aber ich habe auch schon die anderen Varianten probiert, alle mit dem gleichen enttäuschenden Ergebnis.
Was mache ich bloß falsch?

Ohne die Seite im Browser untersuchen zu können (etwa mit Hilfe vom Firebug) wird Dir keiner weiterhelfen können, sorry.

Stimmt wohl. Ich habe Firebug installiert und sogar das Drupal for Firebug.
Ich habe eine testseite und habe dort einen link von der eigentlichen Seite getestet und siehe da, dort wird (allerding nach dem Link Text anstatt vor dem text aber egal erstmal) angezeigt. Ich benutze auf beiden Seiten dasselbe Theme mit dem selben stylesheet file.

Ihr könnt ja gern mal schauen.

Hier wird das icon gezeigt.

Hier wird es nicht angezeigt.

Allerdings ist es nicht das pdf-icon was ich wollte, weshalb ich vermute, dass der Unterschied in einem bestimmten Modul liegen muss.

Hi,

ich hab mir kurz beide Seiten angesehen.
Mir scheint auf der einen Seite hast Du das Modul iconizer installiert auf der anderen nicht.
Das css des Iconizer Moduls wird laut Firebug jedenfalls auf Deiner 2. Seite nicht geladen,
auf der 1. schon.

Gruss

Robert

Ist es denn überhaupt notwendig dieses extra modul zu installieren, wenn ich es per css einbinden kann?
Ich wollte auf kolboske.de nur die allernötigsten Module installieren, damit es nicht zu überladen wird.

Hallo,

nun ja, wenn Du dieses Modul auf der 1. Seite ausschaltest
wird es auch dort nicht funktionieren.
Schau mal in Firebug, das relevante CSS scheint von diesem Modul zu kommen.

MfG

Robert

Was meinst du mit "wenn Du dieses Modul auf der 1. Seite ausschaltest wird es auch dort nicht funktionieren"?

Hi,

wenn Du auf Deiner 1. Seite (http://poeschic.de/drupal/node/8) das Modul Iconizer ausschaltest, dann hast Du dort auch kein PDF Icon mehr.
Im Firebug kannst Du sehen, dass dieses Image durch folgendes CSS eingebunden wird:
http://poeschic.de/drupal/sites/all/modules/iconizer/files_icons.css?nrr6bh
Folglich kommt das CSS vom Modul Iconizer.
Auf Deiner 2. Seite sehe ich kein CSS welches ein PDF Icon einbindet.

Gruss

Robert

Auf der (http://kolboske.de/drupal/node/70) habe ich die icons eigentlich durch die style.css des themes eingebunden. Ich habe dort die jeweiligen Zeilen hinzugefügt. Aber sie werden irgendwie nicht erkannt.

So sieht der Eintrag in der style.css aus, der zu einem pdf link text ein icon hinzufügen soll.

Das muss doch auch irgendwie ohne dieses Modul gehen, oder etwa nicht?

geht das sicher auch ohne Modul.

Aber am Ende schreibst du mehr oder weniger, was im Modul drin steht.

Du könntest per regex feststellen, ob ein Link, der auf der Seite angezeigt wird, eine pdf-Endung hat, und dann das Symbol einblenden.

Das kannst du im Template tun, oder mit Jacascript auf dem Client, ... , oder du lässt es das Modul machen.

Du kannst dir natürlich das Modul ansehen, und schauen, ob dort etwas drin steht, was du nicht brauchst.

Dann benennst du es um, und erstellst aus dem modifizierten Modul ein eigenes Modul.
Der Fairness halber solltest du im Modulkommentar hinterlassen, dass dein Modul auf dem anderen basiert.

Hallo Bepo,

versuche damit:

Und falls du dein "Icon-Modul" deinstalieren möchtest, solltest du sicherstellen, dass die Bilder (pdf.gif, usw.) in dem Ordner liegen /drupal/sites/default/files/images/.

Fantastisch es klappt. Super Danke. Dabei hatte ich den Pfad so schon mal aber wahrscheinlich hatte ich einen typo.

Schön, dass es geklappt hat.
...und eigentlich sollten es doppelte Anführungszeichen sein.

LG Piotr

Das sieht schick aus. Ich würde gern auch externe links und email Adressen mit einem Link bestücken, aber das will nicht so recht.

Der Code in meiner style.css sieht entsprechend aus.

/* mailto: Links */

/* externe: Links */

benutze keine "schrägen" Anführungszeichen.

Sollten Sie eigentlich nicht sein. Komisch. Ich benutze gedit auf Linux.
Aber ansonsten sollte das so stimmen?

Wenn ich die Anführungsstriche ersetze, werden die Icons folgendermaßen ersetzt (siehe screenshot). So soll es aber nicht sein.

Ich habe die styles für http rausgenommen. Dann zeigt er wieder meine Icons an.

Dein Problem mit den Pfad hat sich erledigt und jetzt nehme ich an, hast Du ein anderes (wie Du richtig die externe Links selektierst).
Da Du teilweise mit absoluten URLs für die interne Verlinkungen arbeitest, müsstest Du zusätzlich die absoluten Verlinkungen, die den Namen Deiner Domain enthalten, ausschließen.
Für http könnte das so aussehen:

Beachte bitte, dass externe Verlinkungen, die den Ausdruck "kolboske.de" enthalten, auch ausgeschlossen werden (vllt. manche Ref-Links...).

Sollte Dein Problem ein anderer gewesen sein, beschreibe es bitte genauer.

LG Piotr

Ja super es klappt, ich danke dir und auch den anderen die mir geholfen haben. :-)
Dann kann ich meine Anfrage jetzt auf [gelöst] stellen.

Schaut euch bitte mal den Screenshot an. Da wird eine kleine Weltkugel angezeigt neben dem Bild. Das Bild ist auf eine Vollansicht desselben Bildes verlinkt. Das Bild selbst ist ein *.png Bild, und mein Stylesheet gibt keine Anweisungen für *.png Bildformate, aber trotzdem wird ein icon angezeigt. Auch ist es das falsche icon. Ich hätte gedacht, dass wenigstens das bild-icon angezeigt werden müsste. Ich habe jetzt ein extra style geschrieben für *.png, aber das wird ignoriert.

Kann mir jemand sagen, was ich hier falsch mache?
Danke.