Beitrags-Icon mit Link versehen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Shenlongt1
Mitglied
Beiträge: 23
Registriert: 25.03.2013 13:22

Beitrags-Icon mit Link versehen

Beitrag 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

Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Beitrags-Icon mit Link versehen

Beitrag 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
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Shenlongt1
Mitglied
Beiträge: 23
Registriert: 25.03.2013 13:22

Re: Beitrags-Icon mit Link versehen

Beitrag 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
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Re: Beitrags-Icon mit Link versehen

Beitrag 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
Shenlongt1
Mitglied
Beiträge: 23
Registriert: 25.03.2013 13:22

Re: Beitrags-Icon mit Link versehen

Beitrag 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
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Beitrags-Icon mit Link versehen

Beitrag 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:
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Shenlongt1
Mitglied
Beiträge: 23
Registriert: 25.03.2013 13:22

Re: Beitrags-Icon mit Link versehen

Beitrag 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
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Beitrags-Icon mit Link versehen

Beitrag 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
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Shenlongt1
Mitglied
Beiträge: 23
Registriert: 25.03.2013 13:22

Re: Beitrags-Icon mit Link versehen

Beitrag 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ß
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Beitrags-Icon mit Link versehen

Beitrag 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
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“