The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Forum widgets floating next to bodyline

View previous topic View next topic Go down

Solved Forum widgets floating next to bodyline

Post by Hert on January 11th 2015, 2:04 pm

Hi!

I'm making my very own forum through actieforum, but there are some problems that I sadly can't solve on my own - so I was hoping people here might be able to provide an answer ~!
Lately I've been trying to personalize the profile page through the Profile template (profile_view_body to be exact). I've changed some of the codes and thought it was fine, untill I added some forum widgets.
This is the forum I'm testing my codes on: http://layouttestn.actieforum.com/u1
As you can see the widgets are floating next to the bodyline, which is not supposed to happen. I think the fault lies in de codes of the RPG sheet, since I struggled very much with them.
These are the codes now after my editting:
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>

<div class="ffs">
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
  </tr>
  <tr>
      <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
      <td class="catRight" width="60%" 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 valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen"></span></td>
              <td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td>
            </tr>
            <tr>
              <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
              <td><b><span class="gen">{POSTER_RANK}</span></b></td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
              <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
              <td><b><span class="gen">{USER_ONLINE}</span></b></td>
            </tr>
            <tr>
              <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
              <td><b><span class="gen">{PM_IMG}</span></b></td>
            </tr>                         
                     
            <!-- END switch_show_status -->
            <!-- BEGIN switch_allow_friendsfoes -->
            <tr>
              <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
              <td><span class="gen"></span></td>
            </tr>
            <!-- END switch_allow_friendsfoes -->
            <!-- BEGIN switch_auth_user -->
            <tr>
              <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen"></span></td>
              <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
            </tr>
            <!-- END switch_auth_user -->
        </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} &nbsp;</span></td>
              <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><!-- BEGIN profil_type_user_posts -->
              <span class="genmed">
              <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a> || <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>
 
  <!-- BEGIN switch_rpg -->
  <tr>
          <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_RPG}</th>
  </tr>
 
  <table width="100%" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td class="row1" align="center" valign="top" height="6">
        <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></table>
 

  <table width="100%" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td class="row1" align="center" valign="top" height="6">
      <span style="width: 150px; height: 200px;"><center>{RPG_IMAGE}</center></span><br />
    </td>
  </tr>
</table>

               
 

 
  <tr>
      <td colspan="2" align="center" class="row1">
        {U_ADMIN_RPG}
      </td>
  </tr>
  <!-- END switch_rpg -->

</table>
</div>
 
<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, 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();
              }
            });
        }
      });
  });
//]]>
</script>

I hope somebody can help me with this!

Love & Rockets,
Hert

edit 16:21: I tried a little bit more and found out the problem lies with the table codes. For some reason actieforum doesn't like it if you add tablet (no matter what class etc, even a blank table is a sin). So I seperated the RPG sheet from the other info and now the widgets are okay again ~!
Therefore this problem is SOLVED.

Hert
Forumember

Posts : 81
Reputation : 3
Language : Dutch and English

http://afterthefall.actieforum.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum