Perfiles, y avatar a la izquierdaTema Solucionado

[ThE KuKa]

Perfiles, y avatar a la izquierda en prosilver

Articulo ID: 1855
Escrito por: Snowcone y Raimon (eliminando la edición desde el ACP).
Escrito el: Lunes 30 de Ene, 2008 10:59 pm
Traducción: ThE KuKa (Raul) - http://www.phpbb-es.com
Descripción: Como poner el perfil, avatar, rango, etc. en la parte izquierda en la plantilla prosilver.

Enlace original al Articulo: Knowledge Base - Prosilver: Profiles on Left

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

BUSCAR:

Código: Seleccionar todo

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: left;
}

REEMPLAZAR POR:

Código: Seleccionar todo

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: right;
}

BUSCAR:

Código: Seleccionar todo

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

REEMPLAZAR POR:

Código: Seleccionar todo

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}

BUSCAR:

Código: Seleccionar todo

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}

REEMPLAZAR POR:

Código: Seleccionar todo

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}

BUSCAR:

Código: Seleccionar todo

.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

REEMPLAZAR POR:

Código: Seleccionar todo

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}

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

BUSCAR:

Código: Seleccionar todo

.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

REEMPLAZAR POR:

Código: Seleccionar todo

.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
   margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}

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

BUSCAR:

Código: Seleccionar todo

<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 ESTA PARTE DEL CÓDIGO: <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --> de modo que la linea quede de este modo:

Código: Seleccionar todo

<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: Seleccionar todo

<dl class="postprofile" id="profile{postrow.POST_ID}">

REEMPLAZAR POR:

Código: Seleccionar todo

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">

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

BUSCAR:

Código: Seleccionar todo

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

ELIMINAR ESTA PARTE DE CÓDIGO: <!-- IF S_ONLINE --> online<!-- ENDIF --> de modo que la linea quede de este modo:

Código: Seleccionar todo

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">

BUSCAR:

Código: Seleccionar todo

<dl class="postprofile" id="profile{MESSAGE_ID}">

REEMPLAZAR POR:

Código: Seleccionar todo

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

Debe quedar así, os dejo unas capturas:
Viendo un mensaje privado:

mini_profile_left.png (26.65 KiB) Visto 1710 veces

Viendo un tema:

mini_profile_left2.png (28.7 KiB) Visto 1710 veces

El artículo ha sido editado el 11/02/2013 para su correcto funcionamiento.