Lien vers homepage sur mon logo

[MYFRENCHNEIGHBOR]

Bonjour,

 

Sur mon site http://www.my-french-neighbor.com/, dans la bannière, il n'y a pas de lien qui renvoie vers la homepage si on clique sur le logo. Hors j'ai lu dans beaucoup de posts qu'il s'agit d'un point basique d'ergonomie.

 

J'ai lu bcp de posts sur le forum mais je cale.

 

Si j'ai compris ce que j'ai lu, je dois faire une div dans header.tpl, puis en créer la taille et le positionnement dans global.css.

 

J'ai essayé d'adapter des solutions analysées à partir d'autres sites gràce à Firebug ..... mais je n'y arrive pas.

 

Suis preneur d'aide.

 

Merci d'avance.

 

Sylvain

[Maury Girard]

Bonjour MYFRENCHNEIGHBOR

 

Suite à votre recherche c'est pourtant rien de plus simple

il faut indiquer dans le header tpl où se situe la <DIV>votre banniere

 

Comme ceci

exemple:

<div id="banniere">

<a href="lien de votresiteweb"> </a>

</div>

 

Regarder ce lien ci plus exactement le #14

 

Cordialement,

[MYFRENCHNEIGHBOR]

Merci, j'ai essayé en intégrant dans header.tpl puis dans global.css comme évoqué dans le post référencé. Mais le site ne charge plus du tout .... J'ai donc enlevé.

 

Ci dessous le § header de mon tpl :

 

<!-- Header -->

<div id="header">

<a id="header_logo" href="{$base_dir_ssl}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$base_dir_ssl}img/logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right">

{$HOOK_TOP}

</div>

<div id="form_reche_french">

<form id="searchbox" action="search.php" method="get">

<input type="hidden" value="position" name="orderby"/>

<input type="hidden" value="desc" name="orderway"/>

<input type="text" style="width:125px;" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query}{else}{l s='search...' mod='blocktopmenu'}{/if}" onfocus="javascript:if(this.value=='{l s='search...' mod='blocktopmenu'}')this.value='';" onblur="javascript:if(this.value=='')this.value='{l s='search...' mod='blocktopmenu'}';" /><p></p>

</form>

</div>

</div>

 

 

J'avais rajouté la dv banniere juste au dessus de <div id="header_right">

 

Ci dessous le § header de mon css :

 

#header{

background:url('../img/header.jpg');

height:123px;

}

J'avais intégré l'appel de la div entre les {}

 

Merci de vos aides précieuses.

[MYFRENCHNEIGHBOR]

Je précise ; je veux garder mon header tel quel : même image, même champs de recherche mais just que la partie logo "My French Neighbor" soit cliquable et ramène à la hompeage.

 

Merci encore.

[MYFRENCHNEIGHBOR]

J'ai essayé un truc :

dans header .tpl, j'ai enlevé la ligne 2 qui "appelle" la photo dans header_logo

 

<a id="header_logo" href="{$base_dir_ssl}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$base_dir_ssl}img/logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

 

Puis dans global.css, j'ai modifié ceci (display était à none)

 

#header_logo {

float: left;

width: 264px;

height: 70 px;

display:block

}

 

Mais ca décalle tout vers le bas (la prtie droite avec le champs de recherche, ainsi que le menu.....).

 

Help !

 

Sylvain

[laure-c2c]

Bonjour,

En regardant ton site le logo est tjs caché, si tu le mets visible, il est dans ce cas cliquable mais je n'ai pas bien compris ce que tu veux faire ? tu ne veux pas afficher ton logo en fait, tu veux juste afficher la bannière qui est en fond ?

[MYFRENCHNEIGHBOR]

@laure-c2c : Oui, en fait, ce que je voudrais idéalement, c'est une zone rectangle, transparente, cliquable, sur la bannière et qui recouvre les termes My French Neighbor.

 

L'autre solution, serait de faire une bannière sans mon nom et un logo en PNG par dessus avec fond transparent mas esthétiquement difficile avec les ombrages. De plus, j'ai déjà eu des soucis de gestion des PNG sous IE. Or, je suis aux USA et IE est très présent chez mes clients (source G Analytics).

 

Merci.

[laure-c2c]

Oui effectivement, ou bien la première solution, ce que tu avais essayé en ajustant peut-être les css, ou bien faire de ta bannière complète comme elle est actuellement ton logo finalement

[Maury Girard]

Bonjour MYFRENCHNEIGHBOR ,

 

Le png n'est pas géré sous IE , la transparence ne se fait pas

Mais il existe une solution que j'ai déjà apporté sur ce forum, mais je n'st plus le lien

sinon il existe une module pour gérer la transparence fourni par Shaker sur ce forum

 

Ensuite si vous voulez faire une fond avec des "ombre" rien de plus simple.

J'ai encore apporté cette solutions sur le forum Fr

 

Cordialement,

[chafox]

Bonsoir,

 

Je pense que le blockuserinfo est trop large et rend le logo non cliquable.

il faudrait aller dans blockuserinfo.css et modifier la largeur de header-user (il fait ici 535 px, peut-être que 300 suffisent) :

 

#header_right #header_user {

width: 300px}

 

Cordialement,

Charlotte