Vamos a explicar dentro de los límites del conocimiento, como cambiar la cabecera de nuestro foro Icy.
Sustitución del logo:
Una vez hemos diseñado el nuevo logo en formato .png, al cual llamaremos sitelogo_small.png ,tenemos que subirlo preferiblemene mediante FTP, a la carpeta templates/mg_themes/images/ice, sobrescribiendo el archivo ya existente.
Cabe la posibilidad de que el archivo de imagen nuevo del logo sea .jpg o .gif y con el nombre (por ejemplo) milogo.gif; en éste caso, subiremos la imagen al mismo sitio citado anteriormente, si bien, con el bloc de notas, tendríamos que editar el archivo mg_themes.cfg que se halla en la carpeta templates/mg_themes
Buscaríamos el código
$images['sitelogo'] = $current_template_images . 'sitelogo_small.png';
Sustituyendo sitelogo_small.png por milogo.gif
Insertar un banner:
Icy facilita la inserción de un banner en la cabecera del foro. Para ello tenemos que entrar en la ACPConfiguracion-Encabezados y Banners
Una vez aquí, nos iremos a la parte de debajo y central de la pantalla y observaremos que pone “Administrar Banner”, activaremos la casilla “si” del “Encabezado del Banner” y posteriormente en el recuadro insertaremos el código del banner, por ejemplo:
<iframe border="0" frameBorder="NO" width="468px" height="60px" SCROLLING="NO" marginHeight="0px" marginwidth"0px" src="http://www.intermonoxfam.org/ASP/banner.asp?tags=emergencia,user,spanish"></iframe>
Finalmente haremos clic en el botón inferior “Enviar”
Cambiar el fondo del encabezado
Por defecto Icy trae de fondo en el encabezado una imagen azulada oscura a rayas; esa imagen se encuentra en la carpeta templates/mg_themes/images/icy denominándose top_header.png
Haremos los mismos pasos que se ha explicado para la sustitución del logo.
En caso de que queramos insertar de fondo una imagen con extensión .gif o .jpg y con otro nombre, tendríamos que editar el archivo style_ice.css
Este archivo se encuentra en la carpeta templates/mg_themes
En él buscaríamos esta parte de codigo:
#top_logo{
border: 0px solid #FFFFFF;
background: url(images/ice/top_header.png) repeat;
border: 0px solid #FFFFFF;
background: url(images/ice/top_header.png) repeat;
donde sustituiríamos top_header.png por el nombre del archivo, por ejemplo: mifondo.gif
--------------------------------------------------------------------------------------------------------
Para los que tengan más conocimiento de código (no es mi caso), decir que todo esto se puede modificar directamente, trabajando la tabla donde se halla lo que se está comentando, editando el archivo overall_header.tpl que se encuentra en la carpeta templates/mg_themes siendo el codigo de dicha tabla el siguiente:
<table id="forumtable" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="3" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0" height="136">
<tr>
<td height="136" align="left" valign="middle"><a href="{U_PORTAL}" title="{L_HOME}"><img src="{FULL_SITE_PATH}{SITELOGO}" alt="{L_HOME}" title="{L_HOME}"/></a></td>
<td align="center" valign="middle">
<!-- BEGIN switch_header_banner -->
<center><br />{HEADER_BANNER_CODE}</center>
<!-- END switch_header_banner -->
</td>
<td align="right" valign="top">
<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> -->
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<!-- END switch_user_logged_out -->
</td>
</tr>
</table>
<tr>
<td width="100%" colspan="3" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0" height="136">
<tr>
<td height="136" align="left" valign="middle"><a href="{U_PORTAL}" title="{L_HOME}"><img src="{FULL_SITE_PATH}{SITELOGO}" alt="{L_HOME}" title="{L_HOME}"/></a></td>
<td align="center" valign="middle">
<!-- BEGIN switch_header_banner -->
<center><br />{HEADER_BANNER_CODE}</center>
<!-- END switch_header_banner -->
</td>
<td align="right" valign="top">
<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> -->
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<!-- END switch_user_logged_out -->
</td>
</tr>
</table>
Bueno ya disculparan algunos si erré en algo por mis limitados conocimientos, venga, salu2.
