Menu Horizontal [Réglé]
Effet Rollover
Créations de Thèmes
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
Encore et encore des questions...
Pour faire un effet rollover sur mon menu horizontal :
Profil - MP - Administration etc.
J'ai édité mon fichier connect_mini.tpl
Code HTML :
Le problème est que l'effet n'est pas là.
Ai-je fais une erreur ?!
Merci,
J.
Édité par juni0r Le 19/03/2012 à 18h36
Visiteur
Un modèle/exemple de onmouseover fonctionnel ...
Code TPL :
<a href="../" title="Accueil : bienvenue sur CsN"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/accueil-o.png'" src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/accueil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/accueil.png'" alt="Accueil : bienvenue sur CsN" class="valign_middle" /></a>@imablement Swan.
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
C'est marrant je me suis inspiré de son site.
PS: Je t'ai envoyé un mail il y a quelques jours, l'as tu reçu ?
Bien à toi et merci, je test ça de suite...
J.
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
Bizarre, je me suis appuyé sur ton code :
Code HTML :
<a href="../" title="Mon Profil"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/omonprofil.png'" src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/monprofil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/monprofil.png'" alt="Mon Profil" class="valign_middle" /></a>Rien à faire, ça ne passe pas...
J.
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
juni0r :
Bonjour à toutes et à tous,
Encore et encore des questions...
Pour faire un effet rollover sur mon menu horizontal :
Profil - MP - Administration etc.
J'ai édité mon fichier connect_mini.tpl
Le problème est que l'effet n'est pas là.
Ai-je fais une erreur ?!
Merci,
J.
Encore et encore des questions...
Pour faire un effet rollover sur mon menu horizontal :
Profil - MP - Administration etc.
J'ai édité mon fichier connect_mini.tpl
Code HTML :
Le problème est que l'effet n'est pas là.
Ai-je fais une erreur ?!
Merci,
J.
l'image onmouseover (la souris passe sur le bouton) est la meme que src
d'habitude on met la meme image en src qu'en onmouseout, mais là je vois que ce n'est pas le cas. est-ce pour donner une troisieme image à l'effet ou est-ce simplement une faute de frappe ?
avec ton site en maintenance on ne peut pas voir si les images existent ou si elles sont aux bons emplacements
et il manque un alt="" mais ça c'est pas grave
conclusion:
le bouton doit etre joli mais quand on passe la souris dessus on fait appraitre le meme bouton et quand on enleve la souris on affiche une image qui n'existe peut-etre pas car faute de frappe
edit:
src = image du bouton quand on arrive sur la page => image 1
onmouseover = image quand la souris passe sur le bouton => image 2
onmouseout = image quand la souris sort du bouton => image 1
Édité par babsolune Le 19/03/2012 à 19h08
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
l'image onmouseover et src sont les mêmes dans mon lien, non ?
onmouseover : monprofil.png
src : monprofil.png
onmouseout : omonprofil.png
J'ai remis le site en ligne en attendant,
Merci,
Visiteur
==> http://www.cezardesign.fr//templates/Jungle/modules/connect/images/monprofil.png
Édité par Visiteur Le 19/03/2012 à 19h17
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
également à cette adresse : jungle/theme/images/
Ce n'est pas l'adresse que j'ai renseigné dans le .tpl ?
Rhoo je m'y perd
J.
PS : Sur mon site :
login : test
mot de passe : motdepasse
Merci,
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
voir l'edit de mon explication, le code de swan et le code de swan que tu as cité
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
juni0r Membre non connecté
-
Booster Minigun
- Voir le profil du membre juni0r
- Inscrit le : 10/03/2012
Donc comme ceci :
Code HTML :
<a href="../" title="Mon Profil"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/omonprofil.png'" src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/monprofil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/theme/images/monprofil.png'" alt="Mon Profil" class="valign_middle" /></a>
Cezar Membre non connecté
-
Booster Fronde
- Voir le profil du membre Cezar
- Inscrit le : 20/03/2012
- Site internet
J'ai du me réinscrire, oublie de mot de passe, et lorsque je fais mot de passe perdu, je ne reçois aucun mail de PHPBoost.
Bref, donc pour le rollover, ça ne fonctionne toujours pas, j'ai repris le code de Swan, les explication de babsolune, mais toujours rien.
Donc, encore besoin d'un petit coup de pouce....Merci d'avance
J.
Visiteur
Dans la source de ton site, il n'y a aucune ligne contenant les mots 'omonprofil'
A mon avis, tes modifications ne sont pas prises en compte.
Où fais-tu ces modifs ?
Cezar Membre non connecté
-
Booster Fronde
- Voir le profil du membre Cezar
- Inscrit le : 20/03/2012
- Site internet
Désolé pour la reponse tardive, boulot, boulot !!!
Donc pour le rollover, je l'ai mis ici :
[THEME] modules/connect/connect_mini.tpl
Voici le code :
Code HTML :
# IF C_VERTICAL #
# IF C_USER_NOTCONNECTED #
<script type="text/javascript">
<!--
function check_connect()
{
return checkForms(new Array(
'login', "{L_REQUIRE_PSEUDO}",
'password', "{L_REQUIRE_PASSWORD}"
));
}
-->
</script>
<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();">
<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">{L_CONNECT}</h5>
</div>
<div class="module_mini_contents">
<p>
<label>{L_PSEUDO}
<br />
<input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
<br />
<label>{L_PASSWORD}
<br />
<input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
<br />
<label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
</p>
<p>
<input type="hidden" name="token" value="{TOKEN}" />
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" />
</p>
<p style="margin:0;margin-top:5px;">
# IF C_USER_REGISTER #
<a class="small_link" href="{PATH_TO_ROOT}/member/register.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/register_mini.png" alt="" class="valign_middle" /> {L_REGISTER}</a>
# ENDIF #
<br />
<a class="small_link" href="{PATH_TO_ROOT}/member/forget.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/forget_mini.png" alt="" class="valign_middle" /> {L_FORGOT_PASS}</a>
</p>
</div>
<div class="module_mini_bottom">
</div>
</div>
</form>
# ENDIF #
# IF C_USER_CONNECTED #
<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">{L_PROFIL}</h5>
</div>
<div class="module_mini_contents" style="text-align:left;">
<ul style="margin:0;padding:0;padding-left:4px;list-style-type:none;line-height:18px">
<a href="../" title="Mon Profil"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/omonprofil.png'" src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png'" alt="Mon Profil" class="valign_middle" /></a>
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/members_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link">{L_PRIVATE_PROFIL}</a></li>
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/{IMG_PM}" class="valign_middle" alt="" /> <a href="{U_USER_PM}" class="small_link">{L_NBR_PM}</a> </li>
# IF C_ADMIN_AUTH #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/ranks_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link">{L_ADMIN_PANEL}
# IF C_UNREAD_ALERT #
({NUMBER_UNREAD_ALERTS})
# ENDIF #
</a></li>
# ENDIF #
# IF C_MODERATOR_AUTH #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/modo_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/moderation_panel.php" class="small_link">{L_MODO_PANEL}</a></li>
# ENDIF #
# IF C_UNREAD_CONTRIBUTION #
# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL} ({NUM_UNREAD_CONTRIBUTIONS})</a></li>
# ELSE #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li>
# ENDIF #
# ELSE #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li>
# ENDIF #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/home_mini.png" alt="" class="valign_middle" /> <a href="{U_DISCONNECT}" class="small_link">{L_DISCONNECT}</a></li>
</ul>
</div>
<div class="module_mini_bottom">
</div>
</div>
# ENDIF #
# ELSE #
# IF C_USER_NOTCONNECTED #
<script type="text/javascript">
<!--
function check_connect(){
if(document.getElementById('login').value == "") {
alert("{L_REQUIRE_PSEUDO}");
return false;
}
if(document.getElementById('password').value == "") {
alert("{L_REQUIRE_PASSWORD}");
return false;
}
return true;
}
-->
</script>
<div style="float:right;margin-right:8px;">
<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();" style="text-align:right;display:inline;">
<p style="display:inline"><input size="15" type="text" id="login" name="login" value="{L_PSEUDO}" class="connect_form" onfocus="if( this.value == '{L_PSEUDO}' ) this.value = '';" maxlength="25" />
<input size="15" type="password" id="password" name="password" class="connect_form" value="******" onfocus="if( this.value == '******' ) this.value = '';" maxlength="30" />
<input checked="checked" type="checkbox" name="auto" />
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" /></p>
</form>
# IF C_USER_REGISTER #
<form action="{U_REGISTER}" method="post" style="display:inline;">
<p style="display:inline"><input type="submit" name="register" value="{L_REGISTER}" class="submit" /></p>
</form>
# ENDIF #
</div>
# ENDIF #
# IF C_USER_CONNECTED #
<p style="text-align:right;color:#FFFFFF;">
<a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png" alt="" class="valign_middle" /></a>
<a href="{U_USER_PM}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/mp.png" alt="" class="valign_middle" /></a>
# IF C_ADMIN_AUTH #
<a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/admin.png" alt="" class="valign_middle" /> # IF C_UNREAD_ALERT # ({NUMBER_UNREAD_ALERTS}) # ENDIF # </a>
# ENDIF #
# IF C_UNREAD_CONTRIBUTION #
# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /> ({NUM_UNREAD_CONTRIBUTIONS})</a>
# ELSE #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /></a>
# ENDIF #
# ELSE #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /></a>
# ENDIF #
<a href="{U_DISCONNECT}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/deconnect.png" alt="" class="valign_middle" /></a>
</p>
# ENDIF #
# ENDIF #Merci à toi,
J.
Visiteur
As tu rafraichis TOUT tes caches ??
Visiteur
Fais les modifs après le 'Else'
Edit : Remplace ton connect_mini.tpl par ça et dis moi :
Code TPL :
# IF C_VERTICAL #
# IF C_USER_NOTCONNECTED #
<script type="text/javascript">
<!--
function check_connect()
{
return checkForms(new Array(
'login', "{L_REQUIRE_PSEUDO}",
'password', "{L_REQUIRE_PASSWORD}"
));
}
-->
</script>
<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();">
<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">{L_CONNECT}</h5>
</div>
<div class="module_mini_contents">
<p>
<label>{L_PSEUDO}
<br />
<input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
<br />
<label>{L_PASSWORD}
<br />
<input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
<br />
<label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
</p>
<p>
<input type="hidden" name="token" value="{TOKEN}" />
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" />
</p>
<p style="margin:0;margin-top:5px;">
# IF C_USER_REGISTER #
<a class="small_link" href="{PATH_TO_ROOT}/member/register.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/register_mini.png" alt="" class="valign_middle" /> {L_REGISTER}</a>
# ENDIF #
<br />
<a class="small_link" href="{PATH_TO_ROOT}/member/forget.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/forget_mini.png" alt="" class="valign_middle" /> {L_FORGOT_PASS}</a>
</p>
</div>
<div class="module_mini_bottom">
</div>
</div>
</form>
# ENDIF #
# IF C_USER_CONNECTED #
<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">{L_PROFIL}</h5>
</div>
<div class="module_mini_contents" style="text-align:left;">
<ul style="margin:0;padding:0;padding-left:4px;list-style-type:none;line-height:18px">
<a href="../" title="Mon Profil"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/omonprofil.png'" src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png'" alt="Mon Profil" class="valign_middle" /></a>
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/members_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link">{L_PRIVATE_PROFIL}</a></li>
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/{IMG_PM}" class="valign_middle" alt="" /> <a href="{U_USER_PM}" class="small_link">{L_NBR_PM}</a> </li>
# IF C_ADMIN_AUTH #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/ranks_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link">{L_ADMIN_PANEL}
# IF C_UNREAD_ALERT #
({NUMBER_UNREAD_ALERTS})
# ENDIF #
</a></li>
# ENDIF #
# IF C_MODERATOR_AUTH #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/modo_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/moderation_panel.php" class="small_link">{L_MODO_PANEL}</a></li>
# ENDIF #
# IF C_UNREAD_CONTRIBUTION #
# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL} ({NUM_UNREAD_CONTRIBUTIONS})</a></li>
# ELSE #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li>
# ENDIF #
# ELSE #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li>
# ENDIF #
<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/home_mini.png" alt="" class="valign_middle" /> <a href="{U_DISCONNECT}" class="small_link">{L_DISCONNECT}</a></li>
</ul>
</div>
<div class="module_mini_bottom">
</div>
</div>
# ENDIF #
# ELSE #
# IF C_USER_NOTCONNECTED #
<script type="text/javascript">
<!--
function check_connect(){
if(document.getElementById('login').value == "") {
alert("{L_REQUIRE_PSEUDO}");
return false;
}
if(document.getElementById('password').value == "") {
alert("{L_REQUIRE_PASSWORD}");
return false;
}
return true;
}
-->
</script>
<div style="float:right;margin-right:8px;">
<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();" style="text-align:right;display:inline;">
<p style="display:inline"><input size="15" type="text" id="login" name="login" value="{L_PSEUDO}" class="connect_form" onfocus="if( this.value == '{L_PSEUDO}' ) this.value = '';" maxlength="25" />
<input size="15" type="password" id="password" name="password" class="connect_form" value="******" onfocus="if( this.value == '******' ) this.value = '';" maxlength="30" />
<input checked="checked" type="checkbox" name="auto" />
<input type="submit" name="connect" value="{L_CONNECT}" class="submit" /></p>
</form>
# IF C_USER_REGISTER #
<form action="{U_REGISTER}" method="post" style="display:inline;">
<p style="display:inline"><input type="submit" name="register" value="{L_REGISTER}" class="submit" /></p>
</form>
# ENDIF #
</div>
# ENDIF #
# IF C_USER_CONNECTED #
<p style="text-align:right;color:#FFFFFF;">
<a href="../" title="Mon Profil"><img onmouseover="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/omonprofil.png'" src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png" onmouseout="this.src='{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png'" alt="Mon Profil" class="valign_middle" /></a>
<a href="{U_USER_PM}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/mp.png" alt="" class="valign_middle" /></a>
# IF C_ADMIN_AUTH #
<a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/admin.png" alt="" class="valign_middle" /> # IF C_UNREAD_ALERT # ({NUMBER_UNREAD_ALERTS}) # ENDIF # </a>
# ENDIF #
# IF C_UNREAD_CONTRIBUTION #
# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /> ({NUM_UNREAD_CONTRIBUTIONS})</a>
# ELSE #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /></a>
# ENDIF #
# ELSE #
<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/contrib.png" alt="" class="valign_middle" /></a>
# ENDIF #
<a href="{U_DISCONNECT}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/deconnect.png" alt="" class="valign_middle" /></a>
</p>
# ENDIF #
# ENDIF #J'ai juste repris ton code et je l'ai mis à la ligne 127 (donc dans la partie de l'affichage horizontal).
Édité par Visiteur Le 21/03/2012 à 11h19
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie