3.x/prosilver profielen links: verschil tussen versies

Uit phpBB.nl Wiki
Ga naar: navigatie, zoeken
k (use syntaxhighlight)
 
Regel 5: Regel 5:
 
'''Open: styles/prosilver/theme/content.css<br><br>Zoek daarin op:'''
 
'''Open: styles/prosilver/theme/content.css<br><br>Zoek daarin op:'''
  
<code>/* Post body styles
+
<syntaxhighlight lang="css">/* Post body styles
 
----------------------------------------*/
 
----------------------------------------*/
 
.postbody {
 
.postbody {
Regel 15: Regel 15:
 
clear: both;
 
clear: both;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''Verander dat in'''
 
'''Verander dat in'''
  
<code>
+
<syntaxhighlight lang="css">
 
/* Post body styles
 
/* Post body styles
 
----------------------------------------*/
 
----------------------------------------*/
Regel 30: Regel 30:
 
clear: both;
 
clear: both;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
=== Stap 2: .postprofile class van rechts naar links veranderen ===
 
=== Stap 2: .postprofile class van rechts naar links veranderen ===
Regel 36: Regel 36:
 
'''Open: styles/prosilver/theme/content.css<br><br>Zoek daarin op:'''
 
'''Open: styles/prosilver/theme/content.css<br><br>Zoek daarin op:'''
  
<code>/* Poster profile block
+
<syntaxhighlight lang="css">/* Poster profile block
 
----------------------------------------*/
 
----------------------------------------*/
 
.postprofile {
 
.postprofile {
Regel 48: Regel 48:
 
display: inline;
 
display: inline;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''Verander dat in'''
 
'''Verander dat in'''
  
<code>
+
<syntaxhighlight lang="css">
 
/* Poster profile block
 
/* Poster profile block
 
----------------------------------------*/
 
----------------------------------------*/
Regel 65: Regel 65:
 
display: inline;
 
display: inline;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''Zoek vervolgens dit:'''
 
'''Zoek vervolgens dit:'''
  
<code>.pm .postprofile {
+
<syntaxhighlight lang="css">.pm .postprofile {
 
border-left: 1px solid #DDDDDD;
 
border-left: 1px solid #DDDDDD;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''en verander dat in:'''
 
'''en verander dat in:'''
  
<code>.pm .postprofile {
+
<syntaxhighlight lang="css">.pm .postprofile {
 
border-right: 1px solid #DDDDDD;
 
border-right: 1px solid #DDDDDD;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
=== Stap 3: voer de rest van de code changes uit ===
 
=== Stap 3: voer de rest van de code changes uit ===
Regel 86: Regel 86:
  
 
'''Zoek op'''
 
'''Zoek op'''
<code>.online {
+
<syntaxhighlight lang="css">.online {
 
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
 
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''Vervang met'''
 
'''Vervang met'''
<code>.online {
+
<syntaxhighlight lang="css">.online {
 
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
 
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
 
   margin-top: -5px;
 
   margin-top: -5px;
Regel 100: Regel 100:
 
   margin-top: 5px;
 
   margin-top: 5px;
 
}
 
}
</code>
+
</syntaxhighlight>
  
 
'''Open: viewtopic_body.html'''
 
'''Open: viewtopic_body.html'''
Regel 106: Regel 106:
 
'''Zoek op:'''
 
'''Zoek op:'''
  
<code><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 -->"></code>
+
<syntaxhighlight lang="html"><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 -->"></syntaxhighlight>
  
 
'''Verwijder daaruit:'''
 
'''Verwijder daaruit:'''
  
<code><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --></code>
+
<syntaxhighlight lang="html"><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --></syntaxhighlight>
  
 
'''Open viewtopic_body.html'''
 
'''Open viewtopic_body.html'''
  
 
'''Zoek op:'''
 
'''Zoek op:'''
<code><dl class="postprofile" id="profile{postrow.POST_ID}"></code>
+
<syntaxhighlight lang="html"><dl class="postprofile" id="profile{postrow.POST_ID}"></syntaxhighlight>
  
 
'''Vervang met'''
 
'''Vervang met'''
<code><dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}"></code>
+
<syntaxhighlight lang="html"><dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}"></syntaxhighlight>
  
 
'''Open: open styles/prosilver/template/ucp_pm_viewmessage.html'''
 
'''Open: open styles/prosilver/template/ucp_pm_viewmessage.html'''
  
 
'''Zoek daarin op:'''
 
'''Zoek daarin op:'''
<code><div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->"></code>
+
<syntaxhighlight lang="html"><div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->"></syntaxhighlight>
  
 
'''Verwijder daaruit:'''
 
'''Verwijder daaruit:'''
<code><!-- IF S_ONLINE --> online<!-- ENDIF --></code>
+
<syntaxhighlight lang="html"><!-- IF S_ONLINE --> online<!-- ENDIF --></syntaxhighlight>
  
 
'''Zoek op:'''
 
'''Zoek op:'''
<code><dl class="postprofile" id="profile{MESSAGE_ID}"></code>
+
<syntaxhighlight lang="html"><dl class="postprofile" id="profile{MESSAGE_ID}"></syntaxhighlight>
  
 
'''Verander dat in'''
 
'''Verander dat in'''
<code><dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}"></code>
+
<syntaxhighlight lang="html"><dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}"></syntaxhighlight>
  
 
=== Buffer legen en thema vernieuwen ===
 
=== Buffer legen en thema vernieuwen ===
 
Vergeet na het doen van deze wijzigingen niet je buffer te legen en je thema te 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/
 
Orgineel artikel: http://www.phpbb.com/kb/article/prosilver-profiles-on-left/

Huidige versie van 14 jan 2017 om 13:26

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.

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/