Links mit Grafik kennzeichnen

pharus · Post by **pharus** » Mon 17. Jul 2006, 14:37

Ich habe folgendes Problem:
Ich möchte meine Links so darstellen, dass entsprechend dem Ziel (externe Site, pdf-Document, ... ) eine kleine Grafik dahinter angeigt wird.

Ein erster Versuch war über CSS mit folgendem Code:

Code: Select all

a[href^="http://"]{
background: transparent url(../../img/icons/icon_pdf.gif) 100% 50% no-repeat;
padding-right: 15px;
}

Das funktioniert aber leider nicht mit IE. (es MUSS aber im IE funktionieren)

Da bereits entsprechende icons im phpwcms enthalten sind, wollte ich fragen ob es für mein Problem bereits eine Lösung gibt.

Vielen Dank für eure Hilfe

Post by **juergen** » Mon 17. Jul 2006, 14:59

Hallo pharus,

versuch mal das :

Code: Select all

a, a:link, a:visited, a:active, a:focus {
background: transparent url(../../img/icons/icon_pdf.gif) 100% 50% no-repeat;
padding-right: 15px;    
}

in der frontend.css (Admin-> Standardcss)

ich würde aber eine parent class zuordnen, sonst hast du das pdf logo auf jedem link, was ja auch verwirrend ist

Die Icons kriegst du normalerweise, wenn du den download aus dem filecenter anbietest.

Jürgen

Post by **flip-flop** » Mon 17. Jul 2006, 15:15

Oder nimm das hier: http://www.phpwcms.de/forum/viewtopic.php?p=65170#65170
Ist sehr ausbaufähig.

Z.Bsp.:
[DOCIN /picture/File/zip/Systemaufstellung.zip] hier...[/DOCIN]
In der front.func.inc.php ab ~ Zeile 1700 das array fortlaufend erweitern.

Code: Select all

	// kh 17-08-05 [DOCIN url]Text[/DOCIN] doc download link to 'url' in the same window including image (string)
	$search[37]	= '/\[DOCIN (.*?)\](.*?)\[\/DOCIN\]/';
	$replace[37]	= '<img src="img/icons/small_icon_pix.gif" width="13" height="11" border="0" vspace="0" hspace="0" alt="Doc download"><a href="$1" target="_self">$2</a>';

oder

[PDFIN /picture/File/zip/Systemaufstellung.pdf] hier...[/PDFIN]

Code: Select all

	// kh 17-08-05 [PDFIN url]Text[/PDFIN] pdf download link to 'url' in the same window including image (string)
	$search[38]	= '/\[PDFIN (.*?)\](.*?)\[\/PDFIN\]/';
	$replace[38]	= '<img src="img/icons/small_icon_pdf.gif" width="13" height="11" border="0" vspace="0" hspace="0" alt="PDF download"><a href="$1" target="_self">$2</a>';

Sieht dann in etwa so aus: http://ne-paneeldecken.de/de_systemueberblick_3.phtml (oben rechts und über die Site verteilt)

Gruß Knut

fopulu · Post by **fopulu** » Mon 17. Jul 2006, 15:17

Ich mich mal ein....

@DF6IH Wie meinst du das mit der parent class? Oder wie würde die class für 2 verschiedene Links aussehen, einmal pdf und einmal doc?

Post by **juergen** » Mon 17. Jul 2006, 15:22

@ fopulu

Code: Select all

 
.wasweissdennichwiedudienennenwillst a {}

Keinerlei Fantasie die Jugend von heute

also ich perönlich würde sie doc nennen... aber das div muß ja extra um den link gelegt werden... neudeutsch : händisch ... nicht so ganz im cms Sinne

Jürgen

pharus · Post by **pharus** » Mon 17. Jul 2006, 15:32

Für jeden link eine eigene class erstellen, und bei jedem Link händisch anzugeben, ist nicht die Lösung die ich mir vorstelle.
Ich habe es bis jetzt auch auf diese Art gelöst. Das Problem ist jedoch, dass bei diesem System mehrere Autoren Artikel erstellen. Wenn jetzt jemand vergisst die entsprechende class anzugeben, wird der link nicht korrekt angezeigt.
Deswegen suche ich nach einer Möglichkeit, die entsprechend dem Zielpfad die dazugehörige Klasse automatisch hinzuzufügen.

Hat jemand dafür eine Lösung?

pepe · Post by **pepe** » Mon 17. Jul 2006, 15:41

Wenn du deine Links innerhalb des FCKeditors einpflegst...
Dort kannst du doch eigene STYLES einfügen, die du selber auch benenn kannst.

Wenn du also den jeweiligen Link anklickst und dann den Style DOC-Link oder IMAGE-Link auswählst, sollte es möglich sein, dass dann aus der css-Datei die entsprechende class mit dem Backgroundimage zugeordnet wird...

Das sollte sogar Fräulein Müller (Name ist der Redaktion bekannt, wurde aber aus naheliegenden Gründen geändert) können, denn auf ihrem Handy kommt sie doch auch auf 200 Anschläge pro Minute...

pharus · Post by **pharus** » Mon 17. Jul 2006, 15:45

Ich weiß, dass man mit dem FCKeditor die class angeben kann.

Aber wie bereits gesagt, suche ich ja nach einer Möglichkeit, das zu AUTOMATISIEREN. Denn das ist ja der Sinn von php.

Vielleicht hat ja sich ja bereits jemand einen entsprechenden Code für dieses Problem überlegt.

fopulu · Post by **fopulu** » Mon 17. Jul 2006, 16:55

@DF6IH

Keinerlei Fantasie die Jugend von heute

also ich perönlich würde sie doc nennen... aber das div muß ja extra um den link gelegt werden... neudeutsch : händisch ... nicht so ganz im cms Sinne

Mir erschien das ganze Problem zu trivial zu sein, denn ich vermutete, das sich das automatisieren läßt, was pharus ja beabsichtigt.... andernfalls kann es schon sein, das ich bei der Hitze nicht ganz so kreativ bin! Jep!

Post by **juergen** » Mon 17. Jul 2006, 17:00

Nachtrag:

Du kannst es auch so automatisieren:

{PDF:name.pdf} und legst dir in den Frontend Render ein kleines tool, was das erledigt. Das wäre ja schon fast CMS würdig.

Falls jemand richtig schöne RECHTEFREIE Icons hat, würde ich sowas mitbasteln. Sieht bestimmt chick aus. Einziger Nachteil: Das PDF kann nicht so ohne weiteres aus dem filestorage kommen, sondern muss per FTP hochgeladen werden.

Jürgen

Post by **flip-flop** » Mon 17. Jul 2006, 17:03

So was ähnliches ist schon da. Sie oben http://www.phpwcms.de/forum/viewtopic.php?p=68650#68650

Knut