- 22 Jun 2012, 16:35
#19
[align=center]Este Tutorial está basado en: Knowledge Base - Prosilver: Profiles on Left
Escrito por: Snowcone y Raimon (eliminando la edición desde el ACP).[/align]
Bien con estos pasos vamos a cambiar el perfil y el avatar al a izquierda en los posts y mensajes privados:
* Abrir el archivo:
styles/prosilver/theme/content.css
* Buscar:
styles/prosilver/theme/colours.css
* Buscar:
styles/prosilver/template/viewtopic_body.html
* Buscar:
styles/prosilver/template/ucp_pm_viewmessage.html
* Buscar:
Aquí algunos ejemplos de como queda:
* Vista de los mensajes privados:
[hsimg2]http://www.darksideofthecarton.com/docu ... eft_pm.png[/hsimg2]
* Vista de los mensajes normales:
[hsimg2]http://www.darksideofthecarton.com/docu ... t_post.png[/hsimg2]
Escrito por: Snowcone y Raimon (eliminando la edición desde el ACP).[/align]
Bien con estos pasos vamos a cambiar el perfil y el avatar al a izquierda en los posts y mensajes privados:
* Abrir el archivo:
styles/prosilver/theme/content.css
* Buscar:
Code: Select all
* Reemplazar por:
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
Code: Select all
* Buscar:
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
Code: Select all
* Reemplazar por:
/* 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;
}
Code: Select all
* Buscar:
/* 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;
}
Code: Select all
* Reemplazar por:
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
Code: Select all
* Abrir el archivo:.pm .postprofile {
border-right: 1px solid #DDDDDD;
}
styles/prosilver/theme/colours.css
* Buscar:
Code: Select all
* Reemplazar por:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Code: Select all
* Abrir el archivo:.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}
.online dt {
margin-top: 5px;
}
styles/prosilver/template/viewtopic_body.html
* Buscar:
Code: Select all
* Eliminar esta parte:
<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 -->">
Code: Select all
* De tal manera que quede así:
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
Code: Select all
* Buscar:
<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 -->">
Code: Select all
* Reemplazar por:
<dl class="postprofile" id="profile{postrow.POST_ID}">
Code: Select all
* Abrir el archivo:<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
styles/prosilver/template/ucp_pm_viewmessage.html
* Buscar:
Code: Select all
* Eliminar esta parte:
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
Code: Select all
* De tal manera que quede así:
<!-- IF S_ONLINE --> online<!-- ENDIF -->
Code: Select all
* Buscar:
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
Code: Select all
* Reemplazar por:
<dl class="postprofile" id="profile{MESSAGE_ID}">
Code: Select all
Hasta aquí el tutorial, este tutorial está sacado después de que en la página oficial lo editaran para retirar la edición del acp, no os olvideis de actualizar el tema, limpiar el cache y refrescar el navegador para ver los cambios.<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
Aquí algunos ejemplos de como queda:
* Vista de los mensajes privados:
[hsimg2]http://www.darksideofthecarton.com/docu ... eft_pm.png[/hsimg2]
* Vista de los mensajes normales:
[hsimg2]http://www.darksideofthecarton.com/docu ... t_post.png[/hsimg2]
[mod=Carlos]Recuerda poner tus datos de soporte antes de pedir ayuda! Asi nos evitamos dramas y te ayudamos rapido [/mod]