phpBB España Oficial

URL: http://www.sanjou.org/foro/index.php
Plantilla(s) usuada(s): 1thank
MODs instalados: Adaptive Hide BBcodes, Advanced BBCode Box 3 (aka ABBC3), Anti Bot Question, Ban users by x warnings, Disallow links before x posts, Genders,Groups on Registration and Custom Profile Fields, Latest Topic Title, Notify Admin on Registration, Prime BBCode Spoiler, Simple Hide BBcode MOD, UPS Easy Shop, Ultimate Points, Upcoming Birthday list
Versión de phpBB: 3.0.10
Servidor: De pago
Si es una actualización desde otra versión: 3.0.8 a 3.0.10

Ya estuve buscando y hay muchos temas acerca de las cabeceras como cambiarlas pero ninguna me ha servido, por fin pude cambiarle el banner al foro pero el problema es que sale mal acomodado, ojala y pudieran ayudarme por favor porque ya estuve buscando por todo el foro y en varias paginas

Aqui esta el codigo

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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!-- 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/atom+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: 1thank
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:   	  gokintudio ( http://www.gokinstudio.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>

<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 type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>


</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="bodybg">
	<div id="wrapper">
		<div id="shad-l">
			<div id="shad-r">
				<div id="header">

					<div id="head-l">
						<div id="head-r">
							<div id="userarea" class="smalltext"><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>

							</div>
							<div id="" class="smalltext">
						<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<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>

		<!-- ENDIF -->


							</div>
						<a href="{U_INDEX}" title=""><span id="logo"><img src="http://i256.photobucket.com/albums/hh180/ku_mako/bannersanjouhkt.png"/></span></a>
						</div>
					</div>
				</div>
				<div id="toolbar">
					
		<div id="topmenu">

			<ul>
			<li><a  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a  href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a  href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a  href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a  href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a  href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
				<li><a  href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a  href="#"><span></span></a></li>

			<li><a  href="#"><span></span></a></li>
			</ul>
		</div>
				</div>
<div id="bodyarea">
<br /><br />
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
</div>
 			<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>

        
        			<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 href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->

        					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
        					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
        					<!-- ENDIF -->
        				</li>
        			</ul>
        			<!-- ENDIF -->

        			<ul class="linklist rightside">

<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>
        				<!-- IF not S_IS_BOT -->
        					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a 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 href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
        				<!-- ENDIF -->
        			</ul>

        
        			<span class="corners-bottom"><span></span></span></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 -->
</div>

usa el codigo que vieno por defecto,

puedes hacerlo de dos formas la primera es coger tu imagen de banner y dividirla en tres partes luego cambiarlas por

estas son las tres imagenes de tu estilo

esta imagen es el borde derecho del banner debes hacer uno similar con el diseño de tu banner

sta imagen es el borde izquierdo del banner debes hacer uno similar con el diseño de tu banner

esta imagen es la que se repite que va al centro del banner

Código: Seleccionar todo

#header {
    position: relative;
    height: 120px;
    overflow: hidden;
    background: #2C6CAE url("{T_THEME_PATH}/images/header-bg.gif") 0 0 repeat-x;
}

#head-r {
    height: 120px;
    background: url("{T_THEME_PATH}/images/header-r.gif") 100% 0 no-repeat;
}

#head-l {
    background: url("{T_THEME_PATH}/images/header-l.gif") 0 0 no-repeat;
}

Recuerda renombrar las imagenes de los css o usar los mismos nombres
pero como usaras una imagen central sin repetirse
cambia esto

Código: Seleccionar todo

 background: #2C6CAE url("{T_THEME_PATH}/images/header-bg.gif") 0 0 repeat-x;

por esto

Código: Seleccionar todo

 background: #2C6CAE url("{T_THEME_PATH}/images/header-bg.gif") 0 0 no-repeat;

La otra forma es usar una sola imagen osea ya no usarias bordes redondeados seria de este modo

en el overall_header.html

Buscar

Código: Seleccionar todo

<div id="header">

					<div id="head-l">
						<div id="head-r">
							<div id="userarea" class="smalltext"><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>

							</div>
							<div id="" class="smalltext">
						<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<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>

		<!-- ENDIF -->


							</div>
						<a href="{U_INDEX}" title=""><span id="logo">&nbsp;</span></a>
						</div>
					</div>
				</div>

Reemplazar por esto

Código: Seleccionar todo

<div id="header">
							<div id="userarea" class="smalltext"><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>

							</div>
							<div id="" class="smalltext">
						<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<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>

		<!-- ENDIF -->


							</div>
						<a href="{U_INDEX}" title=""><span id="logo">&nbsp;</span></a>
				</div>

en stylesheat.css

buscar

Código: Seleccionar todo

#header {
    position: relative;
    height: 120px;
    overflow: hidden;
    background: #2C6CAE url("{T_THEME_PATH}/images/header-bg.gif") 0 0 repeat-x;
}

reemplazar por

Código: Seleccionar todo

#header {
    position: relative;
    height: 120px;
    overflow: hidden;
    background: #2C6CAE url("http://i256.photobucket.com/albums/hh180/ku_mako/bannersanjouhkt.png") 0 0 no-repeat;
}

despues de cualquiera de las formas debes limpiar cache de los estilos

panel de administrador/estilos/1thank/plantillas* y temas*/actualizar

Muchisimas gracias! quedo excelente y tal como lo queria

Bueno marcalo como solucionado.!

Off Topic: Tenia cuenta en sanjou pero no me recuerdo cual era xD

Makoto escribió:Bueno marcalo como solucionado.!

le di en la flechita verde, con eso basta?

de nuevo gracias por la ayuda

Off Topic: si te reconoci, si lo quieres recuperar mandame mensaje privado

phpBB España Oficial

Acomodar cabecera

Acomodar cabecera

Re: Acomodar cabecera Tema Solucionado

Re: Acomodar cabecera

Re: Acomodar cabecera

Re: Acomodar cabecera