[phpBB2] Das Profil umgestalten

Hallo,...Ohje, ich hoffe ich habe eine passende Überschrift gewählt.

Nun denn, ich habe mich an dem Template für das "Sieht sich ein Profil an- (Name)" versucht. Also wenn man auf das Profil selbst geht.
Um es etwas "Übersichtlicher zu gestalten".

Jedoch habe ich irgendwo in der Tabelle ein Fehler, ich find ihn leider nicht und hoffe einer von euch kann mir hier helfen.

In meinem Testforum sieht es so aus:


und:


Diese "ecke" oder Seite Unten, (wie man sie nennen möchte) möchte ich neben dem Avatar haben (oben auf dem Bild)
Der Charakter Bogen kann selbst unten drunter bleiben.

Ich hoffe man versteht was ich meine?!

Hier den schon veränderte Code:
(aus, profile_view_body)

Code:

<br><div style="text-align: center;"><span style="font-size: large;">Dies ist die Pinwand von {USERNAME}</span><br></div>
<table width="100%" border="1" cellspacing="2" cellpadding="5" align="center">
<tbody>
<tr><td valign="top"><table border="0" cellpadding="10" cellspacing="10" width="100%">
<tbody><tr>
  <td align="left" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:&nbsp;&nbsp;</span>
            <b><span class="gen">{LAST_VISIT_TIME}</span></b>
    <!-- BEGIN switch_dhow_mp -->
         <tr>
            <td align="left" valign="top" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}</span>&nbsp;&nbsp;
             <span class="gen">{PRIVATE_MSG}</span></b></td>
         </tr>
         <!-- END switch_dhow_mp -->

  <td valign="top" span style="font-size: large;">Kontaktiere den User</span></td></tr><hr>
  <!-- BEGIN contact_field -->
            <tr id="field_id{contact_field.ID}">
               <td width="40%" align="left" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}&nbsp;&nbsp;</span></td>
               <td width="60%" valign="middle"><b><span class="gen">{contact_field.CONTENT}</span></b></td>
            </tr>
            <!-- END contact_field -->
 
<td><!-- BEGIN profil_type_user_posts --><br /><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
                           &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
               &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts -->
  <hr><span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br /></td></tbody></table></td>

  <td valign="top" nowrap="nowrap" align="left"><span class="gen">{L_RANK}:&nbsp;</span>
               <span class="gen">{POSTER_RANK}</span><br><br><br><hr>
 
       
    <span class="row1" align="center" valign="top" height="120" width="70%" class="gen">{AVATAR_IMG}</span></td></tr>
   
    <td valign="top"> <!-- BEGIN profile_field -->
         <td valign="top"><tr id="field_id{profile_field.ID}">
            <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}&nbsp;&nbsp;</span></td>
            <td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b></td>
         
         <!-- END profile_field -->
                                     
           
</tbody></table>
    <hr>
  <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
                      
                         
                          <!-- BEGIN switch_admin_user_comment_active -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap" width="50%">
                  <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
               </td>
               <td class="row1" valign="middle">
                  <table align="center">
                     
                           {ADMIN_USER_COMMENT}
               
            <!-- END switch_admin_user_comment_active -->
      
   <!-- BEGIN switch_rpg -->
   <tr>
      <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="6">
         {RPG_IMAGE}<br /><br />
         <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>
               <td width="100%" valign="middle" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields_left -->
         </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
         <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>
               <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields -->
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
   <!-- END switch_rpg -->
</table>
<br />
<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') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span') )
               {
                  $(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') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>

LG

Ps: Wenn man das auf den Bildern etwas schwer erkennen kann, kann ich sie gerne nochmals in "heller" senden.

Hallo,

als Tipp kann ich dir mitgeben, dir immer im Originaltemplate anzusehen, wie darin die Umsetzung erfolgt ist. In diesem Fall muss bei Templates (= sich beliebig oft wiederholende HTML-Strukturvorlagen) beachtet werden, dass sich die Profilfelder je nach Einsatz unterschiedlich oft wiederholen werden und man deshalb eine universelle Lösung finden muss. Im Originaltemplate wird für die Profilfelder deshalb eine weitere Tabelle in der umgebenden Tabellenzelle eingesetzt:

<td class="row1" rowspan="3" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
...
<!-- 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}&nbsp;&nbsp;</span></td>
<td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b><!-- BEGIN profil_type_user_posts --><br /><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 />
&nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
&nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
</tr>
<!-- END profile_field -->
</table>
</td>

Das ist in diesem Fall auch die optimale Lösung.
Du hast versucht, die Profilfelder direkt in die umgebende Tabelle/Zelle einzugliedern, was die Struktur zerschießt. Ich habe dir nun diese Stelle deines Templates so angepasst, dass dort eine eigene Tabelle innerhalb der Gesamttabelle eröffnet wird:

Code:

    <br><div style="text-align: center;"><span style="font-size: large;">Dies ist die Pinwand von {USERNAME}</span><br></div>
    <table width="100%" border="1" cellspacing="2" cellpadding="5" align="center">
    <tbody>
    <tr><td valign="top"><table border="0" cellpadding="10" cellspacing="10" width="100%">
    <tbody><tr>
      <td align="left" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:&nbsp;&nbsp;</span>
                <b><span class="gen">{LAST_VISIT_TIME}</span></b>
        <!-- BEGIN switch_dhow_mp -->
            <tr>
                <td align="left" valign="top" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}</span>&nbsp;&nbsp;
                <span class="gen">{PRIVATE_MSG}</span></b></td>
            </tr>
            <!-- END switch_dhow_mp -->

      <td valign="top" span style="font-size: large;">Kontaktiere den User</span></td></tr><hr>
      <!-- BEGIN contact_field -->
                <tr id="field_id{contact_field.ID}">
                  <td width="40%" align="left" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}&nbsp;&nbsp;</span></td>
                  <td width="60%" valign="middle"><b><span class="gen">{contact_field.CONTENT}</span></b></td>
                </tr>
                <!-- END contact_field -->
   
    <td><!-- BEGIN profil_type_user_posts --><br /><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
                              &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                  &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts -->
      <hr><span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br /></td></tbody></table></td>

      <td valign="top" nowrap="nowrap" align="left"><span class="gen">{L_RANK}:&nbsp;</span>
                  <span class="gen">{POSTER_RANK}</span><br><br><br><hr>
   
         
        <span class="row1" align="center" valign="top" height="120" width="70%" class="gen">{AVATAR_IMG}</span></td>
      <td>
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- 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}&nbsp;&nbsp;</span></td>
            <td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b></td>
         </tr>
         <!-- END profile_field -->
        </table>
      </td>                               
    </tr></tbody></table>
        <hr>
      <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
                         
                           
                              <!-- BEGIN switch_admin_user_comment_active -->
                <tr>
                  <td align="right" valign="middle" nowrap="nowrap" width="50%">
                      <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
                  </td>
                  <td class="row1" valign="middle">
                      <table align="center">
                       
                              {ADMIN_USER_COMMENT}
                 
                <!-- END switch_admin_user_comment_active -->
         
      <!-- BEGIN switch_rpg -->
      <tr>
          <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
      </tr>
      <tr>
          <td class="row1" align="center" valign="top" height="6">
            {RPG_IMAGE}<br /><br />
            <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>
                  <td width="100%" valign="middle" nowrap="nowrap">
                  <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
                  </td>
                </tr>
                <!-- END rpg_fields_left -->
            </table>
          </td>
          <td class="row1" align="center" valign="top" height="6">
            <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>
                  <td width="100%" valign="baseline">
                      <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
                  </td>
                </tr>
                <!-- END rpg_fields -->
            </table>
          </td>
      </tr>
      <tr>
          <td colspan="2" align="center" class="row1">
            {U_ADMIN_RPG}
          </td>
      </tr>
      <!-- END switch_rpg -->
    </table>
    <br />
    <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') )
            {
                $(this).hover(function()
                {
                  if( $(this).find('.field_editable.invisible').is('span') )
                  {
                      $(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') )
                  {
                      $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                      $(this).find('.ajax-profil_edit').remove();
                  }
                });
            }
          });
      });
    //]]>
    </script>

Den restlichen Code habe ich mir nicht genauer angesehen, nur die betreffende Stelle.

Für die Zukunft weißt du jetzt, dass du solche Stellen am besten nicht frei schreibst, sondern immer mit der Struktur im Originaltemplate vergleichst.

Liebe Grüße
Günther

Oh ja, danke schön. Du glaubst nicht wie oft ich das neu gemacht habe und gesucht etc. O.O Darauf war ich nicht gekommen ... DANKÖÖÖÖ

Freut mich, dass ich dir helfen konnte. Bitteschön.

Denke bitte noch daran, das -Icon zu setzen.

Jap, dankööö schöön

Gerne und einen schönen Tag noch.
Dann werde ich hier abschließen.
-closed-