Bottone accedi con immagine 
Autore: Francesco A.
Visite 883,
Followers 1,
Condiviso 0
Buonasera, vorrei modificare il bottone "Accedi" nell'area di login, nello specifico vorrei sostiruire il blocco "Accedi" (imLoginBlock) impostato di default con un immagine attribuendogli il comando di accesso.
Postato il
forse potresti provare cosi:
<style>
#imLoginBlock{
display:none !important;
}
</style>
e poi inserisci tu un'immagine tua, con il link alla pagina...
Autore
se la parte del codice che riguarda il bottone accedi è questo:
</div><div class="imLoginBlock" style="width: 100%; margin-top: 5px; text-align: center">
<input type="submit" value="Accedi" class="imLoginSubmit" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; background-color: #FFBF00; font-family:Tahoma; font-size:16pt; color: #FFFFFF"></div>
come dovrei modificarlo?
Non ho capito bene cosa vuoi fare ma se vuoi impostare un'immagine di sfondo al pulsante "Accedi", potresti provare questo CSS (da personalizzare):
<style>
.imLoginBlock #imLoginForm_submit {
background-image: url("percorso/immagine.png");
padding: 10px 20px;
}
</style>
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
prova ad inserire il mio codice in proprietà della pagina nel tag Head, cosi dovresti nasconderlo, poi:
imlogin.php
azzz....non avevo aggiornato la pagina.....come non detto...
Autore
Mirko ho provato il tuo suggerimento ma non funziona. Lemonsong mi diresti dove inserire il codice? In proprietà pagina oppure tra il codice di imLoginBlock?
I CSS scritti tra i tag <style> e </style> vanno in head, quindi "Prima della chiusura del tag HEAD".
Quel codice imposta un'immagine come sfondo al pulsante "Accedi" della pagina imlogin.php
Non so però se è quello che cerchi e se lo puoi fare da programma (non ho provato).
Autore
Ho provato però l'immagine con compare
Sempre se ho capito bene, è questo che vuoi fare?
http://lemonsong.altervista.org/test_imLoginForm_submit_image/imlogin.php
Se sì, vale il CSS postato sopra che dovrai, ovviamente, personalizzare.
Se no, spiegati meglio, magari con un link.
Autore
si quello che voglio ottenere è questo, io ho eseguito alla lettera quello che hai scritto però non capisco perchè a me l'immagine non compare
Non avrai caricato l'immagine oppure avrai sbagliato i percorsi.
Se posti un link... famo prima.
Autore
Sono riuscito ad ottenere al massimo questo: http://www.xunil.it/prova/
non capisco cosa sbaglio... :(
non sarà un tantino grande ?
http://www.xunil.it/prova/files/login.png
Autore
Ah ok, sono riuscito ad inserirlo ma come faccio ad ingrandire il blocco?
Puoi aumentare i valori di padding e/o aggiungere width e height