Profiel template

Ik zal hier binnenkort eens naar kijken, geef me een paar dagen want ik heb het momenteel druk.

Daaronder heb je gewoon het standaard profiel plaatje en daaronder de RPG sheet waar ik wel tevreden mee ben (en ook van een tutorial van hier komen), die hoeven dus niet veranderd te worden.

Bedoel je dat je deze tutorial gevolgd hebt en het resultaat terug wil zien wanneer ik het bovenste stuk aanpas?

Ik was niet zeker wat er precies aan de rechterkant moest gebeuren dus heb ik daar nog niets gedaan.

Dit is hoever ik nu staat:

Code:

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table id="profile_page" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td class="catLeft" align="center" width="50%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
      <td class="catRight" width="50%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
  </tr>
  <tr>
      <td class="row1" align="center" valign="top" height="120">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr><td rowspan="3" class="profile_avatar">{AVATAR_IMG}</td><td><div class="profile_rank">{POSTER_RANK}</div></td></tr>
            <tr><td>
            <!-- BEGIN switch_show_status -->
            <span class="gen">{L_STATUT}: </span><b><span class="gen">{USER_ONLINE}</span></b>
            <!-- END switch_show_status -->
            <br />
            <!-- BEGIN switch_auth_user -->
            <span class="gen">{L_ADMINISTRATE_USER}: </span><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong>
            <!-- END switch_auth_user -->
            <!-- BEGIN switch_admin_user_comment_active -->
            <br />
            <br />
            <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
            <table align="center">
                    <tr>
                        <td>
                          {ADMIN_USER_COMMENT}
                        </td>
                    </tr>
                  </table>
            <!-- END switch_admin_user_comment_active -->
         </td></tr>
            <tr><td class="profile_contact">
            <!-- BEGIN contact_field -->
               <div style="font-weight:bold;">{contact_field.CONTENT}</div>
            <!-- END contact_field -->
         </td></tr>
        </table>
      </td>
      <td class="row1" valign="top">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
            <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
        </tr>
        <!-- BEGIN switch_dhow_mp -->
        <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
            <td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
        </tr>
        <!-- END switch_dhow_mp -->
        <!-- BEGIN profile_field -->
        <tr id="field_id{profile_field.ID}">
            <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
        </tr>
        <!-- END profile_field -->
        </table>
      </td>
  </tr>

Dit is het stuk van regel 0 tot ''Begin switch_rpg'.

Code:

.profile_avatar img {
  height: 400px;
  width: 220px;
  border: 2px solid #1A1713;
  margin: 3px;
}
.profile_rank {
  padding: 7px 0px;
  margin: 0px 7px;
  border-bottom: 2px solid #1A1713;
  text-align: center;
}
.profile_contact {
  vertical-align: bottom;
}
.profile_contact div {
  float: left;
}

Mocht je al iets opvallen wat je liever anders wilt, laat het me dan maar horen.