[PHPBB3] Dudas sobre perfiles con pestañas.

Vale, por tumblr pregunté por esto mismo y creo que Kaylee fue quien me contestó así que si estás por ahí, yo soy la que no tiene ni pajolera idea de editar templates :'D

Bien, empecemos. Por más que leo este tema no entiendo nada. 
La primera duda que tengo es:  ¿Qué archivo de los templates tengo que abrir? XD
De lo siguiente no entiendo nada pero prefiero saber dónde se añaden y cómo empezar, ponerme a trastear yo con el foro de pruebas y luego preguntar si no me sale nada.

Muchas gracias.

Buenas, Drusila.

El template que tienes que abrir está en PA/Visualización/Templates/General, y es el viewtopic_body. Cuando estés dentro, busca el trozo del template que deja Bret en el mismo tema que has puesto, y acuérdate de darle a publicar para que se vea en el foro!

Hola Betta, muchas gracias, ahora sí que he podido empezar con el perfil por pestañas.
Pero, ¿cómo podría hacer que las pestañas estuviesen bajo el avatar y no encima?
Y ¿cómo podría hacer que en lugar de "avatar, campos y contacto" apareciesen imágenes? Lo he intentado y nada, sólo consigo que salga la url D:

-Pestañas debajo del avatar y no encima: Tendrías que cambiar el orden del JS y ahí sí que no te puedo ayudar, no sé tanto >__< a ver si Bret se pasa por aquí.
-Imágenes en lugar de texto: En los botoncitos, vease:

Código:

<div class="boton boton1"></div>
<div class="boton boton2"></div>
<div class="boton boton3"></div>

Añades un style con un background. De tal manera que quedaría algo así:

Código:

<div class="boton boton1" style="background:url(tuimagen);"></div>
<div class="boton boton2" style="background:url(tuimagen);"></div>
<div class="boton boton3" style="background:url(tuimagen);"></div>

Si la imagen es de 40x40, por ejemplo, en el css tendrás que poner que:

Código:

.boton{
width:40px;
height:40px;
}

Por más que me peleo con el template, no hay forma de que salga.
Usé el formato que preparó Bret y tal cual copié y pegué y me salía bien (intenté hacerlo con el tuyo pero soy tan nerd que me quedaba en vertical, así que borré todo y voví a pegar el que hizo él).
La cosa es que cuando añado la imagen, no se ve D: y sólo he añadido eso de img al código de Bret.
Quedó así:

Código:

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
        <div class="f_b">
              <span class="f_b1" style="background:url(http://i.imgur.com/X4EkrZg.png);"></span>
              <span class="f_b2">Campos</span>
              <span class="f_b3">Contacto</span>
            </div>
            <div class="f_a">
              <div class="f_a1">
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                  <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
              </div>
              <div class="f_a2">
                  <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
              </div>
              <div class="f_a3">{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>
           
        </div>

Y nada, ni rastro de la imagen T_T

Bueno, pues si sigues las indicaciones que di en ese tema al que respondí, pero cambias el código que hay que sustituir en la plantilla viewtopic_body por lo siguiente, debería ir:

Código:

                <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                    <!-- div class="online2"></div-->
                    <div class="f_a">
                      <div class="f_a1">
                          {postrow.displayed.POSTER_AVATAR}
                          <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                          <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                      </div>
                      <div class="f_a2">
                          <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                          <!-- END profile_field -->
                          {postrow.displayed.POSTER_RPG}
                      </div>
                      <div class="f_a3">{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>
                    <div class="f_b">
                      <span class="f_b1">Avatar</span>
                      <span class="f_b2">Campos</span>
                      <span class="f_b3">Contacto</span>
                    </div>
                </div>

Para lo de poner imágenes en vez de texto te podría decir mil y una formas de hacerlo con CSS, pero para no complicarte la vida simplemente hazlo con HTML que poca diferencia vas a encontrar. Cambia el texto por lo siguiente:

Código:

<img src="LINKimagen" alt="" />

¡Listo!

Si pongo ese código pasan dos cosas.

1) El perfil por pestañas no funciona. Se ve el avatar por defecto y si hago click en otra pestaña, se suma a la ya abierta y se ven ambas juntas, y lo mismo pasa si hago click en la tercera, se verían las tres abiertas

2) Me elimina todo el diseño del perfil que tenía, con su borde, su imagen de fondo y todo eso, y además me sube la parte de afiliados del footer, y se queda en medio, de forma que justo debajo de los afiliados y justo encima, están los post.

Me he fijado que en el código que pasaste sobraba un </div>, creo. Lo quité y el diseño del foro mejoró pero aún eliminaba varias cosas.

Por último, ¿cómo podría centrar toda la información de dentro del perfil de usuario? Aún tengo que hacer los botones reales y todo eso, pero me gustaría centrarlo ya para ir viendo si me va gustando cómo va quedando el asunto.
Se me ve así

Veamos. Acabo de revisar mi código y no, no le faltaba ningún DIV por cerrar no sé de cuál DIV hablas pero yo lo he revisado y no, no hay ningún error. He editado, de todas formas, el código en mi mensaje anterior por cuestión estética más que nada.

Por otro lado, lo de que se te quedaban las pestañas abiertas es cierto, se me olvidó que el JS también necesitaba un cambio.

Código:

$(function() {
 $('.f_b > span').click(function() {
 var n = $(this).attr('class').match(/\d/)[0],
 d = $(this).parent().parent().find('.f_a'+n);
 if(d.is(':not(:visible)')) {
 $(this).parent().prev('.f_a').children('div').slideUp('slow');
 d.slideDown('slow');
 }
 });
});

Ese es el nuevo JS.

Sobre lo de que se te cambia el diseño del perfil, eso es debido a que la estructura de este perfil ha cambiado un poco y he eliminado DIVs que sobraban como el inner. Me temo que deberás adaptar el CSS a la nueva estructura, aunque ya te digo que no ha cambiado mucho con respecto al original.

Estaría bien que a partir de este punto del soporte me pasases tu foro de pruebas donde estás trabajando con esto, porque no entiendo muy bien por qué se te ve mal poniendo mi código si no he visto ninguna etiqueta sobrante.

Es verdad, no le sobraba ninguno, es que tenía el scroll hacia abajo y no copié el primer div :'D
De todas formas, se sigue comiendo el diseño del foro, y no entiendo por qué D:
Y he añadido ese JS y sigue pasando lo mismo, todos los campos se mantienen activos.

Mi foro de pruebas es

Drusila escribió:Y  he añadido ese JS y sigue pasando lo mismo, todos los campos se mantienen activos.

Pues claro que sigue pasando lo mismo, es que soy gilipollas y te pasé otra vez el mismo sin editar. He editado el código y he puesto el correcto.

Sobre lo de que se te descuadra. No lo se muy bien. ¿Has probado a descartar que es problema de la plantilla? Prueba a hacer lo siguiente:

1. Guarda tu plantilla viewtopic_body en algún documento en tu ordenador y elimínala en el foro.
   
2. Comprueba si se descuadra ahora.
   
3. Si no, agrega tan solo el cambio que te he dado. Si se descuadra, algo pasa con mi código, aunque yo lo he editado en una plantilla sin modificar y no veo error. o_O Si no se descuadra, entonces tendrás que pasarme tu plantilla original.
   

Aish gracias, ya pensé que estaba haciendo algo mal. Otra vez xD
Y sí, lo que se come el diseño del foro es el código, tal vez hay alguna interferencia o me he comido algo al pegar o no lo sé bien, pero si quito el código todo se ve bien, en cambio si lo añado, se ve mal.
El código en el que los botones están arriba va bien, sólo me pasa con el nuevo que hiciste para ponerlos debajo.

Está de sobra decir que te pondré en los créditos, no obstante, si no hay forma de solucionarlo ya me apaño yo con el primer código que hiciste, tampoco te vuelvas muy loco buscando el fallo (que a lo mejor soy yo y el código está perfecto S_S ).

Acabo de comprobarlo de varias maneras el código. Sigue sin haber ningún error, es más, si copias la plantilla así como te la doy no deberías tener ningún problema:

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(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }

   return false;
};

//]]>
</script>

<h1 class="page-title">
   <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
   <div class="buttons">

      <!-- 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>&nbsp;&nbsp;&nbsp;
      <!-- 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 -->
   </div>

   <div class="pathname-box">
      <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div>

   <p class="right">
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
   </p>

   <div class="pagination">
      {PAGE_NUMBER}
      &nbsp;&bull;&nbsp;
      <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
      &nbsp;&bull;&nbsp;
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
   <div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postbody">

            <ul class="profile-icons">
               <li>{postrow.displayed.THANK_IMG}</li>
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.IP_IMG}</li>
               <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
            <div class="clearfix"></div>

            <!-- 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}">+</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_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><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}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{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}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

                <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                    <!-- div class="online2"></div-->
                    <div class="f_a">
                      <div class="f_a1">
                          {postrow.displayed.POSTER_AVATAR}
                          <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                          <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                      </div>
                      <div class="f_a2">
                          <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                          <!-- END profile_field -->
                          {postrow.displayed.POSTER_RPG}
                      </div>
                      <div class="f_a3">{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>
                    <div class="f_b">
                      <span class="f_b1">Avatar</span>
                      <span class="f_b2">Campos</span>
                      <span class="f_b3">Contacto</span>
                    </div>
                </div>

         <div class="clear"></div>

         <p class="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      &raquo;&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3">&nbsp;{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- 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>&nbsp;&nbsp;&nbsp;
      <!-- 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 -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
   </div>
</div>
<div class="clear"></div>

<!-- BEGIN viewtopic_bottom -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}:&nbsp;</label>
   {S_JUMPBOX_SELECT}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <input type="hidden" name="t" value="{TOPIC_ID}" />

   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>{L_MOD_TOOLS}:&nbsp;</label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="h3">{L_TABS_PERMISSIONS}</div>
   {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

¡Ahora sí que va bien!
Jolín, entonces me estaba comiendo algo, o estaba dejando algo de más. Lo siento mucho, me defiendo con css y html  pero ya lo de edición de templates me queda a años luz Dx

La única duda que queda por resolver, es  ¿cómo podría centrar toda la información de dentro del perfil de usuario? Lo tengo todo hacia un lado y no consigo centrarlo D:

Ah, mi foro es En cuanto acabe el perfil, que será en unos días, calculo, te daré créditos (:

Hombre, para centrar solo necesitas el clásico text-align: center. jjajaja

Código:

.postprofile {
    text-align: center;
}

Ostraaaaas pero qué tontería más grande! Me he bloqueado tanto con esto de los templates que me complicaba la vida por nada D: Y yo añadiendo cosas al view_profile xDDD
¡Muchas gracias! De verdad. Tremenda paciencia has de tener xD
Como te dije, ya aparecerás en los créditos, y Kay también 0:)
¡Puedes cerrar!