Agregar una imagen extra a la derecha del logo en prosilverTema Solucionado

[towen]

Abre styles/tu_estilo/theme/common.css y busca:

Código: Seleccionar todo

/* Search box
--------------------------------------------- */ 

Después agrega:

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> 

Después agrega:

Código: Seleccionar todo

<div id="banner-pos">
<img src="/url_image/url_image.gif" alt="" />
</div> 

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:

Código: Seleccionar todo

margin-right: 90px;

Si la imagen no encaja correctamente de manera vertical puedes agregar en #banner-pos lo siguiente y modificar su valor:

Código: Seleccionar todo

margin-top: 5px; 

Quedaría así:

Código: Seleccionar todo

#banner-pos {
    position: relative;
    margin-right: 90px;
    float: right;
    margin-top: 5px;
} 

Artículo original: https://www.phpbb.com/kb/article/add-an ... site-logo/