phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

Cabecera del foro

https://www.phpbb-es.com/foro/viewtopic.php?t=28392

Página 1 de 1

Cabecera del foro  Tema Solucionado

Publicado: 09 Sep 2010, 21:28
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!

Re: Cabecera del foro

Publicado: 09 Sep 2010, 21:36
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;
}

Re: Cabecera del foro

Publicado: 09 Sep 2010, 22:28
por Juanla
Resumiendo o haces la imagen más grande o el foro más estrecho. (Te recomiendo lo último)

Re: Cabecera del foro

Publicado: 09 Sep 2010, 22:34
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?

Re: Cabecera del foro

Publicado: 09 Sep 2010, 22:45
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

Re: Cabecera del foro

Publicado: 09 Sep 2010, 23:12
por SFC-16
Entonces que me recomendais?

Re: Cabecera del foro

Publicado: 09 Sep 2010, 23:22
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

Re: Cabecera del foro

Publicado: 10 Sep 2010, 00:00
por SFC-16
Gracias, así si =)

Re: Cabecera del foro

Publicado: 10 Sep 2010, 00:40
por nextgen
si lograste solucionar el problema no olvides marcar el tema como solucionado. :ok:
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España