Seite 1 von 3

Beitrags-Icon mit Link versehen

Verfasst: 08.04.2013 21:12
von Shenlongt1
Hallo Leute,

es geht um die Adresse: http://www.painbooks.de/painbooks
Der Style ist: http://demo.phpbb3styles.net/Artodia%3A+Deluxe

Es geht darum, das wenn man einen neuen Beitrag schreibt, bekommen ja die icon vor den Beiträgen eine andere Farbe bzw. sie bewegen sich. Dies deutet ja darauf hin, das ein neuer Beitrag verfasst oder eine Antwort neu reingestellt wurde.

Jetzt meine Frage, kann man die icon so verlinken, das sie zum aktuellen neuen Beitrag bzw. zum Thema gelangen.
Denn wenn diese icon sich verfärben oder blinken will man da immer drauf drücken, aber es passiert nichts.

Vielen Dank schon mal.

Viele Grüße

Tommy

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 00:49
von HabNurNeFrage
Hi,

die Grafik lässt sich nicht direkt verlinken, da sie per css als Hintergrundgrafik definiert ist.

Man könnte eine transparente Grafik darüberlegen, die dann entsprechend verlinkt wird.
Das könntest Du folgendermaßen realisieren:

1. Transparente Grafik herunterladen: https://upload.wikimedia.org/wikipedia/ ... parent.gif

2. Umbenennen in transparent.gif (aus großem T mach kleines t)

3. Per FTP hochladen in /styles/art_deluxe/theme/images/

4. Öffnen: styles/art_deluxe/template/forumlist_body.html

5. Finden: <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">

6. Dahinter einfügen:

Code: Alles auswählen

<!-- IF forumrow.LAST_POST_TIME && not S_IS_BOT --><a href="{forumrow.U_LAST_POST}"><img src="{T_THEME_PATH}/images/transparent.gif" alt="*" style="float:left;height:100%;width:40px;" /></a><!-- ENDIF --> 
7. Im ACP den Cache leeren

Ist ungetestet, müsste aber zum gewünschten Ergebnis führen...

LG

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 09:18
von Shenlongt1
Hey,

also an sich hat die Idee funktioniert, aber das Problem ist noch das unsichtbare Bild mit der verlinkung ist nicht direkt auf dem Icon sondern dahinter, d.h. er ist zwischen icon und dem Wort des Forums.
Egal welche Größe ich einstelle, ich bekomme es einfach nicht auf das icon drauf.

ich habe es erst mal wieder normal gemacht.

ich möchte ja das unsichtbare direkt auf das icon haben.

hast du noch eine Idee

lg

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 12:04
von sladdicool
Shenlongt1 hat geschrieben:
Es geht darum, das wenn man einen neuen Beitrag schreibt, bekommen ja die icon vor den Beiträgen eine andere Farbe bzw. sie bewegen sich. Dies deutet ja darauf hin, das ein neuer Beitrag verfasst oder eine Antwort neu reingestellt wurde.


Tommy
Genau. Und dann guggt man auf die rechte Seite, sieht den Autor des letzten Beitrags und den Link zu diesem:

[ externes Bild ]

Die Funktion ist also bereits da, nur auf der anderen Seite......

LG
Sladdi

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 13:51
von Shenlongt1
stimmt, du hast recht. das das war mir noch gar nicht aufgefallen :).

jetzt ist noch die ob und wie ich die Funktion auf das große icon bringen kann.

weist du das zufällig auch :).

ich habe zwar schon was kopiert, hat leider aber nicht geklappt.


vielen Dank schon im voraus.

lg

tommy

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 17:04
von HabNurNeFrage
Hi,

wie bereits geschrieben, ist es nicht möglich, Hintergrundbilder direkt zu verlinken.
Daher brauchst Du einen kleinen Trick. Dafür gäbe es sicher einige Möglichkeiten.
Ohne größere Änderungen ist meine oben beschriebene wohl die einfachste.

Um die transparente Grafik genau über die großen Pfeilbildchen zu bekommen, bedarf es einer weiteren kleinen Änderung.
Meine Aktion von oben wieder einbauen und zusätzlich noch:

Öffne: /styles/art_deluxe/theme/layout_index.css

Finde darin: padding-left: 45px; Anm.: Dahinter steht noch /* Space for folder icon */

Ersetze durch: padding-left: 4px;

Cache nach allem wieder leeren.

LG

PS: Es ist natürlich genau die Funktion, die dabei genutzt wird, um den Link ein zweites Mal zu erzeugen :wink:

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 21:08
von Shenlongt1
hey,

ich bin es noch mal.

also ich habe deine Ergänzung noch mit gemacht und die stelle geändert. ich habe aus der 45 eine 4 gemacht.

Doch leider hat es nicht funktioniert.

Ich habe diesmal die verändern auf dem Board gelassen. Kannst es dir ja mal anschauen.
Wie man sieht ist die immer noch Grafik zwischen dem Icon und dem Beitragstext.

Ich habe das das unsichtbare Bild nur ein bisschen von der größe verändert. ich habe statt
style="float:left;height:100%;width:40px;"
style="float:left;height:5%;width:25px;" gemacht, damit das nicht so groß ist.

Deine Idee war gut. Weist du woran das liegen könnte.

vielen Dank schon im Voraus

Tommy

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 21:27
von HabNurNeFrage
Hi,

Die Änderung im CSS wurde noch nicht gemacht oder noch nicht übernommen.

Im ACP Reiter Styles auf Themes klicken und hinter Deinem Style noch auf Aktualisieren.

Die Höhe mit 5% ist wohl etwas dürftig. 100% entspricht der Gesamthöhe des umgebenden Elementes, also der Zeile.
Mit der Breite würde ich auch auf mindestens 50px gehen, damit nach erfolgter Überdeckung auch das gesamte Pfeilbild vom Link bedeckt ist und der Text nicht noch über das Pfeilbild lappt.

LG

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 21:35
von Shenlongt1
also ich habe alles noch mal aktualisiert aber geht trotzdem nicht.

ist immer noch dazwischen

jetzt habe ich es auf 100% und 50 gesetzt.

das sieht halt nicht so gut aus, ist alles zu groß

Re: Beitrags-Icon mit Link versehen

Verfasst: 09.04.2013 21:48
von HabNurNeFrage
Hi,

es gibt noch mehrere Probleme. Daher ändere nochmal das:

Code: Alles auswählen

<!-- IF forumrow.LAST_POST_TIME && not S_IS_BOT --><a href="{forumrow.U_LAST_POST}"><img src="{T_THEME_PATH}/images/transparent.gif" alt="*" style="float:left;height:100%;width:40px;" /></a><!-- ENDIF --> 
Tausche gegen:

Code: Alles auswählen

<!-- IF forumrow.LAST_POST_TIME && not S_IS_BOT --><a href="{forumrow.U_LAST_POST}"><!-- ENDIF --><img src="{T_THEME_PATH}/images/transparent.gif" alt="*" style="float:left; vertical-align:middle; height:40px; width:40px;" /><!-- IF forumrow.LAST_POST_TIME && not S_IS_BOT --></a><!-- ENDIF --> 
Damit wird das Transparent in 40x40 mittig platziert, taucht vor allen Foren auf, auch wenn dort noch kein Beitrag ist und wird nur verlinkt, wenn dort ein Beitrag ist.

LG