Agregar una imagen extra a la derecha del logo en prosilver Tema Solucionado
Publicado: 19 Oct 2014, 15:08
Abre
Después agrega:
Refresca tu tema
Abre
Busca: (esta puede ser una búsqueda parcial si has hecho cambios antes pero está alrededor de la línea 96)
Después agrega:
Refresca la plantilla y la galería de imágenes de tu estilo
Nota: Puedes ajustar la posición de tu imagen relativa al lado derecho de la cabecera cambiando este valor en #banner-pos:
Si la imagen no encaja correctamente de manera vertical puedes agregar en #banner-pos lo siguiente y modificar su valor:
Quedaría así:
Artículo original: https://www.phpbb.com/kb/article/add-an ... site-logo/
styles/tu_estilo/theme/common.css
y busca:Código: Seleccionar todo
/* Search box
--------------------------------------------- */
Código: Seleccionar todo
#banner-pos {
position: relative;
margin-right: 90px;
float: right;
}
Refresca tu tema
Abre
styles/tu_estilo/template/overall_header.html
Busca: (esta puede ser una búsqueda parcial si has hecho cambios antes pero está alrededor de la línea 96)
Código: Seleccionar todo
<div id="wrap">
<div class="border-left">
<div class="border-right">
<div class="border-top">
<div class="border-top-left">
<div class="border-top-right">
<div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a id="logo">{SITE_LOGO_IMG}</a>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
Código: Seleccionar todo
<div id="banner-pos">
<img src="/url_image/url_image.gif" alt="" />
</div>
Nota: Puedes ajustar la posición de tu imagen relativa al lado derecho de la cabecera cambiando este valor en #banner-pos:
Código: Seleccionar todo
margin-right: 90px;
Código: Seleccionar todo
margin-top: 5px;
Código: Seleccionar todo
#banner-pos {
position: relative;
margin-right: 90px;
float: right;
margin-top: 5px;
}