Colocar banner como el que teneís aquí

airam1809 · #1

Hola, quisiera poner un banner en la parte superior del foro, que se incrustase en la parte naranja que queda a la derecha del site_logo, así como teneís el de cyberneticos. Es posible? (mi estilo se basa en subsilver) Es que es estado toqueteando el overall_header pero no doy con la tecla.

Gracias ya de ante mano, un saludo

Foo_ · #2

Yo te recomiendo que uses:
http://www.phpbb.com/customise/db/mod/a ... management

Es un mod... y a mi modo de ver las cosas, es el mejor

airam1809 · #3

Muchas gracias. Ya lo conocía (según recuerdo no existe ninguna forma de colocarlo donde yo quiero no?)

Venía buscando algún código html para meter en el overall_header (algo así como la barra de mitch) y que se muestre como está en este foro, conservando tambien el site_logo.

Pido ayuda a los maestros, es posible?

Saludos

airam1809 · #4

No me deja editar... :S

Buscando por el foro he encontrado esto, pero según parece solo es para prosilver
http://www.phpbb-es.com/foro/viewtopic.php?p=100749

Alguien me ayuda a adaptarlo a mi plantila? Por más que intento no queda como quiero, se me descuadra todo

Un saludo

airam1809 · #5

Muchas gracias una vez más. Finalmente he instalado el mod y estoy moviendo los {ADS_X}, pero me sigue siendo imposible incrustarlo en la parte naranja. He probado de todo.

Este es mi overall_header

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<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="reballing" />
<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>
<script type="text/JavaScript">
function getElement(iElementId)
{
   if (document.all) 
   {
      return document.all[iElementId];
   }
   if (document.getElementById)
   {
      return document.getElementById(iElementId);
   }
}

function toggleElement(oElement)
{
   if (oElement.style.display == "none")
   {
      oElement.style.display = "";
   }
   else
   {
      oElement.style.display = "none";
   }
}
</script>
<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 onload_functions = new Array();
var onunload_functions = new Array();

<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var perpage = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page > 0)
	{
		document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
	}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

	/**
	* 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>
<!-- INCLUDE reimg_content.html -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<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++" />
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
<a id="top" name="top" accesskey="t"></a>

<a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a>
<div id="topnav">
	<!-- 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" 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}';" />
			{S_SEARCH_HIDDEN_FIELDS}
		</fieldset>
		</form>
	</div>
	<!-- ENDIF -->
</div>
	
<div class="b"><div class="bl"><div class="br">

	<div id="header_container">
		<div id="header_bg">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
		</div>
	</div>

	<div id="wrapheader">

		<div id="navcontainer">
			<ul id="navlist">
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
			<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">({PRIVATE_MESSAGE_INFO})</a></li><!-- ENDIF -->
			<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
			<!-- ENDIF -->
						<!-- IF not S_IS_BOT --><!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
			<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
			<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
			<li><a href="http://www.reballing.es/viewtopic.php?f=16&t=1257" title="Normas del foro de Reballing">Normas</a></li>
			<li><a href="./contacto.html" title="Contacte con nosotros">Contactar</a></li>
			<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
			</ul>
		</div>
		
		<!-- INCLUDE breadcrumbs.html -->

		<div id="datebar">
			<table width="100%" cellspacing="0">
			<tr>
				<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
				<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
			</tr>
			</table>
		</div>

	</div>

	<div id="wrapcentre">
<table width="100%" cellpadding="3">
<tr>
<td valign="top" width="13%">

<table class="tablebg" width="100%" cellspacing="1">
<tr><th align="left"><img src="./images/cup.png">&nbsp;Patrocinadores</th></tr>
<tr><td class="row1" width="100%"><p class="genmed">

<center><a target="_blank" href="http://www.mod-center.com/b2c/index.php?page=pp_productos.php&tbusq=1&md=1&ref=ref-6"><img border="0" src="./images/banner0.gif" width="120" height="200"></a></center>
<br><br>
<center><a target="_blank" href="http://www.tecni-consolas.com/"><img border="0" src="./images/banner1.gif" width="120" height="200"></a></center>
<br><br>
<center><a target="_blank" href="http://www.incopia2.com/"><img border="0" src="./images/banner2new.gif" width="120" height="200"></a></center>
<br><br>
<center><a target="_blank" href="http://www.usbearth.com/product.asp?anid=71"><img border="0" src="./images/banner4.gif" width="120" height="200"></a></center>
<br><br>
<center><a target="_blank" href="http://www.scotle.com/"><img border="0" src="./images/banner3new.gif" width="120" height="200"></a></center>
<br><br>
<center><a target="_blank" href="http://www.satkit.com/b2c/index.php?page=pp_productos.php&tbusq=1&ref=EST-SOL&md=1"><img border="0" src="http://www.satkit.com/reballing.gif" width="120" height="200"></a></center>
<br>

</p></td></tr>

</tr>
</table>

</td>
<td width="100%" valign="top">

A ver si alguien pudiera ayudarme (alrededor del site logo ya he probado de todas formas y nada..)

Un saludo

Foo_ · #6

Amigo, si usas firebug deberías tenerlo mas simple (si no lo usas, bajalo y empezá a usarlo!)

Me tome un par de minutos en analizar tu header, no el codigo en si... pero mira:

: FB_01a.jpg (85.41 KiB) Visto 3449 veces

Lo tenes facil, no lo tenes complicado!
Yo que vos trabajaría con divs, podes usar float para tirar el banner a la derecha y equilibrarlo con margins para que se centre verticalmente (y horizontalmente).

Vamos vamos vamos, hacelo... no voy a pasarte el codigo (no tengo tiempo ahora).
Pero con la idea que te paso, podes hacerlo!

Abrazo!

airam1809 · #7

Al final conseguido dejarlo así:

Imagen

Cambiando

Código: Seleccionar todo

		<div id="header_bg">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
		</div>

por

Código: Seleccionar todo

		<div id="header_bg">
			<table width="100%" cellspacing="0">
			<tr>
			<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
			<td width="100%" align="center"><!-- IF ADS_9 -->{ADS_9}<br /><!-- ENDIF --></td>
		</tr>
		</table>
		</div>

Como ves solo hay un pequeño error de alineación en el logo, que aún no he sabido solucionar.

Veo que dominas el tema. Te agradeceré que me ayudes con el código.

Por supuesto no voy a pedirte el trabajo hecho, prefiero hacerlo yo y así voy aprendiendo.

Un saludo, voy a investigar sobre lo que me dices y ya contaré.

Foo_ · #8

No adjuntaste bien la imagen, no puedo ver como te quedo.
Y avisa cuando pongas un banner ahi, asi lo veo online y lo analizo.

Saludos!

airam1809 · #9

A ver ahora...

Foo_ · #10

Es porq estas usando tables.
Las tablas y marcos dejaron de ser usadas hace un buen tiempo atras con la introduccion de CSS.
Usa "div"

No sé si va a funcionar, porq como te dije, no tengo tiempo de probarlo, pero mas o menos mi idea es la siguiente:
Busca:

Código: Seleccionar todo

	<div id="header_container">
		<div id="header_bg">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
		</div>

Y lo dejamos asi:

Código: Seleccionar todo

	<div id="header_container">
		<div id="header_bg">
<div style="float:left;">		
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
</div>
<div style="padding:35px 0 0 0;">BANNER html bla bla bla
</div>
		</div>

Abrazo

airam1809 · #11

Mira, lo he probado así

Código: Seleccionar todo

	<div id="header_container">
		<div id="header_bg">
<div style="float:left;">		
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
</div>
<div style="padding:20px 0 0 0;"><!-- IF ADS_9 -->{ADS_9}<br /><!-- ENDIF -->
</div>
		</div>

Como ves solo he variado el padding para que quedase más centrado.

El problema viene que al dejar de probar con firefox y mirarlo con iexplore 6 se pone abajo en vez de en su sitio.

He instalado firebug y estoy investigadolo. Tambien estoy buscando información sobre el style de div, para saber como funciona.

Una vez más, muchas gracias por tu tiempo.

Un saludo

Foo_ · #12

Internet exporer 6 no se va a llevar bien con los estandar de W3C. Nunca IE funcionó correctamente (son temas de interpretación)

En la web hay algunos "parches" para hacer que el codigo se adapte a IE, pero yo no recomiendo usas esas cosas...
Pero bueno, no se, será cuestion de googlear un poco... podes buscar los resultados del ultimo año para "float ie fix"

Tambien te recomiendo leer sobre los:

Código: Seleccionar todo

<div style="clear:both;"></div>

http://www.positioniseverything.net/easyclearing.html

Que si bien yo no usé en tu caso, los uso regularmente...

airam1809 · #13

Tras leer y probar mucho al final lo he dejado así:

Código: Seleccionar todo

	<div id="header_container">
		<div id="header_bg">
<div style="float:left;">		
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
</div>
<div style="padding:15px 0 0 0;"><!-- IF ADS_9 -->{ADS_9}<br /><!-- ENDIF -->
</div>
		</div>
		<div style="clear: both"></div>
	</div>

Se ve bien en IExplorer y Firefox actualizados, y he instalado el Chrome para probar y se ve correcto tambien.

Sin embargo, un compañero de moderación se queja de un pequeño descuadre con xp/Chrome/1024x764, adjunto la captura que me ha mandado.

Tengo que seguir mirándolo más, pero muchas gracias, me estais ayudado mucho.

Foo_ · #14

Ehhh pero ni se nota, es por algun width que está corrompiendo, capaz este en absoluto y debería ser relativo.
Pero eso ya es hilar demasiado fino. Capaz tengas que cambiarle el width a todo el foro (proba hacerlo mas ancho...)
[ De acuerdo a tu template, busca aca en el foro como cambiarle el ancho por defecto ]

airam1809 · #15

Pues de momento se va a quedar como está, y no veo yo el error ni entrando con el chrome.

Doy mi tema por solucionado, muchas gracias una vez más.

Si hago algún cambio lo comentaré para que quede la info de ello.

Un saludo

phpBB España Oficial