Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Geavanceerde Memberlist

Vorige onderwerp Volgende onderwerp Go down

Geavanceerde Memberlist

Bericht van Gast op zo 3 nov 2013 - 22:14

Geavanceerde Memberlist

Deze tutorial zal je uitleggen hoe je een geavanceerde memberlist kan maken.

De plaats waar je de eerste code moet invoeren is via het volgende stappenplan:
Beheerderspaneel Display Templates Algemeen memberlist_body

DE CODE :
Allereerst een zeer belangrijke opmerking. De "© by IceWolf Designs 2012" moet erin blijven staan! Of het staat in de credits vermeld dat je een code van IWD'12 gebruikt, maar het moet er in blijven. Dit is namelijk wat zij zelf vraagt in haar uitleg/eisen.

Code:
<form action="{S_MODE_ACTION}" method="get">
<table cellspacing="0" cellpadding="5" border="0" align="center" class="forumline" width="100%">
   <tr>
      <th class="thTop" nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
   </tr>
   <tr>
      <td class="row1">
      <table cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
         <tr>
            <td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />      
            {L_SELECT_SORT_METHOD} {S_MODE_SELECT}      
            {L_ORDER} {S_ORDER_SELECT}      
            {S_HIDDEN_SID}
            <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
         </tr>
      </table>
      </td>
   </tr>
</table>
</form>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN memberrow -->
   <tr>
                <!-- BEGIN switch_td_group -->
      <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen">{memberrow.GROUPS}</span></td>
      <!-- END switch_td_group -->
      <td class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
          <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"> {memberrow.ROW_NUMBER}#  {<a href="{memberrow.U_VIEWPROFILE}"><font style="font-family: Georgia; font-size: 20px;">{memberrow.USERNAME}</font></a>}</span><br>
        
      <font size="1">{memberrow.USERNAME} is op <span class="gensmall">{memberrow.JOINED} geregistreerd.</span><br>
      Voor het laatst online geweest op <span class="gensmall">{memberrow.LASTVISIT}.</span><br>
      Sinds de registratie zijn er  <span class="gen">{memberrow.POSTS}</span> berichten gepost.<br>
       {memberrow.PM_IMG}
                   {memberrow.WWW_IMG} </font></td>
   </tr>
   <!-- END memberrow -->
   <!-- BEGIN switch_no_user -->
   <tr>
      <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
   </tr>
   <!-- END switch_no_user -->
<tr><center><font style="font-size:10px;">© by Icewolf Designs 2012</font></center></tr>
</table>
<!-- BEGIN switch_pagination -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td><span class="nav">{PAGE_NUMBER}</span></td>
      <td align="right"><span class="nav">{PAGINATION}</span></td>
   </tr>
</table>
<br />
<!-- END switch_pagination -->
Om iets voor de gebruikersnaam te zetten in het zinnetje zoek je deze regel op in de template code:

Code:
<font size="1">{memberrow.USERNAME} is op <span class="gensmall">{memberrow.JOINED} geregistreerd.</span><br>
Dan kun je voor de {memberrow.USERNAME] dingen zetten hoe je die wilt noemen.

CASCADING STYLE SHEET :
Daarna moet je de avatar grote invoeren door middel van het volgende stappenplan.

Beheerderspaneel Display Kleuren Cascading Style Sheet

Code:
/** AVATAR MEMBERLIST**/
  .avatar.mini, .avatar.mini img {
height:200px;
width:150px;
}
De height:200px; en de width:150px; kun je aanpassen op de marges van de avatars die jij op je forum wilt zien Razz


Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Geavanceerde Memberlist

Bericht van Nathy op zo 24 nov 2013 - 23:11

Dankje om een tutorial te schrijven/vertalen voor ons, en ik zal deze zelf ook eens gaan uitproberen Wink

Tutorial Goedgekeurd!

Nathy
Medaille Forumlid
Medaille Forumlid

Oud Globaal Moderator

Man Aantal berichten : 622
Leeftijd : 18
Locatie : België
Registratiedatum : 05-01-12
Oprichter van het forum : Nee
Templates gewijzigd : Nee
CSS : Nee

Profiel bekijken http://testforumbe-nl.actieforum.com/
Nathy is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum