[Tipp] prosilver Profile auf der linken Seite

Tipps zur Forensoftware phpBB 3.0.x
Gesperrt
Benutzeravatar
Mahony
Site Admin
Site Admin
Beiträge: 792
Registriert: 3. Dez 2006 22:09
Hat sich bedankt: 22 Mal
Danksagung erhalten: 6 Mal

[Tipp] prosilver Profile auf der linken Seite

Beitrag von Mahony »

Hallo
Immer wieder wird nachgefragt, wie man im prosilver-Style das Profil auf der linken Seite aktiviert.

Achtung: Um die Änderungen nicht irgendwann zu verlieren (zum Beispiel durch unachtsames Aktualisieren der Themes oder Templates im ACP), wird empfohlen die Änderungen direkt in den Dateien, und nicht im Board-Editor, durchzuführen.

1. Im ACP auf die Registerkarte Styles klicken .
2. Unter Style-Komponenten auf der linken Seite auf Themes klicken.
3. Auf der rechten Seite auf die Schaltfläche "Ändern" klicken (neben prosilver). Es öffnet sich ein Fenster in dem alle CSS Einstellungen für das prosilver Thema enthalten sind.
4. Jetzt sucht man den folgenden Code in der CSS-Datei.
Suche (content.css):

Code: Alles auswählen

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
Ersetze mit:

Code: Alles auswählen

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
5. Suche den folgenden Code in der CSS-Datei.
Suche:

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}
Ersetze mit:

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
6: Weiter gehts mit der Suche. :mrgreen:
Suche:

Code: Alles auswählen

.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
Ersetze mit:

Code: Alles auswählen

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}
Suche (colours.css):

Code: Alles auswählen

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Ersetze mit:

Code: Alles auswählen

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
   margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}
6. Auf Absenden klicken.


7.Auf der linken Seite unter Style-Komponenten auf Templates klicken und anschließend auf Ändern klicken (neben prosilver). Im Drop Down Menü wählt man nun die viewtopic_body.html. Es sollte sich ein Editor-Fenster mit dem Code der viewtopic_body.html öffnen. (oder man macht die Änderungen direkt in der Datei viewtopic_body.html - das ist die empfohlene Vorgehensweise )

Suche:

Code: Alles auswählen

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
Ersetze mit:

Code: Alles auswählen

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
Suche:

Code: Alles auswählen

<dl class="postprofile" id="profile{postrow.POST_ID}">
			<dt>
Ersetze mit:

Code: Alles auswählen

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
			<dt>
8. Auf Absenden klicken.

9. Aus dem Drop Down Menü wählt man nun die ucp_pm_viewmessage.html (oder man macht die Änderungen direkt in der Datei ucp_pm_viewmessage.html - das ist die empfohlene Vorgehensweise )

Suche nach:

Code: Alles auswählen

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
Ersetze mit:

Code: Alles auswählen

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
Suche nach:

Code: Alles auswählen

<dl class="postprofile" id="profile{MESSAGE_ID}">
Ersetze mit:

Code: Alles auswählen

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

So, das sollte es dann gewesen sein. Das Ergebnis sieht dann so wie hier im Forum aus.


Wer die Änderungen nicht über den Editor im ACP sondern in den Dateien machen möchte (was ich dringend empfehle) muss die folgenden Dateien bearbeiten (voher noch im ACP=>Allgemein=>Server-Konfiguration=>Serverlast=>Rekompilieren veralteter Style-Komponenten auf "Ja" stellen.):
1. styles/prosilver/theme/content.css
2. styles/prosilver/theme/colours.css
3. styles/prosilver/template/viewtopic_body.html
4. styles/prosilver/template/ucp_pm_viewmessage.html

Anschließend noch den Cache leeren.

P.S. Wer es lieber seinen Usern überlassen möchte, zu entscheiden, auf welcher Seite das Profil nun angezeigt werden soll, der kann dazu auch den Mini Profile Side Switcher MOD verwenden.



Grüße: Mahony
Diejenigen, die lautstark darüber diskutieren, warum es nicht geht, mögen bitte jene nicht stören, die es gerade tun.
Klug ist, wer nur die Hälfte von dem glaubt, was er hört. Weise ist, wer erkennt, welche Hälfte richtig ist.

Bild
Gesperrt