Página 1 de 1
Colocar banner como el que teneís aquí
Publicado: 17 Feb 2011, 17:00
por airam1809
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
Re: Colocar banner como el que teneís aquí
Publicado: 17 Feb 2011, 21:54
por Foo_
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

Re: Colocar banner como el que teneís aquí
Publicado: 18 Feb 2011, 10:09
por airam1809
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
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 03:10
por airam1809
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
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 15:20
por airam1809
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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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"> 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
Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 19:02
por Foo_
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 3442 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!
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 19:39
por airam1809
Al final conseguido dejarlo así:
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é.
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 20:09
por Foo_
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!
Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 20:12
por airam1809
A ver ahora...
Re: Colocar banner como el que teneís aquí Tema Solucionado
Publicado: 19 Feb 2011, 20:54
por Foo_
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
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 21:10
por airam1809
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
Re: Colocar banner como el que teneís aquí
Publicado: 19 Feb 2011, 21:55
por Foo_
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:
http://www.positioniseverything.net/easyclearing.html
Que si bien yo no usé en tu caso, los uso regularmente...

Colocar banner como el que teneís aquí
Publicado: 20 Feb 2011, 19:26
por airam1809
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.
Re: Colocar banner como el que teneís aquí
Publicado: 20 Feb 2011, 19:51
por Foo_
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 ]
Re: Colocar banner como el que teneís aquí
Publicado: 21 Feb 2011, 14:18
por airam1809
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