Nwlapcug.com


estrazione colore FF0000

Come cambiare il colore del testo di un elemento

Cambiare il colore del testo di un elemento di Web non richiede una notevole quantità di competenze HTML (anche se si dovrebbe avere una certa familiarità con codifica Web) e può permettere di rendere determinato testo spiccano. Questo è particolarmente importante se si dispongono di una grande quantità di testo sulla tua pagina Web e si desidera mostrare alcuni elementi di testo.

Istruzioni

1

Accedere al server Web.

2

Fare doppio clic il file HTML che dispone il testo a cui si desidera aggiungere colore.

3

Inserire il seguente codice HTML intorno all'elemento di testo che si desidera modificare:

< FONT COLOR = "#FF0000" > qui il tuo testo < / FONT >

Sostituire "Qui il tuo testo" con il testo che si desidera assegnare un colore diverso.

4

Sostituire "#FF0000" con qualsiasi altro codice di colore HTML (vedere "Risorse" sotto).

5

Pubblicare la pagina.

Come impostare un colore di Font in CSS



CSS sta per Cascading Style Sheets. Gli sviluppatori Web utilizzano CSS per separare la struttura del loro codice HTML dalla relativa presentazione. Codice HTML può link a file CSS esterni oppure è possibile incorporare blocchi di codice CSS in ogni pagina HTML. Utilizzando i CSS aumenta la leggibilità del codice e semplifica le attività di manutenzione futura. Ad esempio, memorizzando le definizioni di colore per tutti i paragrafi in un'unica posizione, è possibile ricolorare il testo del sito Web modificando un valore di colore singolo.

Istruzioni

1

Aprire il blocco note e incollare il testo in un nuovo documento:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "l'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "l'http://www.w3.org/1999/xhtml" >

< head >

&lt;title>CSS Color Test&lt;/title>

< / head >

< style >

< / stile >

< corpo >

< / body >

< classe h1 = "red" > rosso voce < / h1 >

< classe p = "blue" > blu paragrafo </p >

< / html >

Questo crea un documento HTML che contiene un'intestazione (h1) e un paragrafo (p). Questi elementi fanno riferimento a due classi CSS denominate "rosso" e "blu".

2

Aggiungere il testo seguente sotto il tag "< style >":

. Red {colore: #FF0000;}

offenda {color: #0000FF;}

Queste classi CSS definiscono i colori rosso e blu, utilizzando la notazione esadecimale (Vedi risorse per altri colori).

3

Premere "Ctrl-S" per aprire la finestra "Salva con nome" di blocco note e digitare un nome nella casella di testo "Nome File". Aggiungere un'estensione ". html" per il nome. Ad esempio, se si desidera denominare il file "ColorTest", digitare "ColorTest.html" nella casella di testo.

4

Fare clic su "Salva". Blocco note verrà salvate il documento come un file HTML.

5

Aprire Windows Explorer. Individuare il file e fare doppio clic su. Il tuo browser per aprire e visualizzare la pagina Web. Verificare che l'intestazione è rosso e il paragrafo è blu.

Consigli & Avvertenze

  • Se avete bisogno di ulteriori colori, creare altre classi CSS. Le classi un nome qualsiasi che ti piace. Non ripetere i nomi delle classi.

Come modificare il colore di tutto il testo in grassetto in HTML

Come modificare il colore di tutto il testo in grassetto in HTML


Pagine Web scritte in Hyper-Text Markup Language (HTML) ottenere loro styling - colori, font e altri tocchi di design - dal codice Cascading Style Sheet (CSS). Utilizzando un foglio di stile, è possibile modificare il modo browser visualizzano determinati tag HTML. Ad esempio, si può dire al browser di fare tutto il testo tra i tag < forte > rossi. Poiché i tag < forte > grassetto testo nella maggior parte dei browser, questo cambierà il colore del testo in grassetto sul tuo sito Web. Se il sito utilizza tag < b > per rendere il testo in grassetto, si rivolgerebbe invece quel tag nel CSS.

Istruzioni

1

Creare un file vuoto all'interno di un programma di modifica del codice e salvarlo come un file CSS, se il tuo sito Web non dispone già di un foglio di stile. Aprire il file per ogni pagina Web nel sito Web all'interno dell'editor. Aggiungere tag < link > da includere nel vostro file CSS:

< link rel = "stylesheet" type = "text/css" href="path-to/your/stylesheet.css" / >

Se le pagine contengono già un codice simile, poi saltare questo passaggio.

2

Aprire il file CSS per il tuo sito e iniziare una nuova riga alla fine del documento. Aggiungere il codice riportato di seguito:

forte {colore: #ff0000;}

Questo codice CSS cambierà ogni istanza del tag < strong > al rosso, quindi tutto il testo tra i tag < forte > apparirà rosso. Modificare il codice di colore per il codice di un colore che si desidera utilizzare. Sostituire "forte" con "b" Se il tuo sito utilizza i tag < b > per applicare il grassetto al testo. Salvare il file CSS.

3

Caricare il tuo sito Web in un browser, quindi controllare per vedere se il testo in grassetto è la visualizzazione nel colore scelto. Se il testo in grassetto non è il colore giusto, tornare al file CSS e cambiare a simile a questa:

forte {colore: #ff0000! important;}

Il tuo sito sia già stili impostati per testo in grassetto, in un'altra parte del file CSS, o direttamente nel tag HTML. Cosiddetto "stili inline" applicati direttamente ai tag nel file HTML sono data la preferenza dal browser, da qui il termine "cascata". La dichiarazione di "importante" sostituirà tutte le altre regole CSS.

Consigli & Avvertenze

  • Il tag < b > è considerato obsoleto. Utilizzare il tag < strong > per testo in grassetto in HTML. Maggior parte dei tag < forte > stile del browser in grassetto per impostazione predefinita. Evitare l'uso di CSS - uso dei CSS all'interno dei tag HTML - per mantenere gli stili del sito gestibile e per evitare conflitti di codice che producono risultati dispari stile in linea.

Effetti di colore Cool HTML Font



Quando si crea un sito Web in linguaggio di markup ipertestuale, noto anche come HTML, è possibile avere come molte opzioni di colore possibile. È possibile regolare il colore del testo in diversi modi, che interessano l'intero documento o soli parti di esso.

Colorare l'intera pagina

Se si desidera modificare il colore di tutto il testo in una pagina web, questo è il comando da utilizzare. Modificare il tag < BODY > < corpo testo = "green" >. Sostituire "verde" con qualsiasi colore che si desidera.

Disegni da colorare parole specifiche

Per colorare specifiche parole o paragrafi, il tag font funziona bene. Per utilizzarlo, iniziare la sezione di testo che si desidera modificare con il tag < FONT COLOR = "red" >. Questo è chiamato un tag aperto, e rende tutto il testo rosso fino a quando si inserisce il tag < / FONT > alla fine del testo si desidera colorata. Usate questo tag per un'intera sezione, una frase o anche una sola parola.

Parole multicolore

È anche possibile utilizzare il tag font per creare una parola multicolore. Richiede la codifica più per modificare ogni lettera, ma il risultato può essere colorato e divertente. Ad esempio, per creare la parola "Arcobaleno" in diversi colori, si inserirà il codice come questo: < FONT COLOR = "red" > R < / FONT >< colore carattere = "arancione" > A < / FONT >< colore del carattere = "giallo" > ho < / FONT >< colore carattere = "green" > N < / FONT >< colore carattere = "blue" > B < / FONT >< colore carattere = "viola" > O < / FONT >< colore carattere = "red" > W < / FONT >

Codici esadecimali

Immettere un nome per i colori fornisce opzioni limitate. Per ulteriori opzioni, web designer spesso utilizzano un codice esadecimale, o codice esadecimale, al posto di ortografia fuori il nome di un colore. Questo codice inizia con il simbolo di numero ed è seguito da un codice a sei cifre per un colore specifico. Ad esempio, #FF0000 è primo rosso, #480000 è rosso scuro e #B80000 è rosso medio. Utilizzano lo stesso formato di tag di tipo di carattere: < FONT COLOR = "#FF0000" > R < / FONT >.

Ci sono 216 colori scelte disponibili utilizzando codici esadecimali, che consentono maggiore controllo creativo.

Come modificare il colore di Div al passaggio del mouse

Tag DIV (abbreviazione di "divisione") definire una sezione di un documento HTML e sono spesso utilizzati in combinazione con i CSS per creare il layout di base di un sito Web. Un DIV può essere stile utilizzando i CSS per definire i margini, padding, bordi, allineamento o sfondo colore testo. È inoltre possibile eseguire tricks più avanzati utilizzando i CSS, come cambiare il colore di sfondo del DIV quando l'utente posiziona il cursore del mouse su esso.

Istruzioni

1

Aprire il documento di pagina Web in un editor di testo.

2

Fare clic per posizionare il cursore di testo su una riga vuota tra la "< HEAD >" e "< / HEAD >" tag.

3

Tipo "< style type = ' text/css' >" e premere "Invio". Si tratta di uno script CSS tag di apertura.

4

Tipo "#div1:hover {background-color: #ff0000;}" e premere "Invio". Questo stili un contenitore DIV con ID "div1" per modificare il colore di sfondo a "#ff0000" (un valore di colore esadecimale) quando viene attivato lo stato "hover", ad esempio quando un cursore del mouse è posizionato sopra la DIV. I valori di "#ff0000" ID "div1" e colore di sfondo possono essere modificati secondo necessità.

5

Digitare "< / stile" > per chiudere il tag di script CSS.

6

Fare clic per posizionare il cursore di testo su una riga vuota tra la "< BODY >" e "< / BODY >" tag.

7

Tipo "< DIV ID ="div1">" e premere "Invio" per creare un DIV contenitore con il valore di ID di "div1." Se qualcosa di diverso nel passaggio 4 è stato modificato il valore dell'ID, l'ID deve essere cambiato per lo stesso valore qui.

8

Digitare o incollare qualsiasi contenuto per essere contenuti in DIV, quindi premere "Invio".

9

Tipo "< / DIV" per chiudere il contenitore DIV.

10

Fare clic su "File" e "Salva" per salvare il documento di pagina Web.

Come cambiare un colore di HR

Un tag "< HR >" crea una linea orizzontale che viene in genere utilizzata per separare il contenuto in una pagina web. Senza qualsiasi tag di stile aggiunto, la linea è nera e non si adatta particolarmente bene con la maggior parte dei disegni pagina web. Fortunatamente è possibile modificare lo spessore della linea, allineamento, larghezza e colore per abbinare il vostro sito web design. Per modificare il colore della linea orizzontale, è possibile utilizzare la proprietà di «colore» di HTML, ma a causa delle differenze in come i browser web esegue il rendering del tag < HR >, inoltre sarà necessario definire le proprietà di Cascading Style Sheets (CSS) "altezza" e "background-color".

Istruzioni

1

Aprire il documento di pagina web in un editor di testo o HTML. Per aprire il documento utilizzando l'editor di testo di Windows nativo, cliccate destro sul file, quindi fare clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad", quindi fare clic su "OK".

2

Fare clic per posizionare il cursore tra le "< BODY >" e "< / BODY >" tag nel documento. Premere "Barra spaziatrice" per creare una riga vuota.

3

Tipo "< hr" e premere "Spacebar". Questo crea l'apertura del tag regola orizzontale. A differenza di molti altri tag HTML, il tag "< HR >" è singolare e non richiede un tag di chiusura.

4

Tipo "style =' altezza: 1px;" e premere "Spacebar". Questo crea l'attributo di "stile" per il tag "< HR >", che permette di inserire le proprietà di stile CSS. Sostituire la "1" nella proprietà "height" con l'altezza della linea orizzontale in pixel. L'altezza deve essere un pixel o più.

5

Tipo "color: #FF0000;" e premere "Spacebar". Questo definisce la proprietà "color" CSS come "#FF0000" che è il valore esadecimale del colore rosso. Sostituire il valore esadecimale del colore con il valore della vostra scelta.

6

Tipo "background-color: #FF0000;' > "e premere"Invio". Questo definisce la proprietà "background-color" CSS come "#FF0000" e viene chiuso il tag "< HR >". Sostituire il valore esadecimale del colore con lo stesso valore digitato nel passaggio precedente. I valori di colore esadecimali devono essere lo stesso per il "colore" e il "background-color" Proprietà eseguire il rendering correttamente in tutti i browser web.

7

Fare clic sul menu "File", quindi fare clic su "Salva" per salvare il documento di pagina web.

Codice HTML per modificare i colori in WordPress

www.nwlapcug.com | 520: web server restituisce un errore sconosciuto

Errore 520 Ray ID: 26d46675f66314a9 • 2016-01-31 09.30.52 UTC

Web server restituisce un errore sconosciuto

Si

Browser

Lavorando
Amsterdam

CloudFlare

Lavorando
www.nwlapcug.com

Host

Errore

Cos'è successo?

C'è un problema di connessione sconosciuto tra CloudFlare e il server web di origine. Di conseguenza, non può essere visualizzata la pagina web.

Cosa posso fare?

Se sei un visitatore di questo sito Web:

Riprova tra qualche minuto.

Se sei il proprietario di questo sito:

C'è un problema tra cache di CloudFlare e server web di origine. CloudFlare monitora per questi errori e automaticamente indaga la causa. Per contribuire a sostenere la ricerca, si può tirare il log di errore corrispondente dal server web e presentare il nostro team di supporto. Si prega di includere l'ID di Ray (che è nella parte inferiore di questa pagina di errore). Ulteriori risorse di risoluzione dei problemi.



Colori HTML sono codificati utilizzando sei cifre numeriche. Ad esempio, "FFFFFF" è bianco e nero è "000000". Inserisce colore nel vostro WordPress blog o sito Web è una questione di trovare questi codici a sei cifre colore in HTML/CSS e trasformandoli in un colore che si preferisce. Ci sono molti siti che elencano tutte le possibili combinazioni di colori. Per la codifica più veloce, scegli i codici di colore prima e poi andare nella codificazione di WordPress.

Istruzioni

1

Aprire un browser e vai alla tua pagina di login di WordPress. Digitare il nome utente e la password. Clicca sul pulsante blu per il "Log In".

2

Fare clic su "Editor" nella sezione "Aspetto" nella colonna di sinistra del cruscotto WordPress.

3

Fare clic su "stylesheet. css" sotto "Stili" nel menu CSS sul lato destro della finestra. Sei nell'editor HTML/CSS.

4

Premere Ctrl + F sulla tastiera per far apparire la casella "Trova". Tipo di "colore" e fare clic sulla freccia per trovare tutte le scelte di colore nel vostro tema WordPress.

5

Modificare il codice HTML del colore per il colore desiderato. Ad esempio, per cambiare il colore al passaggio del mouse per un link, modificare

un: hover {text-decoration: underline; color: #000000;}

A

un: hover {text-decoration: underline; color: #FF0000;}

Il colore cambia da nero a rosso.

6

Ripetere il passaggio 5 con le scelte di colore nel vostro tema WordPress. Modificare i colori dei caratteri, colori di collegamento, colori intestazione, colori intestazione, piè di pagina colori, colori sidebar e colori di sfondo.

7

Fare clic sul pulsante "Update File" blu. Fare clic sul nome del tuo blog WordPress per visualizzare le modifiche.

Consigli & Avvertenze

  • Ogni colore HTML deve avere un segno "#" nella parte anteriore di esso. Correggere la codifica:
  • corpo: {background: #FFFFFF;}

Tag HTML per il colore di un collegamento ipertestuale



Durante la progettazione del sito Web, avete il controllo completo su ogni aspetto della sua presentazione, inclusi il colore dei collegamenti ipertestuali nei loro Stati diversi, dal minimo di essere premuto. Anche se è possibile utilizzare gli attributi di tag HTML semplici per determinare i colori dei collegamenti ipertestuali, fogli di stile CSS darti ancora più controllo sopra l'aspetto visivo del tuo sito Web.

Nomi dei colori

Ci sono due modi per specificare i colori in un attributo HTML. Il primo modo consiste nello specificare un nome di colore HTML, di cui ci sono 147, da aliceblue a giallo-verde. Di questi 147 colori, W3Schools.com ritiene 17 di loro base: aqua, nero, blu, fucsia, grigio, grigio, verde, lime, maroon, navy, oliva, viola, rosso, argento, teal, bianco e giallo. Quando si utilizzano nomi di colore, creare l'attributo, quindi inserire il nome del colore tra virgolette.

Esempio:

< colore del carattere = "cornflowerblue" >

Codici esadecimali

Il secondo modo per specificare un colore è utilizzare triplette esadecimali per determinare i valori di rossi, verdi e blu o RGB. Un valore di colore esadecimale inizia con un "#" ed è seguito da sei numeri, la prima coppia che rappresenta la quantità di rosso, da "00", o nessuno, per "FF", o completo. La seconda coppia rappresenta la quantità di verde, e la terza coppia rappresenta la quantità di blu. In valori esadecimali, i numeri di andare di là di numeri e sono A, B, C, D, E e F.

Esempio:

< colore del carattere = "#99AA22" >

Tag body

Gli attributi all'interno del tag di apertura < corpo > determinano l'aspetto di molti elementi in tutta la pagina Web, tra cui font volti e colori. Specificare un colore nell'attributo "link" per determinare il colore di un link intatto, nell'attributo "alink" per determinare il colore di un collegamento pressato e nell'attributo "vlink" per determinare il colore di un collegamento già visitato.

Esempio:

< corpo link = "rosso" alink = "#44AA33" vlink = "green" >

Stili CSS

È possibile utilizzare un foglio di stile interno con la lingua di fogli di stile CSS. CSS consente di ottimizzare l'aspetto del tuo sito Web, soprattutto l'aspetto dei collegamenti ipertestuali. Inserire il foglio di stile interno dopo il tuo sito < head > tag. Si noti che è possibile utilizzare solo i codici colore esadecimale con i CSS. Nell'esempio seguente, si noti il posizionamento di due punti e punto e virgola come questi deve essere perfetti per il foglio di stile alla funzione. Il "un: hover" attributo determina il colore di un collegamento come i passaggi del mouse puntatore del mouse su di esso.

Esempio:

< style type = "text/css" >

un: link {colore: #FF0000;}

a: visited {COLOR: #00FF00;}

a: hover {COLOR: #0000FF;}

a: active {COLOR: #33AA99;}

< / stile >

Come aggiungere codici colore HTML a testo

Come aggiungere codici colore HTML a testo


Quando si effettua un sito Web, il colore è una considerazione importante. A meno che non si lascia sullo sfondo la standard grigio o bianco, il testo potrebbe essere necessario essere un colore diverso dal nero per essere leggibile o semplicemente per adattarsi meglio con complesso schema di colori del tuo sito. Fortunatamente, anche se il tuo sito è il codice a mano, aggiungendo che un nuovo codice hypertext markup language colore a un blocco di testo è un processo piuttosto indolore che richiede solo una piccola quantità di codice HTML aggiuntivo per compire.

Istruzioni

1

Digitare i tag di paragrafo per il testo che si desidera includere nel documento. Questi tag dovrebbero essere uno accanto a altro, inizialmente, perché essi saranno solo circonda il testo. Pertanto, essi dovrebbe apparire come questo: < p >< / p >.

2

Digitare il testo che si desidera colorare. Questo testo deve essere compreso tra le parentesi di chiusura del primo tag di paragrafo e la parentesi di apertura del secondo: testo < p > </p >.

3

Aggiungere il seguente codice per il primo tag di paragrafo tra la "p" e la parentesi di chiusura: style = "color:". Assicurati di che includere uno spazio tra la "p" e il nuovo codice.

4

Aggiungere il colore che si desidera il testo per essere il nuovo codice, ponendolo tra i due punti e il secondo segno di virgolette. Non è necessario aggiungere uno spazio. Ci sono tre modi standard per fare questo: se si desidera rendere il testo un colore di base, è spesso sufficiente digitare nome del colore. Codici di colore possono essere trovati online presso siti quali W3Schools. Se si desidera ricercare una specifica tonalità, è possibile digitare in codice esadecimale del colore, che è un segno di # seguito da un codice di sei caratteri. In alternativa, è possibile utilizzare un valore rosso-verde-blu, utilizzando il codice rgb(0,0,0), con gli zeri sostituiti dai valori rossi, verdi e blu del colore, rispettivamente. Quale di queste due opzioni è meglio per voi dipende su cui avete o più dimestichezza con l'utilizzo. Alcuni strumenti online generano codici esadecimali e valori RGB per qualsiasi colore dato, compreso il sito Web 2CreateAWebSite. I seguenti tre esempi tradurrà in identico testo rosso: < p stile = "colore: rosso" > testo </p >< p stile = "color: #FF0000" > testo </p >< p style="color:rgb(255,0,0)" > testo </p >.

Consigli & Avvertenze

  • Un altro modo per testo di colore che usato per essere comune doveva digitare quanto segue per il primo tag di paragrafo: < p colore = "" >. Questo metodo è fase di transizione fuori uso e non sarà più supportato.

Come cambiare il colore del tipo di carattere con codice HTML

Come cambiare il colore del tipo di carattere con codice HTML


Hypertext Markup Language, o HTML, è il linguaggio di programmazione in che pagine Web sono scritte..--i browser codice leggere e interpretano per visualizzare le pagine. Originariamente, HTML permesso al programmatore di impostare il colore dei font nelle sue pagine con un tag < font >, che è ancora supportato da molti browser a partire da marzo 2011, ma in gran parte è stata gradualmente eliminata in favore di tag di "stile", parte del più grande movimento di HTML verso specificare formattazione tramite fogli di stile o CSS. Indipendentemente dal metodo che si utilizza, ci sono più opzioni per specificare il colore del font.

Istruzioni

1

Aprire il file HTML della pagina che si desidera modificare..--è possibile farlo con qualsiasi editor di testo, tra cui blocco note di Windows e TextEdit di Mac OS x.

2

Individuare la sezione del testo di cui si desidera modificare il colore. Vedi se è tra i tag font, in questo modo:

< dimensione carattere = + 2 >

Ecco il testo.

< / font >

O semplicemente tra i tag di paragrafo, in questo modo:

< p >

Ecco il testo.

</p >

Se non è all'interno di un < font >... < / font > o < p >... </p > struttura..--o se stai scrivendo questo codice da zero..--è necessario creare i tag di voi stessi. Si noti che molti attributi del tag < font > sono progressivamente fuori HTML, quindi è meglio utilizzare un attributo di "stile" CSS all'interno di un tag < p >.

3

Aggiungere un attributo di "stile" nel tag di apertura < p > o modificarlo se è già presente. La sezione di testo dovrebbe essere simile a questo:

< p stile = "colore: rosso" >

Ecco qualche testo di colore rosso.

</p >

L'attributo di "stile" può contenere molte impostazioni, ma siamo solo interessati qui in "colore". Ci sono in realtà tre modi per indicare il colore--con il nome di testo del colore, con il codice esadecimale del colore o con la tripletta di rosso, verde e blu del colore. Ad esempio, tutti e tre questi tag producono lo stesso colore:

< p stile = "colore: rosso" >

< p stile = "color: ff0000" >

< p style="color:rgb(255,0,0)" >

Che denota colori in esadecimale o con triplette RGB consente un controllo più preciso sul colore (Vedi risorse).

4

Controllare il colore di un intero stile, uno è possibile utilizzare in tutto il documento senza dover specificare nuovamente il colore ogni volta che, con l'inserimento di tag nella parte superiore del documento. Per esempio, se il testo che si desidera modificare è all'interno di un tag di paragrafo classificati, in questo modo:

< classe p = "redtext" >

Ecco qualche testo di colore rosso.

</p >

o all'interno di un tag di intestazione, in questo modo:

< h1 > qui è qualche testo di intestazione. Rendiamolo blu. < / h1 >

poi può definire il colore e altri attributi dei paragrafi "redtext" o H1 intestazioni modificando l'intestazione del tag HTML, che viene visualizzata nella parte superiore del file HTML, tra < head >... < / head > Tag..--con il codice alla ricerca di qualcosa di simile:

< head >

< style type = "text/css" >

p.RedText {color: red;}

H1 {color: blue;}

< / stile >

< / head >

È anche possibile utilizzare un tag < style > nell'intestazione per cambiare il colore di tutto il testo in un documento tranne il testo che specificamente è impostato su un altro colore:

< head >

< style type = "text/css" >

body {color: red;}

< / stile >

< / head >

Questo codice imposta tutto il testo che viene visualizzato tra le file < body >... < / body > tag venga visualizzato in rosso, a meno che le impostazioni di stile o colore dicono a comportarsi diversamente. Impostazione dei tag di stile nell'intestazione può sembrare più lavoro..--e nell'esempio precedente, che non imposta gli attributi di stile ad eccezione del colore, è..--ma rende il corpo del codice HTML del file molto più ordinato e più facile per gli esseri umani a leggere, e può in realtà significa molto meno lavoro se si utilizzano molti stili differenti con molti attributi diversi.

Consigli & Avvertenze

  • Si noti che "a capo"..--quelli tutti questi esempi di rottura in più righe..--non hanno alcun effetto reale in HTML e vengono qui utilizzati solo per rendere il codice più facile da leggere. I browser interpreterà il codice altrettanto bene se tutto nel file è su un'unica riga.
  • Come accennato nel passaggio 2, file HTML più vecchi possono specificare colore con tag < font > anziché il tag < p stile >. Questo metodo non è consigliato, ma se lo si utilizza, è possibile scegliere colori con gli stessi tre metodi come prima, in un formato leggermente diverso-- < colore del carattere = "red" >, < colore del carattere = "ff0000" > o < font color="rgb(255,0,0)" >.

Come cambiare colore link in Drupal

Come cambiare colore link in Drupal


Drupal è un sistema di gestione dei contenuti open source che fornisce strumenti di creazione e gestione di Blog, Comunità portali e siti Web personali. L'aspetto di un sito Web basato su Drupal è controllato mediante il fascio di fogli di stile CSS (CSS) e hypertext pre-processor file, comunemente chiamati un tema. Qualsiasi cambiamento nell'organizzazione visiva di un sito Web è controllato dal foglio di stile del tema. Per modificare il colore di un collegamento in Drupal, sarà necessario modificare il file CSS del tema attivato per il tuo sito.

Istruzioni

1

Eseguire il login al sito con l'installazione di Drupal utilizzando un client FTP. Fornire il nome host, nome utente e la password. Passare alla cartella "siti/tutti/themes" all'interno della directory di Drupal. Selezionare la cartella con il nome del tema è stato attivato o vuoi attivare.

2

Selezionare il file con l'estensione di file con estensione CSS..--in temi più standard verrà chiamato qualcosa di semplice, come ad esempio "stylesheet. css". Aprire il file con un editor come blocco note di testo.

3

Passare a un selettore di colore di codice esadecimale. Trovare il codice esadecimale per il colore a cui si desidera modificare i collegamenti. Comprendono una selezione di colore per: link in generale, link attivi, link già visitati e quando il mouse passa sopra un collegamento.

4

Tornare al foglio di stile aperto nell'editor di testo. Premere e tenere premuto "Ctrl" e "F", poi Inserisci la parola "link" e premere "Invio". Si dovrebbe vedere qualcosa di simile al seguente:

un: link {color: #000000; text-decoration: underline;}

a: active {color: #0000ff; text-decoration: underline;}

un: visitato {color: #008000; text-decoration: underline;}

a: hover {color: #ff0000; text-decoration: none;}

5

Sostituire tutto dopo il simbolo "#" con la hexcodes selezionata per ogni voce. Salvare il file, poi caricarlo nella stessa cartella da cui hai preso. Quando viene chiesto se si desidera sostituire la versione precedente, fare clic su "OK". Chiudere il client FTP.

Consigli & Avvertenze

  • Fare una copia di backup del file prima di modificarlo, solo nel caso.

Come cambiare il colore del testo in MediaWiki

Cambiando il colore del testo in una voce di MediaWiki può evidenziare testo importante e lo distinguono da altri testo sullo schermo. È possibile utilizzare MediaWiki codifica per farlo in tre modi: modificando il colore del testo, il colore di sfondo intorno al testo, o sia il testo e il colore di sfondo. MediaWiki utilizza il tag < span > per assegnare i colori per il testo o dello sfondo.

Istruzioni

Cambiare il colore del testo

1

Copiare e incollare < span style = "color: #FF0000" > il mio testo. < / span > nella voce MediaWiki. Questo creerà testo rosso nella voce.

2

Modificare il codice esadecimale di "#FF0000" per modificare il colore del testo. È possibile visualizzare altri codici colore esadecimale che MediaWiki accetta nella pagina "Wiki colore formattazione aiuto" meta di MediaWiki.

3

Modificare "Mio testo." il tuo testo e salvare la voce di MediaWiki per vedere i cambiamenti nel colore del testo.

Cambia colore di sfondo del testo

4

Copiare e incollare < span style = "background: #FF0000" > il mio testo. < / span > nella voce MediaWiki. Questo creerà uno sfondo rosso intorno al testo nella tua voce.

5

Modificare il codice esadecimale di "#FF0000" per modificare il colore di sfondo del testo. È possibile visualizzare altri codici colore esadecimale che MediaWiki accetta nella pagina "Wiki colore formattazione aiuto" meta di MediaWiki.

6

Modificare "Mio testo." il tuo testo e salvare la voce di MediaWiki per vedere i cambiamenti nel colore di sfondo del testo.

Modificare sia il testo e colore di sfondo

7

Copiare e incollare < span style = "color: #FFFFFF; background: #FF0000 "> il mio testo. < / span > nella voce MediaWiki. Questo creerà un testo colorato bianco su sfondo rosso nella tua voce.

8

Modificare i due codici esadecimali per modificare il colore del testo e lo sfondo del testo.

9

Modificare "Mio testo." il tuo testo e salvare la voce di MediaWiki per visualizzare le modifiche nel testo e colore di sfondo del testo.

Come scrivere codice colore in HTML

Codici colore HTML consentono di utilizzare una pletora di colori in una pagina web senza digitare in nome del colore. Si consiglia di utilizzare uno dei 256 colori web-safe nella tabella di colore, tuttavia. Questi colori sono disponibili su computer in tutto il mondo. Virando lontano da loro può produrre risultati indesiderati. Codici colore HTML sono suddivisi in esadecimale e valori RGB. I valori esadecimali sono basati su sei cifre/lettere che consiste di due gruppi ogni di rosso, verde e blu. I valori RGB sono basati su tre gruppi di numeri (tra 0 e 255), che rappresenta la quantità di rosso, verde e blu in un colore, dove 255 è il massimo e 0 è il più basso.

Istruzioni

Codice colore esadecimale

1

Tirare su un grafico di codice di colore su Internet. Trovare il colore che si desidera utilizzare sulla tua pagina web.

2

Scorrere il tag che si desidera formattare in file HTML, ad esempio:

< span > contenuto < / span >

Contenuto < p > </p >

< div > contenuto < / div >

3

Consente di inserire uno stile colore del tag, iniziando con il segno di cancelletto (#). Aggiungere i valori esadecimali che rappresentano il tuo colore. Il seguente codice di colore rende rosso il testo all'interno del tag:

< span style = "color: #FF0000;" > contenuto < / span >

< p stile = "color: #FF0000;" > contenuto </p >

< div style = "color: #FF0000;" > contenuto < / div >

4

Sostituire "FF0000" con il codice di colore che si desidera utilizzare.

Codice di colore RGB

5

Tirare su un grafico di codice di colore su Internet. Trovare i valori RGB per il colore che si desidera aggiungere.

6

Scorrere il tag che si desidera formattare in file HTML, ad esempio:

< span > contenuto < / span >

Contenuto < p > </p >

< div > contenuto < / div >

7

Aggiungere il codice di colore RGB nel tag, iniziando con "rgb" e il codice per il numero. Separare ciascuna serie di numeri con una virgola. Il seguente codice di colore rende rosso il testo all'interno del tag:

< span style="rgb(255,0,0);" > contenuto < / span >

< p style="rgb(255,0,0);" > contenuto </p >

< div style="rgb(255,0,0);" > contenuto < / div >

8

Sostituire "255,0,0" con il valore RGB che si desidera utilizzare.

Consigli & Avvertenze

  • Alcuni browser non supportano i valori RGB.

Come reimpostare i colori di sfondo automatica per HTML

Come reimpostare i colori di sfondo automatica per HTML


Durante la progettazione e il layout di una pagina Web di test, è possibile riscontrare occasioni in cui si desidera ripristinare il colore di sfondo di un contenitore per il colore di sfondo predefinito del documento. Questo è comune soprattutto quando si hanno più strati dei contenitori nidificati all'interno di uno altro. Fortunatamente, utilizzando la proprietà colore di sfondo stile HTML, reimpostare il colore di sfondo di un contenitore è un compito relativamente semplice.

Istruzioni

1

Nell'editor di testo preferito, aprire il documento HTML con il contenitore cui colore di sfondo che si desidera reimpostare.

2

Creare una nuova classe di stile con il valore esadecimale del colore di sfondo desiderato all'interno dei tag < head > del documento nel formato seguente:

< style type = "text/css" >

.defaultBackground {background-color: #FF0000}

< / stile >

Sostituire il nome preferito di colore e classe nel codice precedente.

3

Aggiungere il seguente codice per il tag < body > del documento.

classe = "defaultbackground"

4

Aggiungere il seguente codice nel tag del contenitore che si desidera resettare.

classe = "defaultbackground"

5

Salvare e pubblicare il documento HTML. Il contenitore ora verrà ripristinato il colore di sfondo predefinito del documento, non importa quale sfondo il colore del contenitore padre è capitato di essere.

Come modificare il colore di proiettile in una lista non ordinata HTML

Normalmente quando si crea una lista non ordinata in HTML, i punti elenco e il testo sia adottare lo stesso colore del testo nella pagina. Se si desidera specificare un colore diverso per i punti elenco in un elenco non ordinato nella tua pagina HTML, è possibile implementare una stringa di codice CSS in HTML per specificare il colore dei proiettili in elenco, nonché il testo nell'elenco.

Istruzioni

1

Aprire il documento HTML che si desidera modificare il colore di proiettile di un elenco non ordinato utilizzando un editor di testo o un editor HTML.

2

Aggiungere il seguente codice tra i "< head >" e "< / head >" tag nella pagina:

< style type = "text/css" >< / stile >

3

Aggiungere il seguente codice tra l'apertura e chiusura tag "< style >" appena inserita nel documento:

UL #colored-proiettili li

{

Color: #FF0000;

}

UL #colored-proiettili li span

{

Color: #000000;

}

Modificare il codice esadecimale del colore HTML che si desidera modificare i punti elenco in un elenco non ordinato di "#FF0000". Modificare "#000000" al codice colore HTML o codice esadecimale del colore della parte di testo dell'elenco. Se non si desidera modificare il testo colori specificare lo stesso colore come l'altro testo nella pagina (il valore predefinito è "#000000").

4

Aggiungere il seguente codice nella pagina dove si desidera visualizzare l'elenco non ordinato:

< ul id = "colore-proiettili" >

</UL >

Specificando l'ID di "color-proiettili" per l'elenco non ordinato, non sono interessati altri elenchi non ordinati nella tua pagina. Aggiungere l'ID di "color-bullets" di qualsiasi elenchi non ordinati per modificare i colori di proiettile per.

5

Aggiungere il codice riportato di seguito per ogni punto elenco che si desidera venga visualizzato nell'elenco, tra il "< ul >" apertura e chiusura tag:

< li >< span > Bullet testo </li >

Questo crea un proiettile nell'elenco. Sostituire "Bullet testo" con il testo del punto elenco. Continuare ad aggiungere il codice sopra riportato per proiettili come molti come si desidera venga visualizzato nell'elenco.

6

Salvare il file e caricarlo sul server.

Come fare il tuo bagliore di Font

Font incandescente è semplicemente ciò che suggerisce il nome..--effetto di un tipo di carattere che ha un incandescente. Il modo che viene creato l'effetto del tipo di carattere-bagliore è attraverso un codice HTML/CSS che si utilizza per controllare il colore, forza e abilitare i valori, che influenzano il tuo bagliore di tipo di carattere. Tutti questi elementi sono gli elementi comuni che si utilizza per creare il bagliore di tipo di carattere del testo, ma può essere accoppiati con altri codici per creare font più intenso pure.

Istruzioni

1

Aprire il documento HTML a cui si desidera aggiungere il tipo di carattere che si illumina. Copiare e incollare la seguente stringa di codice il posto nel documento di cui si desidera visualizzare il testo bagliore:

< SPAN STYLE="filter:progid:DXImageTransform.Microsoft.Glow (Color = #FF0000, forza = 5); Larghezza: 100% "> questo testo è incandescente < / SPAN >.

Il testo che si desidera bagliore dovrebbe essere dove si trova la dichiarazione "questo testo è incandescente".

2

Modificare il valore di colore sul colore che si desidera il tuo splendore il tuo testo per avere.

3

Modificare il valore di forza nel codice per che cosa si desidera che la dimensione del tuo testo in pixel per essere.

4

Impostare il valore della larghezza al 100% per ottenere i migliori risultati, anche se se il carattere appare in modo diverso come si aveva in mente, è possibile modificare questo valore finché non viene visualizzato i risultati desiderati.

5

Salvare il documento HTML e quindi riaprirlo per esaminare i risultati.

Consigli & Avvertenze

  • Rendere un'intestazione bagliore inserendo i tag di stile di intestazione intorno al codice di carattere bagliore (ad es. < h1 > bagliore tag font < / h2 >.
  • Quando si utilizza un tag style, assicurarsi che si chiude sempre il tag di stile, altrimenti il codice non funzionerà. Ad esempio, se non chiudere il tag font bagliore terminando il tag con < / SPAN >, il tipo di carattere di bagliore non funzionerà correttamente.
  • Bagliore di tipo di carattere può essere visto solo su browser Internet Explorer.

Come creare un grafico a torta Flash



Un grafico a torta Flash possono essere creato unicamente attraverso l'uso di ActionScripting. ActionScript è il linguaggio con cui è possibile controllare gli oggetti Flash, compresi suo grafico. Ciò significa che è possibile creare grafica sullo schermo in ActionScript senza mai dover disegnare qualsiasi cosa in Flash. Questo è utile per creare un grafico a torta perché le dimensioni degli oggetti devono essere calcolati matematicamente al fine di capire le dimensioni di ogni sezione del grafico. Inoltre, questo consente un maggiore controllo per l'utente, dal momento che i dati del grafico a torta possono essere portati da un file esterno, ad esempio un file XML fie.

Istruzioni

1

In Flash, vai a \"File,\" \"New,\" e creare un nuovo \"Flash 2.0\ ActionScript" file.

2

Secondo clic il primo fotogramma e selezionare \"Actions\" dal menu di scelta rapida per far apparire la finestra di editor di ActionScript.

3

Copiare e incollare il seguente codice ActionScript. Questo codice carica nei dati grafico a torta da un XML esterno che verrà creato successivamente:
Stop)
VAI
XMLFile = nuovo XML
VAI
xmlfile.onLoad = parseData
VAI
pieColors =]
VAI
pieValues =]
VAI
textArray =]
VAI
Function parseData(success) () {
Se {(successo)
per (var k = 0; k < xmlfile.childNodes.length; k + +) {
Se (xmlfile.childNodes[k].nodeName = = \"pieData\") {
var nodePieData = xmlfile.childNodes[k]
VAI
pausa
VAI
}
}

per (var k = 0; k < nodePieData.childNodes.length; k + +) {
Se (nodePieData.childNodes[k].nodeName = = \"pie\") {
nodePie = nodePieData.childNodes[k]
VAI
pieColors.push (parseInt (nodePie.attributes.color, 16))
VAI
per (var p = 0; p < nodePie.childNodes.length; p + +) {
Se (nodePie.childNodes[p].nodeName = = \"value\") {
pieValues.push (parseInt (nodePie.childNodes [p] .firstChild, 10))
VAI
}
Se (nodePie.childNodes[p].nodeName = = \"text\") {
textArray.push(nodePie.childNodes[p].firstChild)
VAI
}
}
}
}
Delete(XMLFile)
VAI
Play)
VAI
}
}
XMLFile.Load(\"pieData.xml\");

4

Nella timeline, secondo clic telaio 2 del filmato e selezionare \"Create Blank Keyframe\" dal menu contestuale. Aprire la finestra azioni e copiare e incollare il codice ActionScript seguente per definire le dimensioni della fetta del grafico a torta:
itemArray =]
VAI
sliceArray =]
VAI

bbx0 = 400
VAI
bby0 = 80
VAI
piex0 = 180
VAI
piey0 = 180
VAI

per (var k = 0; k < pieColors.length; k + +) {
attachMovie (\"pie3d\", \"pie\"+k, k + 1)
VAI
attachMovie (\"BBclip\", \"bb\"+k, k + 300)
VAI
sliceArray.push(this[\"pie\"+k])
VAI
itemArray.push(this[\"bb\"+k])
VAI
con (this[\"pie\"+k]) {
x = piex0
VAI
y = piey0
VAI
}
con (this[\"bb\"+k]) {
y = bby0+(300*k/pieColors.length)
VAI
x = bbx0
VAI
XScale = 70
VAI
yscale = 70
VAI
}
this[\"bb\"+k].ID = k
VAI
}

5

Nella linea temporale, selezionare il terzo fotogramma del filmato e creare un fotogramma chiave vuoto. Aprire la finestra azioni e copia-incolla questo bit finale di ActionScript che crea una leggenda colorata sul lato grafico a torta:
Stop)
VAI

Temp = 0
VAI
somma = 0
VAI
per (var k = 0; k < pieValues.length; k + +) {
somma + = Number(pieValues[k])
VAI
Se (pieValues [k] > temp) {
Temp = pieValues [k]
VAI
maxIndex = k
VAI
}
}

ang0 = 90
VAI
Indice = maxIndex
VAI
per (var count = 0; count < pieValues.length; count + +) {
Se (Indice > = pieValues.length) {
Indice = pieValues.length
VAI
}
valore = pieValues [Indice]
VAI
angOffset = valore360/somma
VAI
clip2 var = sliceArray [Indice]
VAI
con {(clip2)
percentValue = int (valore
100/somma)
VAI
Visualizza (ang0, ang0 + angOffset)
VAI
setHue(pieColors[index])
VAI
Se (ang0 < 270) {
profondità = 10-count
VAI
} else {
profondità = conteggio 10 +
VAI
}
swapDepths(depth)
VAI
}
ang0 + = angOffset
VAI
Indice + +
VAI
}

per (var k = 0; k < pieValues.length; k + +) {
.txt.text itemArray [k] = textArray [k] + \ ": \"+pieValues[k]
VAI
itemArray[k].setHue(pieColors[k])
VAI
}

6

Vai alla \"File,\" \"Save come... \" e salvare il file in una directory si può ricordare.

7

Aprire un editor di testo (blocco note su Windows o TextEdit su Mac farà) e copia-incolla il seguente codice XML, che definisce l'elemento i nomi e i valori per il grafico a torta (è possibile modificare tutto ciò che è nella \ "< valore > \" e \ "< testo > \" sezioni per l'etichetta e la quantità degli elementi del grafico a torta):
<? xml version=\"1.0\"? >
< pieData >
< torta colore = \ "FF0000\" >

&lt;value>100&lt;/value>
&lt;text>Item 1 &lt;/text>

< / pie >
< torta colore = \ "00FF00\" >

&lt;value>150&lt;/value>
&lt;text>Item 2&lt;/text>

< / pie >
< torta colore = \ "0000FF\" >

&lt;value>50&lt;/value>
&lt;text>Item 3&lt;/text>

< / pie >
< torta colore = \ "FFFF00\" >

&lt;value>20&lt;/value>
&lt;text>Item 4&lt;/text>

< / pie >
< torta colore = \ "FF00FF\" >

&lt;value>80&lt;/value>
&lt;text>Item 5&lt;/text>

< / pie >
< / pieData >

8

Vai alla \"File,\" \"Save as\" e spostarsi nella directory che è stato salvato il file Flash. Digitare \"pieData.xml\" come nome del file e fare clic su \"Save.\"

9

In Flash, vai a \"Control,\" \"Test Movie\" per testare il tuo film. Si dovrebbe vedere un grafico a torta con codifica a colori con una leggenda sul lato che mostra le etichette e i valori che inserito nel file XML in Step 7.

La dimensione del carattere per una casella di Input

La dimensione del carattere per una casella di Input


Il tag < input > è un componente di un modulo HTML. È possibile definire un numero di oggetti, tra cui i pulsanti di opzione, presentazione pulsanti, caselle di controllo e campi di testo. Un campo di testo è una casella modificabile che consente a un visitatore di inserire i dati prima di inviare il modulo. Unstyled, tutto il testo di input predefinito di contenitori per un insieme di caratteristiche simili.

Caratteristiche predefinite

Senza alcuna formattazione applicata, una casella di testo utilizzando il tag di input saranno circa 20 pixel di altezza e 175 pixel di larghezza. Lo sfondo dell'area di testo sarà bianco con testo nero in un font sans-serif circa 12 pixel di altezza. Questo può variare a seconda del browser; Se il browser è impostato per utilizzare una dimensione diversa o stile che utilizzerà al posto del comportamento generale. L'unico modo per ignorare l'impostazione predefinita è di impostare il proprio stile utilizzando i CSS.

Opzioni relative alle dimensioni del carattere

Utilizzare i CSS per modificare la dimensione del carattere per la casella di input, aggiungendo una voce al foglio di stile o aggiungendo l'attributo di "stile" al tag < input >. Il CSS per modificare la dimensione del testo è "font-size", e si può aumentare o diminuire il tipo di carattere in diversi modi. È possibile impostare la larghezza in percentuale, ad esempio 150 per cento per scrivere i caratteri quel grado più grande del carattere di base o il 50% per renderlo metà della la dimensione normale. È possibile impostare il tipo di carattere con un numero statico, ad esempio "20px" rendere il font 20 pixel di altezza. Le altre opzioni sono la "xx-small" attraverso i valori "xx-large". Con il valore predefinito come "mezzo", si può andare su e giù da lì per uno dei due estremi.

Modifica di testo di Input tutte le

Se si desidera che ogni zona di testo impostato con la funzione di input per lo stesso aspetto, è possibile aggiungere l'opzione "input" al foglio di stile. Per esempio, se si desidera che ogni area di testo grigio 20 pixel di altezza testo, è necessario aggiungere quanto segue al foglio di stile:

input () {
dimensione del carattere: 20px;
colore: #A8A8A8;}

È possibile modificare praticamente nulla della zona di testo utilizzando i CSS, tra cui il tipo di carattere, la dimensione della casella di testo, i bordi e il colore di sfondo. Ad esempio, per impostare il carattere di ogni area di testo in Times New Roman, la dimensione di 15 pixel, con uno sfondo nero e testo bianco si utilizzerà:

input () {
font-family: volte nuovo romano;
dimensione del carattere: 15px;
sfondo: #000000;
colore: #FFFFFF;}

Modifica di una singola casella di Input

Dire che non volete modificare ogni area di testo, quelli proprio speciale. Ad esempio, se offrite un form che dispone di opzioni per di un visitatore nome, indirizzo email, sito Web e messaggio e si desidera chiarire che l'indirizzo email è obbligatorio, che si potrebbe stile con testo di colore rosso più grande, grassetto. Invece di utilizzare "ingresso" nel tuo foglio di stile per ogni area di testo unico di stile, è possibile creare una classe chiamata qualcosa come "richiesto", quali:

annegamento {
font-weight: bold;
colore: #FF0000;
font-size: 110%;}

Il periodo prima che il nome della classe definisce come una classe. Per applicarlo alla tua casella di testo, è sufficiente aggiungere classe = "required" come in: < tipo input = "valore"text = "Indirizzo E-Mail" class = "required" / >. Classi possono essere utilizzate per più di un oggetto. È inoltre possibile aggiungere questo utilizzando l'attributo di "stile", che aggiunge CSS modifica di un singolo tag. È più sudicio ma funziona se non hai accesso al foglio di stile di una pagina. Lo stesso effetto si sarebbe incontrato con:

< tipo input = "valore"text = "Indirizzo E-Mail" style = "font-weight: bold; color: #FF0000; font-size: 110%;" / >

Codice HTML per OnMouseOver sui pulsanti



Pagine Web utilizzare funzioni JavaScript per migliorare l'interattività con gli elementi quali le forme. Moduli nelle pagine HTML possono contenere più elementi di input utente, inclusi i pulsanti. Utilizzando JavaScript, sviluppatori Web possono aggiungere un ulteriore livello di interazione dell'utente con pulsanti e altri elementi. Usi comuni di onMouseOver funzionalità coinvolgono cambiando l'aspetto di un elemento quando l'utente sposta il mouse su di esso.

Elemento Button

Pagine Web possono includere elementi button in due modi. Il tag < button > definisce un elemento button all'interno di un form HTML come segue:

< pulsante di tipo = "pulsante" id = "mybutton" > testo pulsante visibile < / button >

In alternativa, è possibile utilizzare un elemento di input HTML con il tipo di pulsante, come nel codice di esempio riportato di seguito:

< tipo input = "pulsante" value = "Testo pulsante visibile" id = "mybutton" / >

Entrambi questi vengono visualizzati in modo simile all'interno del browser dell'utente. Gli utenti possono interagire con un elemento button utilizzando clic del mouse. Il markup HTML per un pulsante determina il testo visibile che viene visualizzato su di esso, utilizzando il contenuto indicato tra i tag < button > di apertura e di chiusura o l'attributo value elencati all'interno del tag di apertura di ingresso.

Evento OnMouseOver

Per creare un effetto onMouseOver all'interno delle pagine Web, è necessario indicare al browser per ascoltare l'evento che si verifica quando l'utente sposta il mouse sopra un elemento HTML specifico. Il seguente codice di markup estesa viene illustrata l'aggiunta di listener di eventi all'elemento button, specificando una funzione JavaScript da chiamare quando si verifica l'evento:

< pulsante di tipo = "pulsante" id = "mybutton" onmouseover="onButton(this.id)" > testo pulsante visibile < / button >

Il codice passa l'attributo ID dell'elemento come parametro a una funzione JavaScript. Di seguito viene illustrato lo stesso processo per l'elemento input:

< tipo input = "pulsante" value = "Testo pulsante visibile" id = "mybutton" onmouseover="onButton(this.id)" / >

In entrambi i casi, il browser rileva l'utente rotolamento suo mouse sopra l'elemento pulsante, chiamando la funzione specificata quando questo accade.

Funzione JavaScript

È possibile definire la funzione JavaScript che si desidera eseguire sugli eventi del mouse all'interno della sezione head della pagina o uno script separato. Il contorno di funzione di esempio riportato di seguito viene illustrato l'alterare l'aspetto del pulsante quando l'utente sposta il mouse su di esso:

Function onButton(theButton) () {

Document. getElementById (theButton).style.color = "#FF0000";

}

Questo banale esempio modifica il colore di testo del pulsante, ma è possibile aggiungere tutte le funzionalità che necessarie all'interno di questa funzione JavaScript.

OnMouseOut opzione

Implementando una funzione onMouseOver spesso anche le pagine forniscono una funzione onMouseOut. L'evento mouseover si verifica quando l'utente sposta il cursore del mouse sull'elemento da una posizione esterna ad esso. L'evento mouseout si verifica quando l'utente sposta il cursore del mouse fuori l'elemento nell'area pagina esterna. Questo fornisce la capacità di ripristinare l'aspetto di un elemento quando il mouse si allontana. Nell'esempio di codice riportato di seguito può essere visualizzato all'interno dell'elemento, chiamare la funzione:

onmouseout="offButton(this.ID)"

La seguente funzione aggiuntiva viene illustrato ripristinando le proprietà di stile dell'elemento se era originariamente nero:

Function offButton(theButton) () {

Document. getElementById (theButton).style.color = "#000000";

}

Codice HTML per i bordi

Codice HTML per i bordi


Quando si sta costruendo un sito Web, si desidera assicurarsi che ha un look pulito e lucido. Se si desidera modificare i bordi di una sezione, voci di menu o un'area di contenuto, è possibile utilizzare il tag HTML di confine. Tuttavia, questo tag è estremamente limitato nelle sue capacità. CSS fornisce molto più controllo sull'aspetto del bordo. Se sei già familiarità con la sintassi HTML, modificare bordi con HTML o CSS è semplice e straighforward.

Tag HTML Border

L'attributo HTML per bordi è semplicemente "bordo = larghezza" dove devi sostituire "larghezza" con il numero di pixel di larghezza e si desidera essere il bordo. È possibile utilizzare questo attributo in combinazione con altri tag, ad esempio la tabella o il tag img. Ad esempio, per visualizzare un bordo di 10 pixel-ampio intorno a un'immagine è necessario scrivere:

< IMG

SRC="example.gif"

BORDER=10>

Stili di bordo CSS

La sintassi per uno stile di bordo CSS è "border-style: tipo" dove devi sostituire "tipo" con lo stile che si desidera utilizzare. Il tipo più comune di confine è un bordo solido, ma è anche possibile creare un bordo punteggiato o tratteggiato. Per le apparizioni più complesse, è possibile utilizzare double, groove, ridge, inset o inizio. Ad esempio, si potrebbe mettere "border-style: tratteggiata" per un bordo tratteggiato.

Colore del bordo CSS

Per impostare il colore di un bordo a un colore di base, è possibile utilizzare semplicemente il nome. Ad esempio "rosso" o "nero". Per i colori più specifiche, sarà necessario individuare il codice esadecimale o i valori RGB per il colore. È possibile specificare il colore utilizzando il tag "border-color". Ad esempio, i seguenti tre esempi tutti produrrà lo stesso colore:

border-color: black;

border-color: #000000;

colore del bordo: rbg(0,0,0);

Larghezza del bordo CSS

Anche se non vuoi i bordi che sono troppo grandi, occasionalmente si desidera un bordo moderatamente spesso. Per impostare la larghezza del bordo, utilizzare la "larghezza del bordo: #px" dove devi sostituire "#" con la larghezza in pixel da utilizzare. Ad esempio, "larghezza del bordo: 4px." In alternativa, è possibile utilizzare il preset "sottile", "medium" o "spessa".

Specificare i lati separatamente utilizzando i CSS

Se si desidera impostare i valori per i lati in modo diverso, è possibile inserire "superiore," "destra", "bottom" e "sinistra" per i tag. Ad esempio, "border-top-color: #ff0000" sarà il colore solo la parte superiore o il bordo rosso.