Bien, los datos de la HDP (Hoja de personaje) los coloqué aún lado del nick, donde al dar click sobre una flecha se desplazan los 3 campos (Experiencia, Velocidad Y Nivel del Usuario):


Ahora, el problema es el siguiente:
Lo que pasa es que en un tema con sólo 1 post se mira normal, se deslazan los campos y los puedo cerrar manualmente:

Pero cuando hay más de un post se abre y se cierra continuamente, depende de los post que haya, prueba:

éste es el templante del viewtopic_body:



También uso este css:



Cuál será el problema?, gracias

no trabajo con punBB pero vere si te puedo ayudar...
Vaya vaya que curioso se abre y cierra segun los post que hay si hay 1 abre 1 vez y cierra una vez pero si hay 15 o 16 abre la mitad y cierra la mitad, no soy experta en scripts pero te puedo asegurar que debes de configurar algo en tu java el problema es que no se en que parte xD

ZNamineZ escribió:no trabajo con punBB pero vere si te puedo ayudar...
Vaya vaya que curioso se abre y cierra segun los post que hay si hay 1 abre 1 vez y cierra una vez pero si hay 15 o 16 abre la mitad y cierra la mitad, no soy experta en scripts pero te puedo asegurar que debes de configurar algo en tu java el problema es que no se en que parte xD

Eso sería lo más lógico pero no tengo ningún código que interfiera en la Hoja de Personaje :S

Hola Slash,
Reemplaza el template por el siguiente codigo y me avisas.

Código:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
        <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
 <!-- BEGIN topicpagination -->
  <p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
<div class="pun-crumbs noprint">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
   
  </p>
</div>

<div class="main paged">
  <div class="paged-posting">
   
      <p class="postreply">
        <!-- BEGIN switch_user_authreply -->
       
        <!-- END switch_user_authreply -->
      </p>
  </div>
  {POLL_DISPLAY}
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>
<br/><div class="main-content-topic2">
    <!-- BEGIN postrow -->
<div class="main-content-topic">
      <!-- BEGIN displayed -->
      <div class="post" {postrow.displayed.THANK_BGCOLOR}>
        <a name="{postrow.displayed.U_POST_ID}"></a>
        <div class="postmain" {postrow.displayed.THANK_BGCOLOR}>
            <div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.THANK_BGCOLOR}>
              <h2>
                  <a href="?showpost={postrow.displayed.U_POST_ID}"><strong>#{postrow.displayed.COUNT_POSTS}</strong></a>{postrow.displayed.ICON}
                  <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
              </h2>
            </div>
            <div class="postbody" {postrow.displayed.THANK_BGCOLOR}>
              <div class="user">
                  <div class="user-ident" id="userinfo{postrow.displayed.U_POST_ID}" style="position: relative;">
                                                                      <span style="background: url(http://i43.servimg.com/u/f43/16/03/04/56/iaza1213.gif) no-repeat scroll 0 50% transparent; margin-left: -38px; margin-top: -36px; width: 200px; color: white;  font-size: 9px; height: 50px; line-height: 32px; text-align: center; text-shadow: 1px 0 1px #2A2A2A; position: absolute"><em><div style="margin-top:10px;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><strong>{postrow.displayed.POSTER_NAME}</strong></span></div></em></span>    <div id="desplegablegeneral"><img src="http://i.imgur.com/S4rP6.png">
    <div class="desplegado" style="display:none;">{postrow.displayed.POSTER_RPG}</div></div>

    <script>                                             
    $("#desplegablegeneral").click(function() {
      $(this).children("desplegado").slidedown("slow").show();
    });
    </script> 
                    <div onmouseover="show_user({postrow.displayed.U_POST_ID})" onmouseout="hide_user({postrow.displayed.U_POST_ID})" class="userInfoF">
                        <div class="useravatar" style="float: left;">{postrow.displayed.POSTER_AVATAR}</div>
                        <div class="user-info">
                          <div class="manuUserF">
                              <strong>{postrow.displayed.POST_DATE_NEW}</strong>
                                                       
                          </div>
                          <dl class="cl" style="float:right; width: 370px;">
                              <dt>
                                <span style="color:red">Rango Ninja:</span>
                              </dt>
                              <dd>{postrow.displayed.POSTER_RANK_NEW}</dd>
                              <dt>
                                <span>última visita:</span>
                              </dt>
                              <dd>{NOW}</dd>
                              <!-- BEGIN profile_field -->
                              <dt>{postrow.displayed.profile_field.LABEL}</dt>
                              <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              <!-- END profile_field -->
                           
               
                          </dl>
                         
                          <div class="morelink">
                              <a target="_blank" class="Upro5"><img alt="Escribir Mensaje" src="http://i48.servimg.com/u/f48/16/58/89/73/profil10.png" />Escribir Mensaje</a>
                              <a target="_blank" class="Utopic"><img alt="Buscar Mensajes" src="http://i48.servimg.com/u/f48/16/58/89/73/total_10.gif" />Buscar Mensajes</a>
                              <a target="_blank" class="Ufrien"><img alt="Amigos" src="http://i48.servimg.com/u/f48/16/58/89/73/friend10.png" />Amigos</a>
                             
                          </div>
                        </div>
                    </div>
                 
                    <div class="user-basic-info">
                        <div onmouseover="show_user({postrow.displayed.U_POST_ID})" class="useravatar" style="padding: 15px 0 15px 9px">{postrow.displayed.POSTER_AVATAR}</div>
<fieldset style="width: 140px; border: 1px solid; margin: 2px; padding: 2px 2px;"><legend>Rango Ninja</legend>  {postrow.displayed.RANK_IMAGE}<font size="4" face="Times New Roman"><b><font size="3" color="#ffffff" style="text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);"><marquee scrollamount="4"><br /></marquee></font></b></font></fieldset>                       
             
                     
                    </div>
                   
               
                 
                   
                  </div>
              </div>
              {postrow.displayed.ONLINE_IMG}
              <div class="post-entry">
                  <div class="entry-content">
                  <div>
                        <div>{postrow.displayed.MESSAGE}</div>
                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                          <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                          <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"
                                    />
                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a>{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->
                                    <!-- BEGIN switch_no_dl_att -->{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                </dt>
                                <!-- BEGIN switch_no_comment -->
                                <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                </dd>
                                <!-- END switch_no_comment -->
                                <!-- BEGIN switch_no_dl_att -->
                                <dd>
                                    <em>
                                      <strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong>
                                    </em>
                                </dd>
                                <!-- END switch_no_dl_att -->
                                <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})
                                    {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                          </dd>
                        </dl>
                        <!-- END switch_attachments -->
                        <div class="clear"></div>
                    </div>
                  </div>
                                        </div>
            <!-- BEGIN switch_signature -->
            <div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
            <div class="postfoot">
              <div class="options-button user-contact">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
                  <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
                  </div>
                       
              <div class="post-options">
          <div class="likepost"> <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i.imgur.com/NRSZN.png" title="Me Gusta"></a></div>
                          <!-- END switch_vote -->

                          <!-- BEGIN switch_bar -->
                          <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                          </div>
                          <!-- END switch_bar -->
<!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/BcVTY.png" title="No Me Gusta"></a></div>
                          <!-- END switch_vote -->
                        </div>
                <!-- END switch_vote_active --></div>                     
<span class="options-button">{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}
                  {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
                                                  {postrow.displayed.REPORT_IMG}</span></div>
              <div style="clear:both;"></div>
            </div>
        </div>
        </font></div>  </span>
                         
                  </div>
                 
  </div>
                   
          <br><br>
    <!-- END displayed -->
  <!-- END postrow -->
<script type="text/javascript" src="http://scriptchiaseonline.googlecode.com/files/FMvi-avatar-like.js"></script>
 
  <div class="main-foot clearfix modBottom" style="background: url(http://i.imgur.com/Vnnxy.png);">
      <p class="h2">
        <a href="#top">{L_BACK_TO_TOP}</a><b><font color="#ffffff">{L_MESSAGE} [{PAGE_NUMBER}]</font></b></p>
      <p class="options options-button">
        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <!-- BEGIN viewtopic_bottom -->
        {S_TOPIC_ADMIN}
        <!-- END viewtopic_bottom -->
      </p>
  </div>
  <a name="bottomtitle"></a>
  <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
      <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>




<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<script type="text/javascript">
$("#textarea_content dd").css("margin", 0);
</script>
<!-- END switch_user_logged_in -->
<div class="fmviToggle" style="width: 336px">
    <div class="main">
       
        <div id="onlinelist">{S_AUTH_LIST}
        </div>
    </div>
</div>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript">
  window.___gcfg = {lang: 'vi'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Hola, no me funciona, me mueve la flecha y al dar click no abre nada o.o

Up

Up ;D

Me puedes hacer un favor? Pon todo tal y como Tito te lo dio, solo que esta vez desactiva todos los scripts para ver si es alguno que interfiere. De ser asi, tendre que modificar el codigo.

Gracias.

Creo que estoy algo perdido :S
Pero, este es el código:


y el css:

jejeje no, me refiero a que lo dejes en tu foro, tal cual Tito te lo dio. Me entindes hasta alli? Luego desactiva todos los script de tus foros e intentas.

Vale xD
Pero tito no me lo dio, fue Winth y ya está, lo coloqué como lo tenía antes y desactivé todos los script, aún así sigue desplegándose automáticamente...
PD: Mensaje 1000 jojoj xDDD

Slash,
Puedes reemplazar el script por este?

Código:

<script>                                             
    $("#desplegablegeneral .desplegable").click(function() {
      $(".desplegado").slideDown();
    });
</script>

Si, ya, ahora se abren todas al mismo tiempo y no puedo cerrarlas :S

Intenta asi ahora por favor.

Código:

<script>                                             
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).next().slideDown();
    });
</script>

Disculpas las molestias, solo trato de ayudarte.

No, no te preocupes, te lo agradezco mucho, ya casi sólo que no se puede cerrar, se abre pero no cierra...

Intenta ahora, agregue un efecto.

Código:

script>                                         
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).next().slideDown('fast').show();
      $(this).parent().hover(function() { 
        }, function(){
      $(this).parent().find("despleagado").slideUp('slow'); 
        }); 
    });
</script>

Ahora se deslaza un poco más rápido pero aún así no es posible cerrarlo...

asi?

Código:

script>                                         
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).next().slideDown('slow').show();
      $(".desplegado").hover(function() { 
        }, function(){
      $(".despleagado").slideUp('slow'); 
        }); 
    });
</script>

Mmmm...no, el primer problema ya se arregló, no se abre y se cierra automáticamente pero sigo sin poder cerrarlo...

Intenta ahora:

Código:

script>                                         
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).children().slideToggle("slow");
    });
</script>

Ahora cuando le doy click no se despliega nada ...

Up ;D

Up ;D

Hola, cambia este code:

Código:

<script>                                             
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).next().slideToggle("slow");
    });
    </script> 

por:

Código:

 <script>                                             
    $("#desplegablegeneral .desplegable").click(function() {
      $(this).parent().children('.desplegado').filter(':not(:animated)').slideToggle();
    });
    </script> 

Un saludo!

Uf, después de tanto tiempo ya quedó bien O:
Muchas Gracias Tito!
Resuelto ;D