creare una nuova classe per un template

[daniele95]

ciao a tutti...

ho creato il template di questo sito ( http://frantoiocesarebattisti.it ) fatto in joomla con un noto programma... probabilmente l'unico ma non credo di poter dire il nome.. se lo volete sapere vi mando un mp...


il mio scopo e trasformare il modulo di login da come è ora a così:
http://frantoiocesarebattisti.it/images/fcb-lm.jpg

avevo provato a scrivere qualche riga di codice ma non credo sia corretta:

.art-block-cc {     
background-image: url("../images/block_c.png");   
bottom: 0;     
left: 0;     
position: absolute;     
right: 0;     
top: 0; }

purtroppo ho um brutto rapporto con i css... e quel poco che riesco a fare lo faccio ad intuito... grazie mille dell'aiuto

[ac_socmel]

uno spunto

[daniele95]

ti ringrazio tantissimo... però hai cambiato anche la classe al div? scusami ma non sono molto pratico con i css...

[ac_socmel]

ho giocato col tuo form che ha id form-login

#form-login {
  -moz-border-radius: 10px 10px 10px 10px;
    background-color: #000000;
    color: #FFFFFF;
    margin: 0 !important;
    padding: 10px !important;
}

[daniele95]

a me non funziona... mi da anche problemi sul menù... sicuramente sbaglio qualcosa...

[daniele95]

ho cancellato moz davanti border radius ed ora funziona... i misteri della vita... ahaha

ora però devo fare ancora qualche modifica per mettere un'immagine di sfondo devo usare il codice background-images: e il eprcorso tra parentesi... però siccome non voglio che i form vadano sopra il loghetto devo distanziarlo dall'alto e vorrei lasciare anche più spazio tra il bottone "log in"e il resto delle scritte... scusa le domande ma sono proprio negato con i css...

[ac_socmel]

ripeto che quello che scrivo serve da stimolo e non è la soluzione perfetta

#form-login {
    border-radius: 10px 10px 10px 10px;
    background: #000000 url(tua-immagine.jpg) center top;
    color: #FFFFFF;
    margin: 0 !important;
    padding: 100px 10px 10px 10px !important;/* i valori si leggono in senso orario a partire da top */
}

[daniele95]

gentilissimo!!! senti invece di chiederti un peletto alla volta se ti dico tutte le modifiche che devo apportare e mi dici i codici da utilizzare poi gioco con i valori?

per raggiungere l'obbiettivo dovrei distanziare il bottone dal resto, amgari spostarlo al centro o a destra e cambiare il colore di base facendolo diventare bianco.. però solo per questo bottone e non per gli altri del sito... se non si può fare lo cambierò per tutto il sito...

mettere i link nome utente e password dimenticata in bianco.. anche qui se fosse possibile solo per questo modulo...

[ac_socmel]

mouse sul bottone
tasto destro
leggi il nome della classe
e fai

#form-login tuo.bottone {
    margin-top: 24px /* per esempio */
}

[daniele95]

non funziona

#form-login button art-button {
    margin-top: 24px: ;
}