Modificare immagine Login al passaggio del mouse
Author: Pasqualino D.Ho creato un accesso di Login adoperando il odice riportato di seguito e volevo sapere come fare per cambiare l'immagine al passaggio del mouse.
<a id="log" href="login.html"><img src="files/login.png" alt="login"/></a><!-- Private Area.Login: START -->
<div id="mioform">
<div id="imLogin" style="width: 100px">
<form method="post" action="imlogin.php" onsubmit="_jq(this).attr('action', x5engine.settings.currentPath + 'imlogin.php'); return (x5engine.utils.isOnline() || !x5engine.utils.showOfflineMessage(x5engine.l10n.get('blog_offline_message')));">
<div class="imLoginBlock" style="width: 100%;">
<label for="imUname"><span style="font-weight: bold; font-style: normal;font-family:Tahoma; font-size:10pt; color: #7b746a">Username:</span></label><br />
<input type="text" name="imUname" id="imUname" style="font-weight: bold; font-style: normal;border: 2px solid #ccc; font-family:Tahoma; font-size:10pt; background-color: #FFFFFF; color: #7b746a; width: 130px"><br />
</div>
<div class="imLoginBlock" style="width: 100%;">
<label for="imPwd"><span style="font-weight: bold; font-style: normal;font-family:Tahoma; font-size:10pt; color: #7b746a">Password:</span></label><br />
<input type="password" name="imPwd" id="imPwd" style="font-weight: bold; font-style: normal;border: 2px solid #ccc; font-family:Tahoma; font-size:10pt; background-color: #FFFFFF; color: #7b746a; width: 130px"><br />
</div>
<div class="imLoginBlock" style="width: 100%; margin-top: 5px; text-align: center">
<input type="submit" value="ENTRA" class="imLoginSubmit" style="font-weight: bold; font-style: normal;border: 2px solid #ccc; background-color: #523e3f; font-family:Tahoma; font-size:10pt; color: #ffffff">
</div>
</form>
</div>
<!-- Private Area.Login: END -->
</div>
Author
Poi ho nserito nella sezione Esperto:
<style type="text/css">
#mioform{
background: white;
border: 2px solid #7b746a;
padding: 10px;
padding-right: 145px;
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('div#mioform').parent('div').css({
'overflow':'visible',
'z-index':'100001'
});
$('a#log').click(function(event){
event.preventDefault();
$('div#mioform').slideToggle('slow');
});
});
</script>
Author
Inoltre quando apro la finestra a comparsa con ShowBox, i pulsanti simangono in primo piano
http://dtstudio.altervista.org/prodotti.html
per il pulsante che rimane sopra allo showbox, sei tu che gli hai dato 'z-index':'100001'
Author
Quindi come posso fare a mandare il pulsante sotto lo showbox?
Author
Lo z-index l'ho risolto, sai darmi qualche dritta per il resto?
potresti provare un css simile a quello che hai usato per:
imLogoutLink
e gli assegni le immagini che vuoi....