Button σε site

[fidolos]

Ρε παιδια εχω ενα site και δεν μπορω να καταλαβω ενα πραγμα με τιποτα. Εχω παρει ενα template και κατω απο το αρθρο εχει ενα κουμπι (σαν εικονα ομως) read more. Οταν περνας το mouse over απο την εικονα, αυτη αλλαζει και περνει αλλο χρωμα. Εγω ηθελα να αλλαξω την εικονα με μια μεγαλυτερη "Διαβαστε ολο το αρθρο". Τετοιες αλλαγες εχω κανει πολλες φορες σε sites γιατι εχει πχ 2 εικονες readm.jpg και readm_mouseover.jpg, τις αλλαζω με αυτες που θελω στο ιδιο ονομα και ολα οκ.

 

Αυτο που βλεπω τωρα ειναι οτι οταν ανοιγω την εικονα σε νεα καρτελα βλεπω οτι ολες οι επιλογες εμφανισης ειναι στο ιδιο αρχειο και μια φορτωνει το επανω επανω μια το απο κατω κλπ. Υπαρχει καποιος τροπος και παιρνει τις συντεταγμενες ΜΕΣΑ στην φωτογραφια?

 

Για γινω πιο σαφης ας πουμε οτι γραφει ενα κουμπι text και οταν κανεις mouse over εμφανιζεται και ενα κοριτσι πριν το text. Μεχρι εδω νομιζα οτι ειναι 2 διαφορετικα αρχεια φωτογραφιων. Οταν το ανοιγω ομως βγαινει μια φωτο οπως παρακατω.

http://dioanad.info/ghiduri/butoane_web_inkscape/buttons_splash.png

 

 

 

Εγω πως μπορω να βαλω μια εικονα "διαβαστε ολο το αρθρο" (εστω και χωρις mouseover) ή εστω ενα link κειμενου που να λεει "διαβαστε ολο το αρθρο" .

 

 

Υ.Γ. Θα μου πει καποιος γιατι δεν κανω φωτοσοπ και να σβησω το read more και να το κανω "διαβαστε ολο το αρθρο". Δεν θελω να περιοριστω σε διαστασεις ομως. Θελω να το κανω οπως ακριβως θελω εγω.

[TheELF]

http://www.w3schools.com/css/css_image_sprites.asp

 

Δηλαδή πρέπει πάλι με κάποιο πρόγραμμα να προσθέσεις την εικόνα που θέλεις ανεβάζοντας την συνολική ανάλυση και βάζοντας της νέες πλέον συντεταγμένες για να βγει η δική σου εικόνα.

 

Το να βάλεις ένα απλό λινκ από κάτω είναι ποιο απλό

http://www.w3schools.com/html/html_links.asp

αλλά πρέπει να βρεις το σωστό σημείο στον κώδικα. 

[angmar]

Αυτή η εικόνα που έβαλες λέγεται sprite. Η συντεταγμένη δίνεται από την background-position (CSS)

 

πληροφορίες καλύτερα εδώ http://www.w3.org/wiki/CSS/Properties/background-position ή

εδώ https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

 

Όχι άλλο w3schools προς θεού.

[fidolos]

Σας ευχαριστω πολυ. Τα ψιλοκαταφερα.