PDA

View Full Version : animate.js


..::{I AnOnImO I}::..
23-12-2002, 17:21
http://digilander.libero.it/guardiansofsosaria/

ho fatto tutto linkato giusto ma non funfa -_-

le scritte menu dovrebebro divnentare bianke quando ci passo sopra

the_al
23-12-2002, 17:47
se ho capito bene e' uno script per fare in modo che delle scritte al rollover cambino colore.

risparmio tempo e sperco di memoria usando i css :D

;)

..::{I AnOnImO I}::..
23-12-2002, 19:36
sono newbbo e n nho kapito niente ^^

thelyn
23-12-2002, 20:11
in sostanza: impara ad usare i css :)

..::{I AnOnImO I}::..
23-12-2002, 20:44
ke sono i css?

the_al
23-12-2002, 23:39
allora CSS sta per Cascading Style Sheet .

grazie ai style sheet sei in grado di definire al meglio una scritta per esempio definire la grandezza in pixel. (e tanto altro ancora)

la grande comodita secondo me sta nel fatto di sare un file esterno .css e usarlo per tutto le pagine. cosi facendo non bisogna definire le scritte con <font> e la pagina risulta meno pesante.

eccoti un esempio di un style sheet

<html>
<head>
<title>StyleSheet Example</title>
<style type="text/css">
body {
font-family: arial;
font-size: 12px
}
</style>
</head>
<body>
scritta formattata senza l'uso dei tag font
</body>
</html>


qui abbaimo definito grazie ai css che tutto il testo della pagina venga visualizzato in arial 12pixel.

esistono vastissime possibilta con i css , percui ti consiglio di comperare un libro o di leggerti alcuni tutorial a riguardo.

(ma prima prova a imparare l'html :D)

:hello:

the_al
23-12-2002, 23:47
ecco alcuni link sui css :

REFERENCE CSS 1 (html.it) (http://forum.html.it/forum/showthread.php?s=&threadid=361775)

Guida CSS 1 (html.it) (http://www.html.it/css_old/)

buono studio :)

..::{I AnOnImO I}::..
24-12-2002, 12:34
thx, mi basta ke mi facciano diventare i link vbianki quando ci passo sopra kol mouse ^^

..::{I AnOnImO I}::..
24-12-2002, 13:05
<html>
<head>
<style type="text/css">
A:hover { color: white }
</style>
</head>
</html>


ma dove l odevo mettere?

the_al
24-12-2002, 13:27
beh allora fai cosi

togli questa roba


<body bgcolor="#000000" text="#E3BB7D" link="#000000" vlink="#000000" alink="#000000">


e lo rimpiazzi con un semplice <body>.


poi, in <head> (dove vuoi basta che si nel head) aggiungi questo

<style type="text/css">
a:link {text-decoration: none; color: #E3BB7D}
a:visited {text-decoration: none; color: #E3BB7D}
a:hover {text-decoration: underline; color: #FFFFFF}
body {background: #000000; color: #E3BB7D}
</style>


ho notato pero , che tu hai gia definito il colore/font dei link e non credo che con i css funzioni corretamente.

se vuoi un mio parere ripulisci un po il tuo sito. :)
da quello che ho visto si preannuncia un lavoro non durissimo ma se ti impegni ce la dovresti fare :P

per dubbi c'e il forum apposta :D

(se non ti va di studiare :gha: , per usare il css qui sopra basta che togli la definizione di colore dai link e dovrebbe andare)

..::{I AnOnImO I}::..
24-12-2002, 14:02
modifcato ma nonc ambia nula, anzi č peggiorato ora vi deve il contorno viola intorno alle imamgini -_-

HELP ^^

the_al
24-12-2002, 14:37
beh e' cambiato qualcosa perche i link non sono piu sottolineati grazie ai css ;)

ora devi eliminare le definizioni di colore dai vari <font> e dovrebbe funzionare.

per i bordi basta aggiungere l'attributo border="0" , cosi ..


<img height="22" src="http://digilander.libero.it/guardiansofsosaria/serverstatus.JPG" width="65">

modificalo in ..

<img height="22" src="http://digilander.libero.it/guardiansofsosaria/serverstatus.JPG" width="65" border="0">

stesso discorso per

<img src="http://digilander.libero.it/guardiansofsosaria/guardiansofsosaria.JPG" width="603" height="54">


prova se funziona :D

..::{I AnOnImO I}::..
24-12-2002, 17:59
ora funfano perņ sol oquelli dell'index ^^

the_al
24-12-2002, 18:28
beh devi attuare lo stesso procedimento anche sulle pagine che compaiono nell'iframe.

inserisci il css, togli le definizioni dalle scritte e funziona vedrai :P

se inserisci il css in tante pagine ti consiglio di usare un .css esterno.

basta che togli il codice che hai adesso , inserisci


<link rel"stylesheet" type"text/css" href="root/style.css">


nel head della pagina. naturalmente devi cambiare la locazione del file (inserisci nel notepad il codice senza il <style> e salvi con .css)

oppure puoi usare il @import ma non so bene come funzioni

con il link dovresti essere a posto cmq :D

:hello: