Css, help me onmouseover!

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Css, help me onmouseover!

Δημοσίευση από emphasy » 03 Αύγ 2005 12:05

Pws mporw na kanw kati paromoio me to menu autou tou site:

http://www.komodomedia.com/ kai parathrhsa, pws ths eikones tis eixe mazi :think: ?

1auto , an 3erei kapios na mou pei... thank you!

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Css, help me onmouseover!

Δημοσίευση από emphasy » 03 Αύγ 2005 16:21

Kapoios ? Mpa...

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Css, help me onmouseover!

Δημοσίευση από emphasy » 03 Αύγ 2005 16:39

Mipws ginete me tpt ":hoover" ?

Κώδικας: Επιλογή όλων

a#home:hover { background-image: url(/d/imagemap/»
   images/homeglow.jpg); } 

Fouli_B
Δημοσιεύσεις: 271
Εγγραφή: 10 Ιαν 2004 12:23
Τοποθεσία: θεσσαλονίκη
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από Fouli_B » 03 Αύγ 2005 19:58

Εικόνα

Άβαταρ μέλους
MichalisS
Honorary Member
Δημοσιεύσεις: 2372
Εγγραφή: 03 Ιαν 2005 23:50

Css, help me onmouseover!

Δημοσίευση από MichalisS » 03 Αύγ 2005 19:59

Ένας απλός τρόπος είναι με Dhtml!
Δες και εδώ για βοήθεια στον κώδικα για να συγχρονίσουν οι εικόνες!

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από ThyClub » 03 Αύγ 2005 20:03

Γιατί δεν κοιτάς λίγο τον κώδικα της σελίδας και κατέβασε και το css της:


http://www.komodomedia.com/includes/the ... s/body.css
http://www.komodomedia.com/includes/the ... ss/nav.css

Κώδικας: Επιλογή όλων

 <!-- BEGINNING OF THE MAIN PAGE NAVIGATION -->
    <a id="main-nav-home" class="main-nav focused" title="homepage" href="/">home</a> 
  <a id="main-nav-blog" class="main-nav" title="blog" href="/blog">blog</a> 
  <a id="main-nav-portfolio" class="main-nav" title="portfolio" href="/portfolio">portfolio</a> 
  <a id="main-nav-about" class="main-nav" title="about komodo media" href="/about" >about komodo 
  media</a> <a id="main-nav-contact" class="main-nav" title="contact me" href="/contact">contact me</a> 

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Css, help me onmouseover!

Δημοσίευση από emphasy » 03 Αύγ 2005 20:52

Eda3ei, evgala akrh peripou! thnx pantws :D

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από cherouvim » 03 Αύγ 2005 21:32

Η λύση βρίσκεται στο link του Fouli_B. Η τεχνική αυτή είναι η πιο optimal λύση για το πρόβλημα αυτό. Αναφέρεται και από το List Apart ως CSS sprites και είναι ότι καλύτερο υπάρχει. Μία DHTML προσέγγιση δεν συνίσταται μιας και το pure CSS λύνει πλήρως το πρόβλημα.

Fouli_B
Δημοσιεύσεις: 271
Εγγραφή: 10 Ιαν 2004 12:23
Τοποθεσία: θεσσαλονίκη
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από Fouli_B » 03 Αύγ 2005 22:11

cherouvim έγραψε:Η λύση βρίσκεται στο link του Fouli_B.
ξεροβήχω, :evil:
Εικόνα

Άβαταρ μέλους
ledraweb
Honorary Member
Δημοσιεύσεις: 1356
Εγγραφή: 13 Νοέμ 2004 11:00
Τοποθεσία: Λευκωσία

Css, help me onmouseover!

Δημοσίευση από ledraweb » 03 Αύγ 2005 22:35

με τες υγείες σου...
None Of Us Is As Smart As All Of Us!!!

Εικόνα

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από cherouvim » 04 Αύγ 2005 00:06

Ουυπς... συγνώμη Fouli, δεν είμαι εξοικειωμένος με το forum και το μάτι μου δεν πάει εκεί ακόμα. Σκέψου ότι κοιτούσα το μήνυμα σου για 60 δευτερόλεπτα και προσπαθούσα να καταλάβω τι εννοείς :)

Fouli_B
Δημοσιεύσεις: 271
Εγγραφή: 10 Ιαν 2004 12:23
Τοποθεσία: θεσσαλονίκη
Επικοινωνία:

Css, help me onmouseover!

Δημοσίευση από Fouli_B » 04 Αύγ 2005 00:14

σε συγχωρώ, έστι και αλλιώς το φύλο σαν υποσημείωση φαίνεται κάτω από το avatar. θα συνηθίσεις :hammer:
Εικόνα

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Css, help me onmouseover!

Δημοσίευση από emphasy » 04 Αύγ 2005 01:06

@cherouvim, egw pali apo edw to pira http://www.alistapart.com/articles/imagemap/ ;-) Peripou to idio einai!

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Css, help me onmouseover!

Δημοσίευση από skeftomilos » 04 Αύγ 2005 04:59

Ωραία τα links παίδες! :D
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες