Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

[phpBB2] Das Profil umgestalten

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz 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:
[phpBB2] Das Profil umgestalten  Screaam343mvsdaxg9j

und:
[phpBB2] Das Profil umgestalten  Screaam348h73qztajgb

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
SeelenAbsturz
Lehrling
Lehrling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von Günther 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
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz 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
SeelenAbsturz
Lehrling
Lehrling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

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

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

Denke bitte noch daran, das [phpBB2] Das Profil umgestalten  11810-Icon zu setzen.
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

Beitrag von SeelenAbsturz Mo 7 Jan 2013 - 15:47


Jap, dankööö schöön jippie
SeelenAbsturz
SeelenAbsturz
Lehrling
Lehrling

Weiblich Beiträge : 20
Anmeldedatum : 04.01.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Das Profil umgestalten

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

Gerne und einen schönen Tag noch. Smile
Dann werde ich hier abschließen.
-closed-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

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