Lexi Help
Partner
www.forumieren.com

[Tutorial] [phpBB2] Einzelne Beiträge verlinken

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Tutorial] [phpBB2] Einzelne Beiträge verlinken

Beitrag von inde am Sa 2 Jul 2016 - 14:02


[phpBB2]Einzelne Beiträge verlinken


Mittlerweile gibt es auch schon einen Verbesserungsvorschlag zum Verlinken von einzelnen Beiträgen für die Version phpBB2, ähnlich wie bei den Versionen PunBB, Invision und phpBB3. Da wir jedoch nicht wissen ob dieser Vorschlag angenommen bzw. auch von der Technik umgesetzt wird, habe ich mich einmal daran gemacht um ein gewünschtes Resultat anderweitig herbeizuführen.


Funktionsweise:
Aus dem Titel des Themas ....

....wird ein entsprechender Link, der nicht sichtbar nummeriert wird und erhält eine eindeutige ID. Nach einem Klick auf diesen Link (1.) wird dieser zusammen mit der ID in der Adresszeile des Browsers angezeigt. Nun kann dieser Link aus der Adresszeile (2.) kopiert werden und steht somit für eine direkte Verlinkung eines Beitrags im gesamten Forum zur Verfügung.



Es gibt 2 Anleitungen (A und B) für die Umsetzung, wobei sich diese lediglich im Aussehen unterscheiden.
A: Dem Titel des Themas wird lediglich ein Link hinzugefügt.

B: Um den Link ein wenig mehr hervorzuheben, wird die Uhrzeit sowie das dazugehörige Mini-Icon in eine zusätzliche Zeile verschoben.



Der neue Link wird nun angezeigt wie bereits im Adminbereich eingestellt unter:
Anzeige -> Bilder & Farben-> Farben -> "Farben der Links" (Hinweis: Einstellung betrifft alle Links im Forum!)

C: Durch den zusätzlich eingebrachten Selektor (Klasse) können nun auch separat über das persönliche CSS die Deklaration (Eigenschaften und Aussehen) der Links auch beim Mouseover (Hover-Verhalten) ganz individuell gestaltet und dem Forum angepasst werden.

Anleitung

Anleitung A:
1. Logge Dich mit Deinem Gründer-Account in Deinem Forum ein um auch entsprechende Templates bearbeiten zu können!
2. Suche das Template "viewtopic_body", zu finden im Adminbereich unter:
___Anzeige -> Templates -> Allgemeines -> viewtopic_body
3. Klick auf  zahnrad  um das Template zu bearbeiten.
4. Suche im Template die Zeile (unbearbeitetes Template Zeile: 154)
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
5. Ersetze die Zeile durch die nachfolgende Zeile.
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: <span class="post_link"><a href="#{postrow.displayed.U_POST_ID}">{postrow.displayed.POST_SUBJECT}</a></span>&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
6. Klick auf "Absenden" und danach auf  plus  um das Template zu veröffentlichen.

Anleitung

Anleitung B:
1. Logge Dich mit Deinem Gründer-Account in Deinem Forum ein um auch entsprechende Templates bearbeiten zu können!
2. Suche das Template "viewtopic_body", zu finden im Adminbereich unter:
___Anzeige -> Templates -> Allgemeines -> viewtopic_body
3. Klick auf  zahnrad  um das Template zu bearbeiten.
4. Suche im Template die Zeile (unbearbeitetes Template Zeile: 154)
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
5. Ersetze die Zeile durch die nachfolgende Zeile.
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: <span class="post_link"><a href="#{postrow.displayed.U_POST_ID}">{postrow.displayed.POST_SUBJECT}</a></span><br /><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
6. Klick auf "Absenden" und danach auf  plus  um das Template zu veröffentlichen.

Anleitung

Dein persönliches CSS findest Du unter:
Anzeige -> Bilder & Farben-> Farben -> CSS Stylesheet -> "Entsprechenden Eintrag hinzufügen und auf "Annehmen" klicken."
Hinweis: Mitunter müssen für die gewünschte Anzeige des Links im Forum einige Deklarationen als Wichtig (!important) ausgewiesen werden. Bitte nicht alle Deklarationen grundsätzlich als wichtig ausweisen, da diese auch noch andere Auswirkungen in Deinem Forum hervorrufen könnten. Es empfiehlt sich dies experimentell durchzuführen!
CSS-Codebeispiel:
Code:
/*Titel des Themas als Link im Beitrag*/
.post_link a {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}
.post_link a:hover {
    color: #0000ff;
    text-decoration: none !important;
}


Have Fun. Ich hoffe euch gefällt diese Umsetzung.

LG inde

Dieses Tutorial stammt von inde.
Das Tutorial unterliegt dem Copyright von hilfe.forumieren.com.
Eine Veröffentlichung außerhalb von hilfe.forumieren.com ist nicht gestattet!



inde
Moderator
Moderator

Männlich Beiträge : 2627
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten