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/

Cambio de Overall header y colores en fondo de mensajes y texto

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

Página 1 de 1

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 17:13
por pixy
URL: http://hitmanworld.donkiehost.com/index.php
Versión phpBB: phpBB3
MODs Instalados: Last Posts Titles
Plantilla(s) usada(s): Septon Black
Servidor: donkiehost
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Hola, quisiera preguntar si pueden ayudarme a cambiar los colores de las tablas de mensaje y el texto, lo que quiero es que estas no cambien de forma intercalada y todas tengan como fondo el color " 2D2D2D ", el texto sea claro como un plateado "CCCCCC" ... en pocas palabras, colores más uniformes en las respuestas y en las tablas que muestran los temas del foro. Ya logre hacer yo por mi cuenta el cambio del fondo del contenido principal, pero solo ahi D:

y también volver más sencillo el heades, únicamente con el banner del foro, titulo y descripción centrados, valla, eliminar la tabla de la derecha con links.

ya eh intentado hacerlo por mi cuenta y los resultados son catastróficos, >_>

por su ayuda y tiempo, gracias =)

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 18:58
por leviatan21
Para quitar el menú de la cabecera, prueba haciendo estos pasos :

Abrir :
raíz/styles/Septon_black/template/overall_header.html

Buscar :

Código: Seleccionar todo

        <div class="headerbar">
            <div class="inner"><span class="corners-top"><span></span></span>

          <div class="menu-block" style="float: {S_CONTENT_FLOW_END}; width: 19%;">
             <div class="menu-row-first"><a class="left menu-link" href="#">Your Link Here</a></div>
             <div class="menu-row"><a class="left menu-link" href="#">Your Link Here</a></div>
             <div class="menu-row"><a class="left menu-link" href="#">Your Link Here</a></div>
             <div class="menu-row"><a class="left menu-link" href="#">Your Link Here</a></div>
             <div class="menu-row"><a class="left menu-link" href="#">Your Link Here</a></div>

             <div class="menu-row"><a class="left menu-link" href="#">Your Link Here</a></div>
             <div class="menu-row-last">
             <br />
             <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
                <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>

                </form>
            </div></div>
          </div>
          <div style="float: {S_CONTENT_FLOW_BEGIN}; width: 79.5%;">
            
            <div id="site-description">
                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                {SITE_DESCRIPTION}
                <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>

            </div>
        
    </div> 
Reemplazar por :

Código: Seleccionar todo

        <div class="headerbar">
            <div class="inner"><span class="corners-top"><span></span></span>
                <div id="site-description">
                    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                    {SITE_DESCRIPTION}
                    <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
                </div>
            <span class="corners-bottom" style="height:0px;"></span></div>
        </div> 
Guardar los cambios, subir el archivo al servidor vía FTP y desde el ACP -> ESTILOS, actualizar las Plantillas para el estilo Septon_black

Realiza esos pasos y luego vemos lo de los colores

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 19:09
por pixy
hecho, pero aun tanto el nombre del foro como el banner se ven desplazados a la izquierda, el header aun sigue dividido en tablas o algo similar
lo que quiero es centrarlos y quitar la imagen en gradiente que se les ve de fondo ):

el codigo del overall header ahora quedo asi P:
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="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      
	
	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>

<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 -->
<script>

<!--

homeup = new Image; homeup.src = "{T_THEME_PATH}/images/menu/nav_home.gif";

homedown = new Image; homedown.src = "{T_THEME_PATH}/images/menu/nav_home_f2.gif";

registerup = new Image; registerup.src = "{T_THEME_PATH}/images/menu/nav_register.gif";

registerdown = new Image; registerdown.src = "{T_THEME_PATH}/images/menu/nav_register_f2.gif";

faqup = new Image; faqup.src = "{T_THEME_PATH}/images/menu/nav_faq.gif";

faqdown = new Image; faqdown.src = "{T_THEME_PATH}/images/menu/nav_faq_f2.gif";

searchnavup = new Image; searchnavup.src = "{T_THEME_PATH}/images/menu/nav_search.gif";

searchnavdown = new Image; searchnavdown.src = "{T_THEME_PATH}/images/menu/nav_search_f2.gif";

memberlistup = new Image; memberlistup.src = "{T_THEME_PATH}/images/menu/nav_memberlist.gif";

memberlistdown = new Image; memberlistdown.src = "{T_THEME_PATH}/images/menu/nav_memberlist_f2.gif";

profileup = new Image; profileup.src = "{T_THEME_PATH}/images/menu/nav_profile.gif";

profiledown = new Image; profiledown.src = "{T_THEME_PATH}/images/menu/nav_profile_f2.gif";

pmup = new Image; pmup.src = "{T_THEME_PATH}/images/menu/nav_pm.gif";

pmdown = new Image; pmdown.src = "{T_THEME_PATH}/images/menu/nav_pm_f2.gif";

loginup = new Image; loginup.src = "{T_THEME_PATH}/images/menu/nav_login.gif";

logindown = new Image; logindown.src = "{T_THEME_PATH}/images/menu/nav_login_f2.gif";

logoutup = new Image; logoutup.src = "{T_THEME_PATH}/images/menu/nav_logout.gif";

logoutdown = new Image; logoutdown.src = "{T_THEME_PATH}/images/menu/nav_logout_f2.gif";

restoreup = new Image; restoreup.src = "{T_THEME_PATH}/images/menu/nav_restore.gif";

restoredown = new Image; restoredown.src = "{T_THEME_PATH}/images/menu/nav_restore_f2.gif";





function MouseOverRoutine(ButtonName)

{

if (ButtonName=="home"){document.home.src = homedown.src;}

if (ButtonName=="register"){document.register.src = registerdown.src;}

if (ButtonName=="faq"){document.faq.src = faqdown.src;}

if (ButtonName=="searchnav"){document. searchnav.src = searchnavdown.src;}

if (ButtonName=="memberlist"){document.memberlist.src = memberlistdown.src;}

if (ButtonName=="profile"){document.profile.src = profiledown.src;}

if (ButtonName=="pm"){document.pm.src = pmdown.src;}

if (ButtonName=="login"){document.login.src = logindown.src;}

if (ButtonName=="logout"){document.logout.src = logoutdown.src;}

if (ButtonName=="restore"){document.restore.src = restoredown.src;}

}





function MouseOutRoutine(ButtonName)

{

if (ButtonName=="home"){document.home.src = homeup.src;}

if (ButtonName=="register"){document.register.src = registerup.src;}

if (ButtonName=="faq"){document.faq.src = faqup.src;}

if (ButtonName=="searchnav"){document.searchnav.src = searchnavup.src;}

if (ButtonName=="memberlist"){document.memberlist.src = memberlistup.src;}

if (ButtonName=="profile"){document.profile.src = profileup.src;}

if (ButtonName=="pm"){document.pm.src = pmup.src;}

if (ButtonName=="login"){document.login.src = loginup.src;}

if (ButtonName=="logout"){document.logout.src = logoutup.src;}

if (ButtonName=="restore"){document.restore.src = restoreup.src;}

}





//-->

</script>



<!--[if lt IE 7]>
<script defer type="text/javascript" src="{T_TEMPLATE_PATH}/menufix.js"></script>
<![endif]-->

</head>

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

<!-- Borders 1/4 -->
    <div class="outside">
    <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
    <div class="inside">
    <div class="notopgap">
<!-- Borders 2/4 -->

<div id="wrap">
	<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">
                    <center><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                    {SITE_DESCRIPTION}
                    <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p></center>
                </div>
            <span class="corners-bottom" style="height:0px;"></span></div>
        </div> 
		
			<span class="corners-bottom" style="height:0px;"></span></div>
		</div>
	<div id="menubar">
<table width="100%" border="0" height="36" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td class="headerlogo" height="36" align="center" valign="center" background="{T_THEME_PATH}/images/menu/nav_back.png">

            <a href="{U_INDEX}" onmouseOver="MouseOverRoutine('home')" onmouseOut="MouseOutRoutine('home')"><img src="{T_THEME_PATH}/images/menu/nav_home.gif" name="home" border="0"></a>

            <!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}" onmouseOver="MouseOverRoutine('restore')" onmouseOut="MouseOutRoutine('restore')"><img src="{T_THEME_PATH}/images/menu/nav_restore.gif" name="restore" border="0"></a><!-- ENDIF -->

            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> <img src="{T_THEME_PATH}/images/menu/nav_disabled.gif" name="disabled" border="0" alt="Disabled"><!-- ENDIF -->



<!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM -->
                  <!-- IF S_NEW_PM || S_USER_NEW_PRIVMSG -->
                  <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/menu/nav_pm_new.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
                  <a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{T_THEME_PATH}/images/menu/nav_pm.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ELSE -->
                  <a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{T_THEME_PATH}/images/menu/nav_pm.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ENDIF -->
                  
                  <!-- ENDIF -->
               <!-- ELSEIF S_REGISTER_ENABLED --><a href="{U_REGISTER}" onmouseOver="MouseOverRoutine('register')" onmouseOut="MouseOutRoutine('register')"><img src="{T_THEME_PATH}/images/menu/nav_register.gif" name="register" border="0"></a><!-- ENDIF -->
            <!-- ENDIF -->



            <a href="{U_FAQ}" onmouseOver="MouseOverRoutine('faq')" onmouseOut="MouseOutRoutine('faq')"><img src="{T_THEME_PATH}/images/menu/nav_faq.gif" name="faq" border="0"></a>

            <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH}" onmouseOver="MouseOverRoutine('searchnav')" onmouseOut="MouseOutRoutine('searchnav')"><img src="{T_THEME_PATH}/images/menu/nav_search.gif" name="searchnav" border="0"></a><!-- ENDIF -->

            <!-- IF not S_IS_BOT -->

            <!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}" onmouseOver="MouseOverRoutine('memberlist')" onmouseOut="MouseOutRoutine('memberlist')"><img src="{T_THEME_PATH}/images/menu/nav_memberlist.gif" name="memberlist" border="0"></a><!-- ENDIF -->

            <a href="{U_PROFILE}" onmouseOver="MouseOverRoutine('profile')" onmouseOut="MouseOutRoutine('profile')"><img src="{T_THEME_PATH}/images/menu/nav_profile.gif" name="profile"border="0"></a>

            <!-- ENDIF -->



            <!-- IF not S_IS_BOT -->

               <!-- IF S_USER_LOGGED_IN -->

               <a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('logout')" onmouseOut="MouseOutRoutine('logout')"><img src="{T_THEME_PATH}/images/menu/nav_logout.gif" name="logout" border="0"></a>

               <!-- ELSE --><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('login')" onmouseOut="MouseOutRoutine('login')"><img src="{T_THEME_PATH}/images/menu/nav_login.gif" name="login" border="0"></a>

               <!-- ENDIF -->

            <!-- ENDIF -->
</td>
  </tr>
</table>
  </div>
<br>
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	<a name="start_here"></a>
	<div id="page-body">
	
			 <!-- IF S_NEW_BUG --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> <a href="{U_BUGTRACKER}">{L_BUG_MESSAGE}</a>
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" 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 -->
<br>
    <table width="100%" cellspacing="0">
    <tr>
    <td valign="top" width="17%" style="padding-right:8px;">

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Menu</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <ul class="linklist navlinks">
    <li><img src="{T_THEME_PATH}/images/barra_lateral/nav.png">&nbsp;<b>Navegacion</b></li></ul>
                   
    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="index.php">Indice general</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php">Buscar</a>
    <!-- IF S_USER_LOGGED_IN -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php">Perfil</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
    <!-- ENDIF -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=newposts">Mensajes nuevos</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=egosearch">Sus mensajes</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=unanswered">Mensajes sin respuesta</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=active_topics">Temas activos</a>
    <br>
    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_REGISTER}">{L_REGISTER}</a>
    <!-- ENDIF -->
    <!-- IF not S_IS_BOT -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
    <!-- ENDIF -->
          
    <ul class="linklist navlinks">
    <br><li><img src="{T_THEME_PATH}/images/barra_lateral/user.png">&nbsp;<b>Usuarios</b></li></ul>
                         
    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="memberlist.php">Lista de Usuarios</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="memberlist.php?mode=leaders">El equipo</a>

    <ul class="linklist navlinks">
    <br><li><img src="{T_THEME_PATH}/images/barra_lateral/help.png">&nbsp;<b>Ayuda</b></li></ul>

    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="faq.php">FAQ</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="faq.php?mode=bbcode">FAQ BBcodes</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php?mode=terms">Terminos de uso</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php?mode=privacy">Politica de Privacidad</a>
    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Visita</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <center>
    <a href="http://coloreatuforo.com/" target="_blank"><img src="./styles/Septon_black/imageset/baner.png"></a>
    </center>
    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Afiliados</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">                
    <marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
    <center>
    <a href="http://www.phpbb.com/" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/phpbb.gif"></a>
<br><a href="http://montatuforo.com" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/montatuforo.gif" width="88" height="31" alt="Montatuforo" title="Aprende a montar tu propio foro" border="0" /></a>
<br><a href="http://coloreatuforo.com/" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/coloreatuforo.gif" width="88" height="31" alt="·:Coloreatuforo.com:·" title="·:Material y Diseño de foros:·" border="0" /></a>
    </center>
    </marquee>

    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>


<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Publicidad</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <ul class="linklist navlinks">
    <li><img src="{T_THEME_PATH}/images/barra_lateral/cup.png">&nbsp;<b>Adsense Google</b></li></ul>
                   
    <div align="center">-Aqui tu publicidad-</div>
                  </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>

    </td>
    <td width="100%" valign="top">
    </div>
    </div>
y ahora que vengo dando cuenta, tambien se desfazo el final de los bordes de la tabla de contenido o.o, al final de la pagina pueden verse

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 19:30
por leviatan21
pixy escribió:hecho, pero aun tanto el nombre del foro como el banner se ven desplazados a la izquierda, el header aun sigue dividido en tablas o algo similar
lo que quiero es centrarlos y quitar la imagen en gradiente que se les ve de fondo ):
Pero vamos por etapas, si te hago hacer todo junto y algo falla no sabremos donde se origina el problema. :wink:

Ahora veamos de sacar el fondo degradado y que se vea mas al centro :

Eliminar la imagen degradada de la cabecera :
Abrir :
raíz/styles/Septon_black/theme/stylesheet.css

Buscar :

Código: Seleccionar todo

.headerbar {
    background-color: #43464a;
    background-image: url("{T_THEME_PATH}/images/bg_header.gif");
    color: #FFFFFF;
} 
Eliminar :

Código: Seleccionar todo

    background-image: url("{T_THEME_PATH}/images/bg_header.gif"); 
Aqui si quieres puedes cambiar el color del fondo ( gris oscuro ) en esta linea :

Código: Seleccionar todo

background-color: #43464a;  
Cambiar al centro la imagen del logo :
Abrir :
raíz/styles/Septon_black/theme/common.css
Buscar :

Código: Seleccionar todo

#site-description {
    float: center;
    width: 70%;
} 
Reemplazar por :

Código: Seleccionar todo

#site-description {
    text-align: center;
} 
PD : float: center; no existe, y elimina el <center> y </center> que has agregado el la plantilla


Guardar los cambios, subir el archivo al servidor vía FTP y desde el ACP -> ESTILOS, actualizar el Tema para el estilo Septon_black

Re: Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 19:45
por pixy
hecho lo de common, pero parece no haber funcionado ):

en el stylesheet con la ruta que me diste sale esto y no lo que me indicas xD
Spoiler

Código: Seleccionar todo

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		Septon_black
	Based on style:	proSilver (this is the default phpBB 3 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:	DaVidU, Coloreatuforo.com	
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");
@import url("borders.css");

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 19:48
por leviatan21
pixy escribió:en el stylesheet con la ruta que me diste sale esto y no lo que me indicas xD
:ops Error mío, no es stylesheet.css sino colours.css

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 21:13
por pixy
listo, el banner esta centrado *-* ....
unicamente pasa ese pequeño error en la tabla al final de la pagina, donde los bordes se ven desfazados

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 23 Dic 2010, 21:44
por leviatan21
pixy escribió:listo, el banner esta centrado *-* ....
unicamente pasa ese pequeño error en la tabla al final de la pagina, donde los bordes se ven desfazados
hay varios errores encadenados, para solucionarlos realiza estos pasos :

Abrir :
raíz/styles/Septon_black/template/overall_header.html

Buscar :

Código: Seleccionar todo

    </td>
    <td width="100%" valign="top">
    </div>
    </div> 
Reemplazar por :

Código: Seleccionar todo

    </td>
    <td width="100%" valign="top"> 
Abrir :
raíz/styles/Septon_black/template/index_body.html
Buscar :

Código: Seleccionar todo

                  <span class="corners-bottom"><span></span></span></div>

               </div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT --> 
Reemplazar por :

Código: Seleccionar todo

                  <span class="corners-bottom"><span></span></span>
               </div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT --> 
Recuerda actualizar las plantillas desde el ACP

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 24 Dic 2010, 00:51
por pixy
hecho, pero el error aun persiste )':

Overall header:
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="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      
	
	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>

<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 -->
<script>

<!--

homeup = new Image; homeup.src = "{T_THEME_PATH}/images/menu/nav_home.gif";

homedown = new Image; homedown.src = "{T_THEME_PATH}/images/menu/nav_home_f2.gif";

registerup = new Image; registerup.src = "{T_THEME_PATH}/images/menu/nav_register.gif";

registerdown = new Image; registerdown.src = "{T_THEME_PATH}/images/menu/nav_register_f2.gif";

faqup = new Image; faqup.src = "{T_THEME_PATH}/images/menu/nav_faq.gif";

faqdown = new Image; faqdown.src = "{T_THEME_PATH}/images/menu/nav_faq_f2.gif";

searchnavup = new Image; searchnavup.src = "{T_THEME_PATH}/images/menu/nav_search.gif";

searchnavdown = new Image; searchnavdown.src = "{T_THEME_PATH}/images/menu/nav_search_f2.gif";

memberlistup = new Image; memberlistup.src = "{T_THEME_PATH}/images/menu/nav_memberlist.gif";

memberlistdown = new Image; memberlistdown.src = "{T_THEME_PATH}/images/menu/nav_memberlist_f2.gif";

profileup = new Image; profileup.src = "{T_THEME_PATH}/images/menu/nav_profile.gif";

profiledown = new Image; profiledown.src = "{T_THEME_PATH}/images/menu/nav_profile_f2.gif";

pmup = new Image; pmup.src = "{T_THEME_PATH}/images/menu/nav_pm.gif";

pmdown = new Image; pmdown.src = "{T_THEME_PATH}/images/menu/nav_pm_f2.gif";

loginup = new Image; loginup.src = "{T_THEME_PATH}/images/menu/nav_login.gif";

logindown = new Image; logindown.src = "{T_THEME_PATH}/images/menu/nav_login_f2.gif";

logoutup = new Image; logoutup.src = "{T_THEME_PATH}/images/menu/nav_logout.gif";

logoutdown = new Image; logoutdown.src = "{T_THEME_PATH}/images/menu/nav_logout_f2.gif";

restoreup = new Image; restoreup.src = "{T_THEME_PATH}/images/menu/nav_restore.gif";

restoredown = new Image; restoredown.src = "{T_THEME_PATH}/images/menu/nav_restore_f2.gif";





function MouseOverRoutine(ButtonName)

{

if (ButtonName=="home"){document.home.src = homedown.src;}

if (ButtonName=="register"){document.register.src = registerdown.src;}

if (ButtonName=="faq"){document.faq.src = faqdown.src;}

if (ButtonName=="searchnav"){document. searchnav.src = searchnavdown.src;}

if (ButtonName=="memberlist"){document.memberlist.src = memberlistdown.src;}

if (ButtonName=="profile"){document.profile.src = profiledown.src;}

if (ButtonName=="pm"){document.pm.src = pmdown.src;}

if (ButtonName=="login"){document.login.src = logindown.src;}

if (ButtonName=="logout"){document.logout.src = logoutdown.src;}

if (ButtonName=="restore"){document.restore.src = restoredown.src;}

}





function MouseOutRoutine(ButtonName)

{

if (ButtonName=="home"){document.home.src = homeup.src;}

if (ButtonName=="register"){document.register.src = registerup.src;}

if (ButtonName=="faq"){document.faq.src = faqup.src;}

if (ButtonName=="searchnav"){document.searchnav.src = searchnavup.src;}

if (ButtonName=="memberlist"){document.memberlist.src = memberlistup.src;}

if (ButtonName=="profile"){document.profile.src = profileup.src;}

if (ButtonName=="pm"){document.pm.src = pmup.src;}

if (ButtonName=="login"){document.login.src = loginup.src;}

if (ButtonName=="logout"){document.logout.src = logoutup.src;}

if (ButtonName=="restore"){document.restore.src = restoreup.src;}

}





//-->

</script>



<!--[if lt IE 7]>
<script defer type="text/javascript" src="{T_TEMPLATE_PATH}/menufix.js"></script>
<![endif]-->

</head>

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

<!-- Borders 1/4 -->
    <div class="outside">
    <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
    <div class="inside">
    <div class="notopgap">
<!-- Borders 2/4 -->

<div id="wrap">
	<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 href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                    {SITE_DESCRIPTION}
                    <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
                </div>
            <span class="corners-bottom" style="height:0px;"></span></div>
        </div> 
		
			<span class="corners-bottom" style="height:0px;"></span></div>
		</div>
	<div id="menubar">
<table width="100%" border="0" height="36" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td class="headerlogo" height="36" align="center" valign="center" background="{T_THEME_PATH}/images/menu/nav_back.png">

            <a href="{U_INDEX}" onmouseOver="MouseOverRoutine('home')" onmouseOut="MouseOutRoutine('home')"><img src="{T_THEME_PATH}/images/menu/nav_home.gif" name="home" border="0"></a>

            <!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}" onmouseOver="MouseOverRoutine('restore')" onmouseOut="MouseOutRoutine('restore')"><img src="{T_THEME_PATH}/images/menu/nav_restore.gif" name="restore" border="0"></a><!-- ENDIF -->

            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> <img src="{T_THEME_PATH}/images/menu/nav_disabled.gif" name="disabled" border="0" alt="Disabled"><!-- ENDIF -->



<!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM -->
                  <!-- IF S_NEW_PM || S_USER_NEW_PRIVMSG -->
                  <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/menu/nav_pm_new.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
                  <a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{T_THEME_PATH}/images/menu/nav_pm.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ELSE -->
                  <a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{T_THEME_PATH}/images/menu/nav_pm.gif" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
                  <!-- ENDIF -->
                  
                  <!-- ENDIF -->
               <!-- ELSEIF S_REGISTER_ENABLED --><a href="{U_REGISTER}" onmouseOver="MouseOverRoutine('register')" onmouseOut="MouseOutRoutine('register')"><img src="{T_THEME_PATH}/images/menu/nav_register.gif" name="register" border="0"></a><!-- ENDIF -->
            <!-- ENDIF -->



            <a href="{U_FAQ}" onmouseOver="MouseOverRoutine('faq')" onmouseOut="MouseOutRoutine('faq')"><img src="{T_THEME_PATH}/images/menu/nav_faq.gif" name="faq" border="0"></a>

            <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH}" onmouseOver="MouseOverRoutine('searchnav')" onmouseOut="MouseOutRoutine('searchnav')"><img src="{T_THEME_PATH}/images/menu/nav_search.gif" name="searchnav" border="0"></a><!-- ENDIF -->

            <!-- IF not S_IS_BOT -->

            <!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}" onmouseOver="MouseOverRoutine('memberlist')" onmouseOut="MouseOutRoutine('memberlist')"><img src="{T_THEME_PATH}/images/menu/nav_memberlist.gif" name="memberlist" border="0"></a><!-- ENDIF -->

            <a href="{U_PROFILE}" onmouseOver="MouseOverRoutine('profile')" onmouseOut="MouseOutRoutine('profile')"><img src="{T_THEME_PATH}/images/menu/nav_profile.gif" name="profile"border="0"></a>

            <!-- ENDIF -->



            <!-- IF not S_IS_BOT -->

               <!-- IF S_USER_LOGGED_IN -->

               <a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('logout')" onmouseOut="MouseOutRoutine('logout')"><img src="{T_THEME_PATH}/images/menu/nav_logout.gif" name="logout" border="0"></a>

               <!-- ELSE --><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('login')" onmouseOut="MouseOutRoutine('login')"><img src="{T_THEME_PATH}/images/menu/nav_login.gif" name="login" border="0"></a>

               <!-- ENDIF -->

            <!-- ENDIF -->
</td>
  </tr>
</table>
  </div>
<br>
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	<a name="start_here"></a>
	<div id="page-body">
	
			 <!-- IF S_NEW_BUG --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> <a href="{U_BUGTRACKER}">{L_BUG_MESSAGE}</a>
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" 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 -->
<br>
    <table width="100%" cellspacing="0">
    <tr>
    <td valign="top" width="17%" style="padding-right:8px;">

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Menu</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <ul class="linklist navlinks">
    <li><img src="{T_THEME_PATH}/images/barra_lateral/nav.png">&nbsp;<b>Navegacion</b></li></ul>
                   
    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="index.php">Indice general</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php">Buscar</a>
    <!-- IF S_USER_LOGGED_IN -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php">Perfil</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
    <!-- ENDIF -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=newposts">Mensajes nuevos</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=egosearch">Sus mensajes</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=unanswered">Mensajes sin respuesta</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="search.php?search_id=active_topics">Temas activos</a>
    <br>
    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_REGISTER}">{L_REGISTER}</a>
    <!-- ENDIF -->
    <!-- IF not S_IS_BOT -->
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
    <!-- ENDIF -->
          
    <ul class="linklist navlinks">
    <br><li><img src="{T_THEME_PATH}/images/barra_lateral/user.png">&nbsp;<b>Usuarios</b></li></ul>
                         
    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="memberlist.php">Lista de Usuarios</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="memberlist.php?mode=leaders">El equipo</a>

    <ul class="linklist navlinks">
    <br><li><img src="{T_THEME_PATH}/images/barra_lateral/help.png">&nbsp;<b>Ayuda</b></li></ul>

    <img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="faq.php">FAQ</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="faq.php?mode=bbcode">FAQ BBcodes</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php?mode=terms">Terminos de uso</a>
    <br><img src="{T_THEME_PATH}/images/barra_lateral/dot.gif" border="0"><a href="ucp.php?mode=privacy">Politica de Privacidad</a>
    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Visita</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <center>
    <a href="http://coloreatuforo.com/" target="_blank"><img src="./styles/Septon_black/imageset/baner.png"></a>
    </center>
    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>

<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Afiliados</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">                
    <marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
    <center>
    <a href="http://www.phpbb.com/" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/phpbb.gif"></a>
<br><a href="http://montatuforo.com" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/montatuforo.gif" width="88" height="31" alt="Montatuforo" title="Aprende a montar tu propio foro" border="0" /></a>
<br><a href="http://coloreatuforo.com/" target="_blank"><img src="{T_THEME_PATH}/images/barra_lateral/coloreatuforo.gif" width="88" height="31" alt="·:Coloreatuforo.com:·" title="·:Material y Diseño de foros:·" border="0" /></a>
    </center>
    </marquee>

    </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>


<div class="forabg">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt>Publicidad</dt>
                        </dl>
                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #555555; margin: 0px auto; text-align: left;">
    <ul class="linklist navlinks">
    <li><img src="{T_THEME_PATH}/images/barra_lateral/cup.png">&nbsp;<b>Adsense Google</b></li></ul>
                   
    <div align="center">-Aqui tu publicidad-</div>
                  </div>
    <span class="corners-bottom"><span></span></span>
    </div>
    </div>
 </td>
    <td width="100%" valign="top">

Index body:
Spoiler

Código: Seleccionar todo

<!-- INCLUDE overall_header.html -->

<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->

<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<!-- IF S_DISPLAY_SEARCH -->
		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
	<!-- ENDIF -->
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->

<!-- INCLUDE forumlist_body.html -->
                  <div class="inner"><span class="corners-top"><span></span></span>

                  <ul class="topiclist">
                     <li class="header">
                        <dl class="icon">
                           <dt><h3>Leyenda de los iconos del foro</h3></dt>
                        </dl>

                     </li>
                  </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #131313; margin: 0px auto; text-align: center;">
                      <table width="100%" border="0">
                        <tr>
                          <td><div align="center"><img src="./styles/Septon_black/imageset/forum_read.png" alt="No hay mensajes" border="0" no="no" hay="hay" nuevos="nuevos" mensajes="mensajes" /></div></td>
                          <td><div align="center"><img src="./styles/Septon_black/imageset/forum_unread.png" alt="Nuevos mensajes cerrado" border="0" no="no" hay="hay" nuevos="nuevos" mensajes="mensajes" /></div></td>
                          <td><div align="center"><img src="./styles/Septon_black/imageset/forum_unread_locked.png" alt="No hay mensajes cerrado" border="0" no="no" hay="hay" nuevos="nuevos" mensajes="mensajes" /></div></td>
                          <td><div align="center"><img src="./styles/Septon_black/imageset/forum_read_locked.png" alt="Nuevos mensajes" border="0" no="no" hay="hay" nuevos="nuevos" mensajes="mensajes" /></div></td>
                        </tr>
                        <tr>
                          <td><div align="center" class="Estilo1">
                              <div align="center">No hay nuevos mensajes</div>
                          </div></td>
                          <td><div align="center" class="Estilo1">Nuevos mensajes sin leer </div></td>
                          <td><div align="center" class="Estilo1">Cerrado con mensajes sin leer </div></td>
                          <td><div align="center" class="Estilo1">Cerrado sin mensajes por leer </div></td>
                        </tr>
                      </table>
               </div>
                   <span class="corners-bottom"><span></span></span>
               </div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
	<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
		<fieldset class="quick-login">
			<label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />  
			<label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
			<!-- IF S_AUTOLOGIN_ENABLED -->
				| <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
			<!-- ENDIF -->
			<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
		</fieldset>
	</form>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
	<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
	<h3>{L_BIRTHDAYS}</h3>
	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
	<h3>{L_STATISTICS}</h3>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 24 Dic 2010, 06:32
por leviatan21
pixy escribió:hecho, pero el error aun persiste )':

Overall header:
Viendo tu archivo actual he descubierto el por que, el primer cambio que sugerí para eliminar el menú, está mal hecho, desde allí los demás cambio no se deben aplicar.

Re: Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 24 Dic 2010, 08:44
por pixy
Listo, problema arreglado, nuevamente subi el overall header original y aplique la primer respuesta que me diste, pero no funciono, haciendo los cambios en el common.ccs, me puse a mirar los codigos y al notar el porcentaje en 79.5, unicamente lo cambie a 100% y se arreglo °A°

asi:

Código: Seleccionar todo

<div id="page-header">
		<div class="headerbar">
		
          <div style="float: {S_CONTENT_FLOW_BEGIN}; width: 100%;">
			
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
					<h1>{SITENAME}</h1>
				{SITE_DESCRIPTION}
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
		
    </div>

y bueno, un problema ya arreglado, solo faltan los colores.... de una vez aprovecho para agradecerte toda la ayuda que me brindaste con este problema inicial, en verdad muchas gracias =)

Cambio de Overall header y colores en fondo de mensajes y texto  Tema Solucionado

Publicado: 24 Dic 2010, 15:57
por leviatan21
pixy escribió:lo que quiero es que estas no cambien de forma intercalada y todas tengan como fondo el color " 2D2D2D ", el texto sea claro como un plateado "CCCCCC" ... en pocas palabras, colores más uniformes en las respuestas y en las tablas que muestran los temas del foro.
Para evitar que se intercalen los colores en las respuestas tienes 2 opciones :

1) Plantillas:
Abrir :
raíz/styles/Septon_black/template/viewtopic_body.html
Buscar y eliminar :

Código: Seleccionar todo

<!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->
2) hoja de estilos
Abrir :
raíz/styles/Septon_black/theme/colours.css
Buscar :

Código: Seleccionar todo

.bg1    { background-color: #555555; }
.bg2    { background-color: #777777;  } 
Reemplazar por :

Código: Seleccionar todo

.bg1    { background-color: #2D2D2D; }
.bg2    { background-color: #2D2D2D; } 

Para cambiar el color del texto :
Abrir :
raíz/styles/Septon_black/theme/colours.css
Buscar :

Código: Seleccionar todo

.content {
    color: #333333;
} 
Reemplazar por :

Código: Seleccionar todo

.content {
    color: #cccccc;
} 
Recuerda actualizar plantilla o tema según hagas el cambio :P

Cambio de Overall header y colores en fondo de mensajes y texto

Publicado: 24 Dic 2010, 23:36
por pixy
listo, ya se arreglo, muchas gracias por tu ayuda Leviatan! =D
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