Aiuto per una piccola modifica al codice css

di il
1 risposte

Aiuto per una piccola modifica al codice css

Salve a tutti dovrei modificare questo codice di un tema per l'Iphone in modo che la scritta dell'anno sia posizionata più in alto proprio sotto lo schermo, il giorno e il numero nella stessa posizione ma non devono superare il centro dello schermo(cioè all'altezza dell'immagine delle foglie) e il mese subito sotto ma in modo che sia allineato a destra e non a sinistra sotto il giorno. Non ho mai usato il css quindi spiegatemelo nei dettagli senza consigli perche tanto non saprei inerpretarli XD.grazie mille.


Immagine http://db.tt/6DBnlV


CODICE

/* Calendar Position */



#calendar{

        text-align: right;

        width: 320px;

        position: absolute;

        top: 0px;

        left: 0px;

}



#calendar #week {

        font-size: 16px;

        line-height: 17px;

        letter-spacing: 0px;

        position: absolute;

        text-align: left;

        width: 110px;

        height: 17px;

        

font-family: STHeitiTC-Medium;

        font-weight: lighter;

        opacity: 0.0;

        left: 124px;

        top: 385px;

}



#calendar #day {

        font-size: 18px;

        line-height: 44px;

        letter-spacing: 0px;

        position: absolute;

        text-align: right;

        width: 320px;

        height: 44px;

       

font-family: STHeitiTC-Medium;

        font-weight: lighter;

        opacity: 0.9;

        right: 30;

        top: 35px;

}



#calendar #month {

        font-size: 16px;

        line-height: 18px;

        letter-spacing: 0px;

        position: absolute;

        text-align: left;

        width: 110px;

        height: 18px;

       

font-family: STHeitiTC-Medium;

        font-weight: lighter;

        opacity: 0.0;

        text-transform: uppercase;

        left: 125px;

        top: 368px;

}



#calendar #year {

        font-size: 44px;

        line-height: 18px;

        letter-spacing: 0px;

        position: absolute;

        text-align: right;

        width: 87px;

        height: 44px;

       

font-family: STHeitiTC-Medium;

        font-weight: lighter;

        opacity: 0.3;

        left: 196px;

        top: 35px;

}

1 Risposte

Devi accedere o registrarti per scrivere nel forum
1 risposte