Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

Πρόγραμμα για Css που μετακινεί το logo

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Λύθηκε Πρόγραμμα για Css που μετακινεί το logo

Δημοσίευση από Scarlet D. Την / Το Τρι Απρ 05, 2016 11:59 pm

Πληροφορίες Προβλήματος

Μορφή Φόρουμ : PunBB
Βαθμός Μέλους : Ιδρυτής
Εμφανίζεται σε : Mozilla Firefox, Google Chrome
Εικόνα Προβλήματος :
Eικόνα Προβλήματος:
http://i68.tinypic.com/6eorw1.png

Το πρόβλημα αφορά : Όλα τα μέλη
Εμφανίστηκε : Απο τότε που έβαλα το Script
Ενεργός σύνδεσμος link του φόρουμ : http://onepiecegr.forumgreek.com/forum

Περιγραφή Προβλήματος

είχα βρει ένα πρόγραμμα το οποίο βάζει οποιαδήποτε εικόνα θέλω να έχει εφέ scrolling. ορίστε τον

Κώδικας:
#pun-logo {
  width: 10px;
height: 10x;
background: url(http://i63.tinypic.com/fn4lcy.png) repeat-x;
-webkit-animation: backgroundScroll 50s linear infinite;
animation: backgroundScroll 50s linear infinite;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0px 0;}
to {background-position: -3330px 0;}
}
 
@keyframes backgroundScroll {
from {background-position: 0px 0;}
to {background-position: -3330px 0;}
}

Το σκριπτ έχει τα εξείς 2 προβλήματα
Όταν δεν υπάρχει Logo ήδη στο φόρουμ δεν βγάζει την εικόνα που έχω βάλει να κάνει scroll καθόλου ,έτσι και έβαλα μια transparent εικόνα οπότε τώρα είναι όπως φαίνεται στην εικόνα που σας έστειλα: εμφανιζει κατω κατω τα πρωτα 5-6 pixel ολου του banner


edit: ακυρο ακυρο το εφτιαξα, τροποποιησα λιγο τον κωδηκα για να ταιριαζει και δουλευει ωραια

Κώδικας:
#pun-intro.clearfix {
max-height: 360px;
padding-right: 300px;
margin-right: 0px;
background: url('http://i68.tinypic.com/30ccb9k.png') repeat-x;
-webkit-animation: backgroundScroll 50s linear infinite;
animation: backgroundScroll 50s linear infinite;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0px 0;}
to {background-position: -3330px 0;}
}
 
@keyframes backgroundScroll {
from {background-position: 0px 0;}
to {background-position: -3330px 0;}
}

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 20
Τόπος : ? ? ?
Δημοσιεύσεις : 169

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Πρόγραμμα για Css που μετακινεί το logo

Δημοσίευση από Nemo Την / Το Τετ Απρ 06, 2016 8:53 pm

To θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.

Nemo
Υπεύθυνος Φόρουμ

Υπεύθυνος Φόρουμ

Άντρας
Τόπος : Αθήνα, Ελλάδα
Δημοσιεύσεις : 1069

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!