EDGUY
29-06-2011, 11:22
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 la riga del giorno ma in modo che sia allineato a destra e non a sinistra sotto il giorno, un'allineamento complessivo a zig zag. Non ho mai usato il css quindi è meglio spiegarmelo nei detragli senza consigli perche tanto non saprei inerpretarli XD.
Immagine http://db.tt/6DBnlVY
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;
}
Immagine http://db.tt/6DBnlVY
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;
}