Lexi Help
Die neuesten Themen
» Servamp Forum
von Raine Kamiya Heute um 22:47

» Begriff : "merken"
von Ray Heute um 21:34

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Heute um 20:56

» Private Nachrichten
von inde Heute um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Gestern um 22:24

» Ad Ware im Forum?
von inde Gestern um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

[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 : 2212
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten