Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Cabecera del foroTema Solucionado

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
Cerrado
SFC-16
Observador/a
Mensajes: 37
Registrado: 27 Jun 2009, 14:28

Cabecera del foro  Tema Solucionado

#1

Mensaje por SFC-16 »

URL: http://www.pesfanworld.com
Versión phpBB: phpBB3 (3.0.7-PL1)
MODs Instalados: Ninguno
Plantilla(s) usada(s): Skyblue (prosilver)
Servidor:
Actualización desde otra versión:
Conversión desde otro sistema de foros:

Buenas, no se como poner la cabecera del foro para que se vea completa o por lo menos centrada y sin la parte blanca como pasa ahora

Pinchar en la imagen para verlo
Imagen




Os dejo el overall_header completo
Spoiler

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="{SITE_DESCRIPTION}" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<!-- INCLUDEPHP meta.txt -->
<!-- ENDIF -->
{META}
<title>{PAGE_TITLE} {SITENAME} <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF --></title>
<link rel="SHORTCUT ICON" href="mlx.ico"> 
<link rel="alternate" type="application/rss+xml" title="{SITENAME}" href="/rss.php" />
<!-- IF S_ENABLE_FEEDS -->
        <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atm+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
        <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
        phpBB style name: SkyBlue
        Based on style:   prosilver ( this is the default phpBB3 style )
        Original author:  Tom Beddard ( http://www.subBlue.com/ )
        Modified by: A1ex ( http://www.punforum.com )

        NOTE: This page was generated by phpBB, the free open-source bulletin board package.
              The phpBB Group is not responsible for the content of this page and forum. For more information
              about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
        var jump_page = '{LA_JUMP_PAGE}:';
        var on_page = '{ON_PAGE}';
        var per_page = '{PER_PAGE}';
        var base_url = '{A_BASE_URL}';
        var style_cookie = 'phpBBstyle';
        var style_cookie_settings = '{A_COOKIE_SETTINGS}';
        var onload_functions = new Array();
        var onunload_functions = new Array();

        <!-- IF S_USER_PM_POPUP -->
                if ({S_NEW_PM})
                {
                        var url = '{UA_POPUP_PM}';
                        window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
                }
        <!-- ENDIF -->

        /**
        * Find a member
        */
        function find_username(url)
        {
                popup(url, 760, 570, '_usersearch');
                return false;
        }

        /**
        * New function for handling multiple calls to window.onload and window.unload by pentapenguin
        */
        window.onload = function()
        {
                for (var i = 0; i < onload_functions.length; i++)
                {
                        eval(onload_functions[i]);
                }
        }

        window.onunload = function()
        {
                for (var i = 0; i < onunload_functions.length; i++)
                {
                        eval(onunload_functions[i]);
                }
        }

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


<!-- INCLUDE reimg_content.html -->
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
        <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">

            <div class="headerbar">

                     <div style="float: left;">
                          <a href="{U_INDEX}" title="{L_INDEX}" class="headerlink">
                                {SITE_LOGO_IMG}
                          </a>
                     </div>
            </div>


            <div class="navbar">

                        <ul class="linklist navlinks">
                                <li class="icon-home"><b><a class="white" href="portal.php" accesskey="h">Portal</a> </b></li>
                <li class="icon-home"><b><a class="white" href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a class="white" href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></b></li>
                                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
                                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
                </ul>

                        <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                        <ul class="linklist leftside">
                                <li  class="icon-ucp">
                                        <a class="white" href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
                                                <!-- IF S_DISPLAY_PM --> (<a  class="white" href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                                        <!-- IF S_DISPLAY_SEARCH --> &bull;
                                        <a  class="white" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                                        <!-- ENDIF -->
                                        <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                                        <a class="white" href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                                        <!-- ENDIF -->
                                </li>
                        </ul>
                        <!-- ENDIF -->

                        <ul class="linklist rightside">
                                <li class="icon-faq"><a class="white" href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                                <!-- IF not S_IS_BOT -->
                                        <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a class="white" href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                                        <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a class="white"  href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                                        <li class="icon-logout"><a class="white"  href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
                                <!-- ENDIF -->
                        </ul>

                </div>

        <a name="start_here"></a>
        <div id="page-body">

                <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
                <div id="information" class="rules">
                        <div class="inner"><span class="corners-top"><span></span></span>
                                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
                        <span class="corners-bottom"><span></span></span></div>
                </div>
                <!-- ENDIF -->
<!-- INCLUDE announcement_centre.html -->

<script type="text/javascript" src="http://view.binlayer.com/ad-19789.js"></script>
<center>
<script  language="javascript"  type="text/javascript">iwsrcplus="http://codenew.impresionesweb.com/r/banner_iw.php?idrotador=62887&tamano=728x90&lgid="+((new Date()).getTime() % 2147483648) + Math.random(); document.write("<scr"+"ipt language=javascript  type=text/javascript src="+iwsrcplus+"></scr"+"ipt>");</script><noscript><iframe src="http://alt.impresionesweb.com/noscript.php?tam=728x90&idp=62887&ref=62887&cod=105226" width="728" height="90" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe></noscript>
</center>

Y solo la parte en la que creo que va el logo
Spoiler

Código: Seleccionar todo

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">

            <div class="headerbar">

                     <div style="float: left;">
                          <a href="{U_INDEX}" title="{L_INDEX}" class="headerlink">
                                {SITE_LOGO_IMG}
                          </a>
                     </div>
            </div>


            <div class="navbar">

                        <ul class="linklist navlinks">
                                <li class="icon-home"><b><a class="white" href="portal.php" accesskey="h">Portal</a> </b></li>
                <li class="icon-home"><b><a class="white" href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a class="white" href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></b></li>
                                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
                                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
                </ul>


Un saludo y Gracias!
Última edición por SFC-16 el 09 Sep 2010, 21:33, editado 2 veces en total.
Imagen

URL: http://www.pesfanworld.com
Versión phpBB: 3.0.11
MODs Instalados: Ninguno
Plantilla(s) usada(s): Absolution
Servidor: Redcoruna
Actualización desde otra versión: Actualizado de 3.0.5 -> 3.0.6 -> 3.0.7 PL-1 -> 3.0.8 -> 3.0.9 -> 3.0.10 -> 3.0.11
Conversión desde otro sistema de foros: No

Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

Re: Cabecera del foro

#2

Mensaje por nextgen »

eso es porque la imagen tiene un ancho fijo y el estilo maneja un ancho variable en porcentajes, si quieres que la imagen se vea completa tendras que hacerlas mas grande o pones un ancho fijo al estilo

mas concretamente en esta linea en el common.css

Código: Seleccionar todo

#wrap {
    padding: 10px;
    margin: 0px auto;
    width: 90%;
    text-align:left;
    background-color:#eff3f6;
}

メルビン・ガルシア • nextgen SolutionsDDAnimeXenForo Hispano


Juanla
Ex Staff
Mensajes: 454
Registrado: 18 Abr 2008, 21:13
Edad: 34

Re: Cabecera del foro

#3

Mensaje por Juanla »

Resumiendo o haces la imagen más grande o el foro más estrecho. (Te recomiendo lo último)

SFC-16
Observador/a
Mensajes: 37
Registrado: 27 Jun 2009, 14:28

Re: Cabecera del foro

#4

Mensaje por SFC-16 »

He probado a meter imágenes mayores y de distintos tamaños y ninguna queda totalmente cuadrada ¿hay alguna forma de saber el ancho del foro?

o ¿se puede hacer que se autoajuste el logo al ancho?
Imagen

URL: http://www.pesfanworld.com
Versión phpBB: 3.0.11
MODs Instalados: Ninguno
Plantilla(s) usada(s): Absolution
Servidor: Redcoruna
Actualización desde otra versión: Actualizado de 3.0.5 -> 3.0.6 -> 3.0.7 PL-1 -> 3.0.8 -> 3.0.9 -> 3.0.10 -> 3.0.11
Conversión desde otro sistema de foros: No

Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: Cabecera del foro

#5

Mensaje por leviatan21 »

SFC-16 escribió:¿hay alguna forma de saber el ancho del foro?

o ¿se puede hacer que se autoajuste el logo al ancho?
Al ser un estilo de ancho variable (como se ha dicho anteriormente ) en casa usuario se verá diferente, se auto-ajusta según "el tipo de monitor que tenga el que ve" por lo tanto no tienes control sobre eso.

para hacer que la imagen se auto-ajuste es deformarla para que siempre utilice el ancho máximo posible, significa que en un monitor 800 x 600 puede verse fantástico, mientras que en uno 1680 x 1050 se verá horrible
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein

SFC-16
Observador/a
Mensajes: 37
Registrado: 27 Jun 2009, 14:28

Re: Cabecera del foro

#6

Mensaje por SFC-16 »

Entonces que me recomendais?
Imagen

URL: http://www.pesfanworld.com
Versión phpBB: 3.0.11
MODs Instalados: Ninguno
Plantilla(s) usada(s): Absolution
Servidor: Redcoruna
Actualización desde otra versión: Actualizado de 3.0.5 -> 3.0.6 -> 3.0.7 PL-1 -> 3.0.8 -> 3.0.9 -> 3.0.10 -> 3.0.11
Conversión desde otro sistema de foros: No

Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: Cabecera del foro

#7

Mensaje por leviatan21 »

Utilizando el código que copió nextgen en el archivo common.css:

Código: Seleccionar todo

#wrap {
    padding: 10px;
    margin: 0px auto;
    width: 90%;
    text-align:left;
    background-color:#eff3f6;
}
Busca :

Código: Seleccionar todo

width: 90%;
Y cambialo por un valor fijo como por ejemplo :

Código: Seleccionar todo

width: 800px;
Luego sube el archivo a tu servidor, y recuerda actualizar el Tema para el estilo Skyblue desde el ACP
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein

SFC-16
Observador/a
Mensajes: 37
Registrado: 27 Jun 2009, 14:28

Re: Cabecera del foro

#8

Mensaje por SFC-16 »

Gracias, así si =)
Última edición por SFC-16 el 10 Sep 2010, 00:02, editado 1 vez en total.
Imagen

URL: http://www.pesfanworld.com
Versión phpBB: 3.0.11
MODs Instalados: Ninguno
Plantilla(s) usada(s): Absolution
Servidor: Redcoruna
Actualización desde otra versión: Actualizado de 3.0.5 -> 3.0.6 -> 3.0.7 PL-1 -> 3.0.8 -> 3.0.9 -> 3.0.10 -> 3.0.11
Conversión desde otro sistema de foros: No

Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

Re: Cabecera del foro

#9

Mensaje por nextgen »

si lograste solucionar el problema no olvides marcar el tema como solucionado. :ok:

メルビン・ガルシア • nextgen SolutionsDDAnimeXenForo Hispano


Cerrado

Volver a “Soporte para Estilos phpBB 3.0.x”