Página 1 de 1
cambiar el logo en absolution
Publicado: 02 Sep 2010, 20:28
por cfeze
Hola gente!
Qué tal?
Necesito cambiar el logo del estilo Absolutión por una imagen gif de 1035x195. Y también quitar el "login" que aparece en el logo.
http://a.imageshack.us/img810/3640/dibujoid.png
Desde ya muchas gracias!
Saludos
Re: cambiar el logo en absolution
Publicado: 04 Sep 2010, 10:51
por DaVidU
para cambiar el logo debes cambiar o editar esta imágen:
http://www.korn.clandyt.com/styles/abso ... s/logo.png
para quitar lo del logeo del header, para ello tienes que abrir tu archivo:
root/styles/absolution/template/
overall_header.html
y buscar esto:
Código: Seleccionar todo
<div id="header">
<div id="header-left">
<a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo.png" width="416" height="112" alt="" /></a>
<!--<div id="site-details">
{SITENAME}<br />
<span>{SITE_DESCRIPTION}</span>
</div>-->
</div><!-- /header-left-->
<div id="header-right">
<div id="<!-- IF not S_USER_LOGGED_IN -->formbox<!-- ELSE -->header-search-box<!-- ENDIF -->">
<!-- IF not S_USER_LOGGED_IN -->
<form method="post" action="{S_LOGIN_ACTION}">
<input type="text" name="username" class="quick-login-form" title="{L_USERNAME}" value="{L_USERNAME}" onfocus="if (this.value == '{L_USERNAME}') {this.value = '';}" onblur="if (this.value == '') {this.value = '{L_USERNAME}';}" />
<input type="password" name="password" class="quick-login-form" title="{L_PASSWORD}" value="********" onfocus="if (this.value == '********') {this.value = '';}" onblur="if (this.value == '') {this.value = '********';}" />
<input type="submit" name="login" value="{L_LOGIN}" class="quick-login-button" /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><label for="autologin"><input type="checkbox" name="autologin" style="margin-top: -3px;" /> {L_LOG_ME_IN}</label><!-- ENDIF -->
<label for="viewonline"><input type="checkbox" name="viewonline" style="margin-top: -3px;" /> {L_HIDE_ME}</label>
</form>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<form action="{U_SEARCH}" method="post" id="search">
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="header-search-bar" 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="header-search-button" value="" type="submit" /><br /><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a>
</form>
<!-- ENDIF -->
<!-- ENDIF -->
</div><!--/formbox / search-box-->
</div><!--/header-right-->
</div><!-- /header-->
y reemplazar por esto otro:
Código: Seleccionar todo
<div id="header">
<div id="header-left">
<a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo.png" width="416" height="112" alt="" /></a>
<!--<div id="site-details">
{SITENAME}<br />
<span>{SITE_DESCRIPTION}</span>
</div>-->
</div><!-- /header-left-->
<div id="header-right">
<div id="header-search-box">
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<form action="{U_SEARCH}" method="post" id="search">
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="header-search-bar" 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="header-search-button" value="" type="submit" /><br /><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a>
</form>
<!-- ENDIF -->
<!-- ENDIF -->
</div><!--/search-box-->
</div><!--/header-right-->
</div><!-- /header-->
no lo he probado pero seguro es más o menos lo que buscas
acuerdate de guardar el archivo, actualizar el tema, limpiar el cache del foro y refrescar el navegador para ver los cambios
Re: cambiar el logo en absolution
Publicado: 14 Ene 2011, 17:49
por Megabyte
Como la plantilla que utilizo es el Absolution, aqui les dejo como tengo puesta una imagen, quitando el asunto del logueo.
<div id="header">
<center>
<img src="{T_IMAGESET_PATH}/images/milogo.png" width="100%" height="205" alt="" />
</center>
</div><!-- /header-->
En otras palabras, tengo una imagen a lo largo de la pagina, con un porcentaje del 100% para que ocupe el ancho total no importando que resolucion tengan, y el alto pues es dependiendo del alto de tu imagen. La extension de la imagen, pues dependiendo de tu tipo (png, jpg, gif).
Por lo tanto, he eliminado los divs que se encontraban ahi y dejado unicamente la imagen centrada.
Espero les sirva a los que entren en el futuro...