CSS styles...aporia giati den mou doulevei?

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

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

Απάντηση
Άβαταρ μέλους
Ethir
Δημοσιεύσεις: 294
Εγγραφή: 02 Ιουν 2002 19:30
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από Ethir » 23 Αύγ 2002 13:26

Xereto mages...
Loipon sto site mou exo valei ton parakato kodika se ksexoristo css file:
a:active { color: #FFFF99;
text-decoration: none}
a:hover { color: #0099FF;
text-decoration: none}
a:link { color: #FFFF99;
text-decoration: none}
a:visited { color: #FFFF99;
text-decoration: none}

Ta links meta doulevoun mia xara. Alla to provlima einai pos oti clickaro se ena link meta nekronei to rollover. Kai otan meta to click ksanapas pano sto idio link den doulevei to rollover alla menei to xroma idio (mallon tou visited apo ton kodika).
Iparxei kanas kodikas gia na min epireazete apo to click ton mouse kai to rollover na sinexisei na doulevei? Tin selida tin kano me Dreamweaver...

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από patriot » 23 Αύγ 2002 15:00

a:active {color:"#FFFF99";text-decoration:none}
a:hover {color:"#0099FF";text-decoration:none}
a:link {color:"#FFFF99";text-decoration:none}
a:visited {color:"#FFFF99";text-decoration:none}

Gia dokimase to etsi. Opos eides evgala ta kena pou ypirxan anamesa stis entoles kai prosthesa merika karo (#). Kai gia dokimase na vgaleis oti alles entoles exeis mesa sto body pou na exoun sxesi me link color, visited color kai loipa.

PS: Merika programmata sou vazoun san default tis entoles mesa sto body kai malista an tis vgaleis tha stis ksanavgaloun aftomatos me to pou tha kleiseis to document. Kalitera loipon na vgaleis to color apo to css mias kai pou den yparxei sketi entoli color. P.x les border color pou simainei oti to border tha exei color. Eno etsi ksekarfota ego den gnorizo sketi tetoia entoli ara mporei na einai lathos. (Oxi oti apagorevetai na kano ego lathos vevaia)
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
Ethir
Δημοσιεύσεις: 294
Εγγραφή: 02 Ιουν 2002 19:30
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από Ethir » 23 Αύγ 2002 20:47

Exo kai ena allo provlima...se merika links thelo na exoun kapio style eno se kapia alla links thelo na exoun allo style rollover...
Pos tha to kano afto...
Entaksei tha ftiakso dio css stin idia selida alla pos tha ksexorizo se pia links antistixei to ena to style kai se pia to allo???

Kita na deis pou exo trelathei me tin HTML...please help

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από patriot » 24 Αύγ 2002 02:17

Exeis 2 epiloges. Classes i elementID

Ti einai to class:
Theleis ola na einai to idio ektos as poume apo tin leksi "menu". Me to class OLA TA "MENOU" pou yparxoun stin selida(es) tha einai diaforetika

Ti einai to elementID (mia leksi = elementid).
Theleis ola na einai to idio ektos as poume apo tin leksi "menu". Me to elementid MONO OPOIO "MENOU" DIALEKSEIS ESY apo afta pou yparxoun stin selida(es) tha einai diaforetiko


To pos tha legetai to class i to element id einai diko sou thema. P.x "ethir"


O kodikas gia class
a.dialekse ena onoma {font-family:arial;font-size:10pt;}
<a href="http://www.kati.com" class="to onoma pou dialekseis (mia leksi)"></a>


O kodikas gia elementID
<style TYPE="text/css">
#elementid as poume ethirid {font-family:arial;font-size:10pt;}
Edo einai ta ypoloipa stoixeia tou css, p.x ti font exeis stin selida kai loipa
</style>

Kai mesa sto body
<body>
<div id="ethirid">Grapse edo afto pou thes na diaferei</div>
</body>


PS: Den xreiazetai na valeis 2 fores ton kodika. Ola afta tha mpoun sto idio css:

<style TYPE="text/css">
Ektos apo ta ypoloipa pou ypotithete evales idi, (link, visited link, tr, body kai loipa) yparxoun (syniparxoun) kai afta
a.onoma tou class {bla bla}
#elementid {bla bla}
</style>
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
grjava
Δημοσιεύσεις: 387
Εγγραφή: 13 Μαρ 2002 01:00
Τοποθεσία: athens
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από grjava » 24 Αύγ 2002 03:15

Για το πρώτο πρόβλημα η λύση είναι η εξής: Κατάργησε τον κώδικα που έχεις γράψει και γράψε τον παρακάτω:

<style><!-- A {text-decoration: none;}-->
<!--a:hover{color:#0099FF;}-->
</style>


Κατόπιν γράψε τα παρακάτω στο <body...>:

</HEAD>
<BODY link="#FFFF99" vlink="#FFFF99" alink="#FFFF99">


Είσαι έτοιμος..
Για το δεύτερο πρόβλημα η καλύτερη λύση πιστεύω ότι είναι τα rollover images. Δημιούργησε με κάποιο πρόγραμμα δύο εικόνες με το κείμενο που θέλεις και το background που θέλεις και κατόπιν γράψε τον παρακάτω κώδικα εκεί που θέλεις να εμφανίζετε το link:

<A href="page.html" onmouseover="roll.src=i1.gif'" onmouseout="roll.src='i2.gif'"><IMG SRC="i2.gif" NAME="roll" BORDER="0">

όπου page.html εκεί που θα οδηγεί το link, όπου roll.src=i1.gif' η πρώτη εικόνα που θέλεις να εμφανίζετε σαν link και όπου i2.gif η εικόνα που θα εμφανίζετε όταν πηγαίνεις το ποντίκι επάνω.
Δες ένα παράδειγμα στην παρακάτω διεύθυνση:
http://www.grjava.com/im.htm
Εννοείτε ότι θα ανεβάσεις τις εικόνες στην σελίδα σου...

Άβαταρ μέλους
Ethir
Δημοσιεύσεις: 294
Εγγραφή: 02 Ιουν 2002 19:30
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από Ethir » 24 Αύγ 2002 12:51

grjava έγραψε: Για το δεύτερο πρόβλημα η καλύτερη λύση πιστεύω ότι είναι τα rollover images. Δημιούργησε με κάποιο πρόγραμμα δύο εικόνες με το κείμενο που θέλεις και το background που θέλεις και κατόπιν γράψε τον παρακάτω κώδικα εκεί που θέλεις να εμφανίζετε το link:

<A href="page.html" onmouseover="roll.src=i1.gif'" onmouseout="roll.src='i2.gif'"><IMG SRC="i2.gif" NAME="roll" BORDER="0">
Distixos den mou linei to provlima afto giati to site tha ananeonete kathimerina me arthra kai alla tetia opote den mporo na kano kathimerina rollover images.
Ara anagastika tha prepei na doulepso me css styles i oti allo iparxei.Pantos to thema einai oti prepei na mporo na allazo ta links kai na min exoun ola to idio style.

Άβαταρ μέλους
Ethir
Δημοσιεύσεις: 294
Εγγραφή: 02 Ιουν 2002 19:30
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από Ethir » 24 Αύγ 2002 12:55

patriot έγραψε:Exeis 2 epiloges. Classes i elementID

Ti einai to class:
Theleis ola na einai to idio ektos as poume apo tin leksi "menu". Me to class OLA TA "MENOU" pou yparxoun stin selida(es) tha einai diaforetika

Ti einai to elementID (mia leksi = elementid).
Theleis ola na einai to idio ektos as poume apo tin leksi "menu". Me to elementid MONO OPOIO "MENOU" DIALEKSEIS ESY apo afta pou yparxoun stin selida(es) tha einai diaforetiko


To pos tha legetai to class i to element id einai diko sou thema. P.x "ethir"


O kodikas gia class
a.dialekse ena onoma {font-family:arial;font-size:10pt;}
<a href="http://www.kati.com" class="to onoma pou dialekseis (mia leksi)"></a>


O kodikas gia elementID
<style TYPE="text/css">
#elementid as poume ethirid {font-family:arial;font-size:10pt;}
Edo einai ta ypoloipa stoixeia tou css, p.x ti font exeis stin selida kai loipa
</style>

Kai mesa sto body
<body>
<div id="ethirid">Grapse edo afto pou thes na diaferei</div>
</body>


PS: Den xreiazetai na valeis 2 fores ton kodika. Ola afta tha mpoun sto idio css:

<style TYPE="text/css">
Ektos apo ta ypoloipa pou ypotithete evales idi, (link, visited link, tr, body kai loipa) yparxoun (syniparxoun) kai afta
a.onoma tou class {bla bla}
#elementid {bla bla}
</style>

File mou se efxaristo poli gia ton xrono alla den ta katalava poli kala.As poume me ton kodika pos tha ton valo mesa.Psilomperdeftika na sou po tin alithia an kai den ta dokimasa akomi. Iparxei kapios tropo na mou deikseis kapio paradeigma se selida sto internet?

Άβαταρ μέλους
hellas
Δημοσιεύσεις: 372
Εγγραφή: 15 Αύγ 2001 03:00
Τοποθεσία: Athens, Greece

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από hellas » 24 Αύγ 2002 14:10

Afto to url exei ena css tutorial gia na matheis oti xreiazetai. Einai kalo tutorial giati einai aplo kai den se mperdevei

http://otenet.html.tucows.com/designer/ ... stut1.html

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από patriot » 24 Αύγ 2002 18:33

Em tora kai 10.000 sites na exo dei den paei to myalo mou na sou po kanena. Alla kiolas den koitazo se kathe site ta css tou. Etsi gia na min se afiso ksekremasto, skeftika kai ego na sou doso ena tutorial opos o moderator apopano. Des loipon afto to url:http://www.mako4css.com/


Exo mia aporia omos. Ti den katalaves mpas kai mporeso na sto eksigiso kalitera... ? ...

PS: Eida to url pou edose prin o moderator kai se ena pragma exei dikio. Einai aplo, ta leei apla diladi, gi afto min skefteis oti kaneis agaria me to pou tha diavaseis toooosa...
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
Ethir
Δημοσιεύσεις: 294
Εγγραφή: 02 Ιουν 2002 19:30
Επικοινωνία:

CSS styles...aporia giati den mou doulevei?

Δημοσίευση από Ethir » 26 Αύγ 2002 17:42

Anyway tha tin psakso kai tha peiramatisto ligaki...thanx a lot gia tin voithia... :D

Απάντηση

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

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

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