Πώς στο καλό γίνεται αυτό; Με τις διαστάσεις έχει να κάνει, αλλά ποιο αρχείο πειράζω και τί διαστάσεις βάζω;
Έχεις πειράξει κάτι; Μόλις το δοκίμασα, φρέσκο screenshot, τα ίδια...
Κατεβασε τα, κ δες πως σου φαινεται
Θα χρειαστει να κανεις τα εξης :
στο LockBackground.html, βρες την ομοια σειρα και καντην ετσι (η 6η σειρα ειναι)
<img src="Images/Overlay.png" style="position:absolute; top:375px; left:0px; width:320px; z-index:10;">
και στο Style.css, αλλαζεις τα ομοια με τα εξης;
/*----------------------------- TOUCHLAYER ---------------------------------------------------*/
#TouchLayer{
background:url('Images/blank.png') center no-repeat;
background-size: 320px 85px;
position:absolute; top:375px; left:0px; width:320px; height:85px; z-index:100;
}
/*----------------------------- CLOCK/CALENDAR/WEATHER ---------------------------------------------------*/
#info {
position:absolute; top:355px; left:0px; width:320px; height:85px; z-index:30;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-in;
-webkit-animation-fill-mode: forwards;
}
/*----------------------------- FORECAST ---------------------------------------------------*/
#forecast {
position:absolute; top:380px; left:320px; width:320px; height:85px; z-index:30;
opacity: 1;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-in;
-webkit-animation-fill-mode: forwards;
}
αντεγραψε τα οπως ειναι, δεν χρειαζεται να πειραξεις τιποτε αλλο, τα αλλα τα αφηνεις οπως ειναι