Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Perfiles, y avatar a la izquierda en prosilver
#1
A continuación explicaré como colocar los perfiles de los usuarios y los avatars a la izquierda en el tema prosilver y los temas basados en él.

IMPORTANTE: En este tema se considera el tema Prosilver, por lo que al citar los archivos se indican la localización considerando el tema citado anteriormente. En caso de utilizar otro tema, deberá buscar los archivos en la carpeta del mismo, sin embargo, los nombres no varían.

Los pasos a seguir son:

  1. Abrir el archivo styles/prosilver/theme/content.css

    Buscar:
    Código PHP:
    /* Post body styles
        ----------------------------------------*/
        
    .postbody {
        
    padding0;
        
    line-height1.48em;
        
    color#333333;
        
    width76%;
        
    floatleft;
        
    clearboth;
        } 

    Reemplazar por:
    Código PHP:
    /* Post body styles
        ----------------------------------------*/
        
    .postbody {
        
    padding0;
        
    line-height1.48em;
        
    color#333333;
        
    width76%;
        
    floatright;
        
    clearboth;
        } 


  2. Abrir el archivo styles/prosilver/theme/content.css

    Buscar:
    Código PHP:
    /* Poster profile block
        ----------------------------------------*/
        
    .postprofile {
        
    /* Also see tweaks.css */
        
    margin5px 0 10px 0;
        
    min-height80px;
        
    color#666666;
        
    border-left1px solid #FFFFFF;
        
    width22%;
        
    floatright;
        
    displayinline;
        } 

    Reemplazar por:
    Código PHP:
    /* Poster profile block
        ----------------------------------------*/
        
    .postprofile {
        
    /* Also see tweaks.css */
        
    margin5px 0 10px 0;
        
    min-height80px;
        
    color#666666;
        
    border-right1px solid #FFFFFF;
        
    width22%;
        
    floatleft;
        
    displayinline;
        } 

    Buscar:
    Código PHP:
    .pm .postprofile {
        
    border-left1px solid #DDDDDD;
        


    Reemplazar por:
    Código PHP:
    .pm .postprofile {
        
    border-right1px solid #DDDDDD;
        


  3. Abrir el archivo styles/prosilver/theme/colours.css

    Buscar:
    Código PHP:
    .online {
           
    background-imageurl("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
        } 

    Reemplazar por:
    Código PHP:
    .online {
           
    background-imageurl("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
           
    margin-top: -5px;
        }

        .
    online dt {
           
    margin-top5px;
        } 

  4. Abrir el archivo styles/prosilver/template/viewtopic_body.html

    Buscar:
    Código PHP:
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->"

    Eliminar este código:
    Código PHP:
    <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --> 

    De manera que quede de esta forma:
    Código PHP:
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->"

    Buscar:
    Código PHP:
    <dl class="postprofile" id="profile{postrow.POST_ID}"

    Reemplazar por:
    Código PHP:
    <dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}"

  5. Abrir el archivo styles/prosilver/template/ucp_pm_viewmessage.html

    Buscar:
    Código PHP:
    <div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->"

    Eliminar este código:
    Código PHP:
    <!-- IF S_ONLINE --> online<!-- ENDIF --> 

    De manera que quede de esta forma:
    Código PHP:
    <div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->"

    Buscar:
    Código PHP:
    <dl class="postprofile" id="profile{MESSAGE_ID}"

    Reemplazar por:
    Código PHP:
    <dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}"

Con esto ya deberia estar todo correcto.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Quitar titulo de el tema prosilver kirbypc2 9 1,429 01-10-2011, 08:09 AM
Último mensaje: papi
  Redondear El Avatar de los usuarios, mod, phpbb3 Megabyte 1 958 03-07-2011, 12:51 PM
Último mensaje: papi
  Editar colores plantilla Prosilver... Aguma 19 3,183 06-11-2009, 08:44 PM
Último mensaje: papi
  [MINI TUTORIAL]Cambiar en prosilver un ancho fijo y centrado papi 13 2,656 05-10-2009, 10:58 PM
Último mensaje: cep999



Usuarios navegando en este tema: 1 invitado(s)