![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] G5cJvhM](https://2img.net/h/i.imgur.com/G5cJvhM.png)
Φόρουμ![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] Df411](https://i.servimg.com/u/f41/14/31/03/27/df411.gif){kind=small}
![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] Dg21010](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/dg21010.gif){kind=small}
![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] Fg11110](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/fg11110.gif){kind=small}
1![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] Empty](https://2img.net/i/empty.gif)
Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] 24/2/2013, 09:04
Mastersly
![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] FdoAT](https://i.imgur.com/fdoAT.png)
Post : 68
Ηλικία : 31
Τόπος : Kos
Γεια σας
Σήμερα θα σας δείξω πως να μετακινήσετε το Logo όταν βάζεις το mouse πάνω του.
Όπως αυτό
Κανονικό
![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] 800_a_28](https://i.servimg.com/u/f15/17/34/84/29/800_a_28.png)
όταν βάζο το mouse πάνω
![Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB] 800_a_29](https://i.servimg.com/u/f15/17/34/84/29/800_a_29.png)
Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
Βάζετε τον παρακάτω κώδικα
Σήμερα θα σας δείξω πως να μετακινήσετε το Logo όταν βάζεις το mouse πάνω του.
Όπως αυτό
Κανονικό
όταν βάζο το mouse πάνω
Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
Βάζετε τον παρακάτω κώδικα
- Κώδικας:
#pun-logo {
float: left;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
background-repeat: no-repeat;
}
#pun-logo:hover {
-webkit-transform:translate(220px);
-moz-transform: translate(120px);
-o-transform:translate(220px);
}
#pun-logo:active {
-webkit-transform:scale(0.90);
-moz-transform:scale(0.90);
-o-transform:scale(0.90);
}
