Bottone accedi con immagine 
Autor: Francesco A.
Visitado 881,
Followers 1,
Compartido 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.
Publicado en
forse potresti provare cosi:
<style>
#imLoginBlock{
display:none !important;
}
</style>
e poi inserisci tu un'immagine tua, con il link alla pagina...
Autor
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...
Autor
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).
Autor
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.
Autor
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.
Autor
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
Autor
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