Page 1 of 1
Links mit Grafik kennzeichnen
Posted: Mon 17. Jul 2006, 14:37
by pharus
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
Posted: Mon 17. Jul 2006, 14:59
by juergen
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
Posted: Mon 17. Jul 2006, 15:15
by flip-flop
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
Posted: Mon 17. Jul 2006, 15:17
by fopulu
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?
Posted: Mon 17. Jul 2006, 15:22
by juergen
@ 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
Posted: Mon 17. Jul 2006, 15:32
by pharus
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?
Posted: Mon 17. Jul 2006, 15:41
by pepe
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...
Posted: Mon 17. Jul 2006, 15:45
by pharus
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.
Posted: Mon 17. Jul 2006, 16:55
by fopulu
@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!
Posted: Mon 17. Jul 2006, 17:00
by juergen
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
Posted: Mon 17. Jul 2006, 17:03
by flip-flop