Aangepast profiel

Hallo allemaal!

Ik hoop dat iemand me kan helpen hiermee, want ik ben echt geen held met de templates, en al helemaal niet met het RPG profiel. Die wil ik dus aangepast hebben en op een bepaalde manier. En ik vraag me af of iemand me ermee kan helpen.
Ik heb op mijn forum het punten systeem ingeschakeld en dat wil ik ook in het profiel verwerken, ook wil ik een apart gedeelte waar awards in kunnen. Ik hoop dat iemand me hiermee kan helpen. Om een beetje te laten zien wat ik bedoel heb ik een soort van profiel voorbeeld gephotoshopt!

voorbeeld:

Ik wil hier wel eens naar kijken, ik denk dat ik al weet hoe ik zo een award-kader kan maken. Maar ben je zelf al begonnen met de sheet, en zo ja zou je dan de template eens kunnen doorsturen via pm. Indien niet is het dan de bedoeling dat ik heel de sheet probeer te maken?

Ik ben zelf nog niet begonnen met het maken van de sheet, aangezien ik echt niks snap van de codes die erachter zitten :'D
Het zou heel fijn zijn als je hem voor me zou willen maken, maar uiteraard wil ik daar ook wel in helpen aangezien het me best wel veel werk lijkt! (En als je hem uiteindelijk maakt wordt natuurlijk wel gewoon je naam en alles vermeld in ons credit stukje op het forum!)

Ik denk dat ik de basis voor je profielpagina heb kunnen maken. De rest dat nu moet gebeuren is css en de profielvelden verplaatsen met javascript, want dit was wel een probleempje waarmee ik lang mee heb zitten prutsen.
Uiteindelijk lukt het wel met javascript maar dan kan je het niet op je profielpagina aanpassen met het icoontje. Je kan als beheerder wel alles aanpassen via het beheerderspaneel en als gebruiker via de profielknop in de navbar.

Eens je de profielvelden zoals bijnaam, gezondheid, parter ... hebt gemaakt wil ik wel helpen met ze op de juiste plaats te zetten door het javascript aan te vullen. Indien je nog hulp nodig hebt met de opmaak, css laat je maar iets weten.

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="3" nowrap="nowrap" height="25">Wolven profiel</th>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="120">
         {AVATAR_IMG}
         <br />
         <table>
            <tr>
               <td><span class="gen2"></span></td><td></td>
            </tr>
            <tr>
               <td><span class="gen2">Online</span></td><td><span class="gen">{LAST_VISIT_TIME}</span></td>
            </tr>
            <tr>
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
         </table>
      </td>
      <td>
         {POSTER_RANK}
         <br />
         <span>{PUSERNAME} | <a href="http://spettertest.forumotion.com/privmsg?mode=post&u={CUR_USER_ID}"><span class="contact">send pm</span></a></span>
         <table id="cont_userinfo">
            <tr class="1">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="2">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="3">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="4">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="5">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="6">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="7">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
            <tr class="8">
               <td><span class="gen2"></span></td><td><span class="gen"></span></td>
            </tr>
         </table>
      </td>
      <td>
         <table class="award_table">
         </table>
         <span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span>
      </td>
   </tr>
</table>
<!-- BEGIN switch_rpg -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">Uiterlijk</th>
   </tr>
   <tr>
      <td colspan="2" align="center">{RPG_IMAGE}</td>
   </tr>
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">Overige informatie</th>
   </tr>
   <tr>
      <td>
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields_left.F_NAME}</span>
               </td>
            </tr>
            <tr>
               <td width="100%" valign="middle" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <tr>
            </tr>
            <!-- END rpg_fields_left -->
         </table>
      </td>
      <td>
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME}</span>
               </td>
            </tr>
            <tr>
               <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <tr>
            </tr>
            <!-- END rpg_fields -->
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
</table>
<!-- END switch_rpg -->
<br />
<table style="display: none;">
   <!-- 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 />
          &nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
   </tr>
   <!-- END profile_field -->
</table>
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
            if ($('body').attr('class') != 'resize_process') { return false };
         }
      });
      /* BEGIN herplaatsen van profile_fields */
      jQuery(document).ready(function () {
         var i = setInterval(function ()   {
            if ($('body').attr('class') != 'resize_process') {
               clearInterval(i);
               
               var orgArray = [""];
               var copyArray = [""];
               for (var i = 0; i < orgArray.length; i++) {
                  var copy = copyArray[i];
                  var origineel = "#field_" + orgArray[i];
                  $( copy ).append( $( origineel ) );
               }
            }
         }, 100);
      });
      
      /* END herplaatsen van profile_fields */
   });
//]]>
</script>

Na een hoop klooien en vogelen heb ik toch echt besloten dat ik er niet uit kom. :'D Ik ben echt geen held met de actieforum en alle templates er in, dus ik weet niet of er iemand is die me kan helpen ermee.

Ik zal binnenkort eens kijken of ik nog aan mijn eigen codes uit kan. Het is voor mij een drukke examenperiode momenteel.

Ik heb hetzelfde hoor! Neem vooral je tijd, het hoeft niet nu meteen af te komen hoor c: