Lexi Help
Partner
www.forumieren.com

[phpBB2] Das Profil umgestalten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz am Mo 7 Jan 2013 - 13:57

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. flagge

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 umkipp

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


Zuletzt von SeelenAbsturz am Mo 7 Jan 2013 - 15:46 bearbeitet, insgesamt 1 mal bearbeitet

SeelenAbsturz
Neuling
Neuling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von Günther am Mo 7 Jan 2013 - 15:37

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. Smile
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. Wink

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz am Mo 7 Jan 2013 - 15:42


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ÖÖÖÖ anbet

SeelenAbsturz
Neuling
Neuling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von Günther am Mo 7 Jan 2013 - 15:44

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

Denke bitte noch daran, das -Icon zu setzen.

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz am Mo 7 Jan 2013 - 15:47


Jap, dankööö schöön jippie

SeelenAbsturz
Neuling
Neuling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von Günther am Mo 7 Jan 2013 - 15:47

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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten