Página 1 de 1

Añadir marco al avatar en viewtopic  Tema Solucionado

Publicado: 15 Oct 2014, 19:44
por Megabyte
Nombre Tutorial: Tutorial para poner marco al avatar en viewtopic.
Autor: Megabyte
Url del Autor: http://www.bosquesdecorazon.skn1.com
Basado en: PROSILVER
Descripción y uso:
Les traigo la forma mas fácil para poner un marco al avatar en el viewtopic.

ABRIR styles/prosilver/template/common.css

BUSCAR el final del archivo.

PEGAR:

Código: Seleccionar todo

.marcoavatar {
   padding:8px;
   background-color: #e1ebf2;
   width: 100px;
   border: 1px solid #999999;
}
.marcoavatar img{
   border: 1px solid #000000;
}
ABRIR styles/prosilver/template/viewtopic_body.html
BUSCAR:

Código: Seleccionar todo

<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF -->
AGREGAR ANTES:

Código: Seleccionar todo

<div class="marcoavatar">
PEGAR DESPUES:

Código: Seleccionar todo

</div>
NOTA: Pueden personalizar al gusto, los colores tanto del marco como de la linea, el background del marco, el ancho(vean cuanto tienen permitido en cuanto a medidas para el avatar en el ACP), todo lo que ustedes quieran.

Refrescar template y theme (estilo y tema). probado y funcionando.
SPOILER_SHOW
Imagen