prosilver profielen links

Uit phpBB.nl Wiki

phpBB3

Sommige phpBB gebruikers die een prosilver gebaseerde stijl hebben, willen de profielen van hun gebruikers bij berichten aan de linkerkant, in plaats van aan de rechterkant. Bij subsilver2 gebaseerde stijlen is dit vaak standaard al zo. In deze tutorial lees je hoe je dat voor elkaar krijgt.

Inhoud 1 Stap 1: .postbody class van links naar rechts veranderen 2 Stap 2: .postprofile class van rechts naar links veranderen 3 Stap 3: voer de rest van de code changes uit 4 Buffer legen en thema vernieuwen

Stap 1: .postbody class van links naar rechts veranderen

Open: styles/prosilver/theme/content.css

Zoek daarin op:

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

Verander dat in

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

Stap 2: .postprofile class van rechts naar links veranderen

Open: styles/prosilver/theme/content.css

Zoek daarin op:

/* 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;
}

Verander dat in

/* 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;
}

Zoek vervolgens dit:

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

en verander dat in:

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}

Stap 3: voer de rest van de code changes uit

Open: styles/prosilver/theme/colours.css

Zoek op

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

Vervang met

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

Open: viewtopic_body.html

Zoek op:

<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 and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Verwijder daaruit:

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

Open viewtopic_body.html

Zoek op:

<dl class="postprofile" id="profile{postrow.POST_ID}">

Vervang met

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

Open: open styles/prosilver/template/ucp_pm_viewmessage.html

Zoek daarin op:

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

Verwijder daaruit:

<!-- IF S_ONLINE --> online<!-- ENDIF -->

Zoek op:

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

Verander dat in

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

Buffer legen en thema vernieuwen

Vergeet na het doen van deze wijzigingen niet je buffer te legen en je thema te vernieuwen! Orgineel artikel: http://www.phpbb.com/kb/article/prosilver-profiles-on-left/