Diva Chix

Come cancellare il mio account Diva Chix

October 21

Come cancellare il mio account Diva Chix


Se vi piace lo stile, le Diva Chix è il vostro sito. Tutte le età possono sperimentare la scelta di armadi per Diva Dolls, compresi gli stili celebrità preferita. Una volta che il Diva Doll è dotato, può sfidarsi con altre bambole Diva in una guerra di moda online. Unire il divertimento Diva Chix è ora gratuito. Anche se Diva Chix ha cessato offrendo abbonamenti a pagamento, un rappresentante della società ha notato sul sito web Diva Chix che alcuni membri hanno segnalato in fase di ricarica. Secondo le istruzioni fornite sul sito, è possibile annullare un account Diva Chix in pochi clic.

istruzione

1 Vai a PayPal.com. Inserisci il tuo numero di identificazione utente e la password per accedere al proprio account. Selezionare la scheda "Il mio account".

2 Accedere alla cronologia account. Dalla pagina account, selezionare "Storia" e "Altri filtri."

3 Vai alla sezione abbonamenti e accordo. Scegli il link "Iscrizioni". Selezionare "Dettagli" per il conto Diva Chix, poi cliccare su "Annulla abbonamento".

Come allineare contenuto all'interno di un DIV

February 19

Un DIV, che è l'abbreviazione di "divisione", viene utilizzato con i fogli di stile CSS per separare pezzi di contenuti gli uni dagli altri, comprese le immagini e blocchi di testo. Un DIV consente allo stile di alcuni contenuti separatamente dal resto del contenuto. Per tenere aggiornati i contenuti organizzati all'interno DIV, allineare il contenuto per misura il vostro layout di pagina. Usa il tuo CSS per impostare gli attributi per il DIV.

istruzione

1 Creare un DIV all'interno del documento HTML, per esempio:

< "Div id =" example ">
<H1> Benvenuti nel mio sito! </ H1>
<P> Vogliamo allineare questo blocco di testo all'interno del div. </ P>

</ Div>

Nell'esempio precedente, il DIV è etichettato come "esempio" per identificarlo nel CSS.

2 Aprire il CSS se è stato quello creato. In caso contrario, aprire un file vuoto in un editor di testo semplice.

3 Digitare:

esempio {

text-align: left;
}

Nell'esempio precedente, "esempio" è il nome del DIV e il testo è impostato per allineare a sinistra. È inoltre possibile utilizzare destra, centro e giustificare per l'attributo di allineamento.

4 Salvare il file CSS facendo clic su "Salva con nome". Digitare il nome del file desiderato nella casella Nome file e termina con "css"; utilizzare la freccia a discesa per selezionare "Tutti i file" come tipo di file. L'estensione del file CSS definisce il documento come CSS, invece di un documento di testo.

Come cancellare il testo in un div

March 3

Come cancellare il testo in un div


Ci sono molte ragioni per cui si potrebbe desiderare di offrire agli utenti la possibilità di cancellare il testo all'interno di un contenitore DIV sulla tua pagina web. Ad esempio, si potrebbe desiderare loro di essere in grado di nascondere il contenuto spoiler con il clic di un pulsante. La tua pagina web potrebbe contenere contenuti dinamici che si desidera che gli utenti siano in grado di cancellare o ripristinare. In ogni caso, è possibile cancellare il contenuto di un contenitore DIV tramite una piccola quantità di codice JavaScript.

istruzione

1 Aprire la pagina web con il contenitore DIV si desidera cancellare nel vostro editor di testo preferito.

2 Inserire il seguente codice sotto il tag del contenitore DIV in questione chiusura:

<Script type = "text / javascript">

funzione di testo in chiaro () {

document.getElementById('MyDivID').innerHTML = '';

}

</ Script>

<Input type = 'tasto' onclick = "cleartext () 'value =' Clear Text '/>

Sostituire il valore ID del vostro contenitore DIV per MyDivID.

3 Salvare e pubblicare la pagina web. Sarà ora contenere un pulsante direttamente sotto il contenitore DIV che cancellare il testo al suo interno quando si fa clic.

Che cosa è div PA in Dreamweaver?

February 8

Adobe Dreamweaver fornisce una serie di metodi per l'aggiunta di contenuto alle pagine web. Uno di questi è la divisione posizione assoluta o div PA. Questo strumento consente agli utenti di inserire il contenuto di una pagina in modo che la sua posizione rimane costante. Prima di Dreamweaver CS3 div PA erano conosciuti come "strati". Questo è un po 'fuorviante, perché molti web designer utilizzano anche Adobe Photoshop, e in quel programma il termine "strato" ha un significato completamente diverso.

Funzione

Div PA sono una variazione sul div regolari. Un Div appare in Dreamweaver come una scatola con una specifica X / Y di coordinate. Cioè, appare un certo numero di pixel dalla parte superiore della pagina e dal bordo sinistro della pagina. Quando si visualizza la pagina in un browser tuttavia, spostamenti contenuti del Div seconda della dimensione della finestra del browser. Div PA differiscono da questo in quanto fissano la posizione del contenuto in modo che rimanga l'esatta distanza dalla parte superiore e da e sinistro che specifica l'utente indipendentemente dalle dimensioni della finestra del browser.

Posizione

Div PA può essere posizionato su una pagina Web facendo clic su Inserisci dalla barra superiore strumenti di Dreamweaver, scegliere Oggetti layout dall'elenco fornito, quindi selezionando div PA. Questo pone un dialogo sullo schermo. Per posizionare la casella, spostare il cursore sulla piazza che appare nell'angolo in alto a sinistra. Il cursore si trasforma in una mano. Fare clic e trascinare per spostare il riquadro. È anche possibile impostare la casella di apparire un numero esatto di pixel dalla parte superiore e il bordo sinistro con l'aggiunta di valori nelle finestre etichettati T e L nel pannello delle proprietà nella parte inferiore dello schermo.

contenuto

Div PA può contenere qualsiasi tipo di contenuto supportato da Dreamweaver inclusi testo e immagini. Per inserire il testo in un div PA, cliccare all'interno della sua scatola e tipo. Per inserire un'immagine, fare clic e trascinare l'immagine dal pannello File nell'angolo inferiore destro dello schermo per la casella div PA nella pagina Web. Una volta che il contenuto è nella scatola si muove con il div PA, non importa dove si posiziona esso.

Dimensione

Se il contenuto è troppo grande o piccolo per il div PA, è meglio per ridimensionarla prima di posare il resto della pagina. Per stare a galla in modo che il cursore su uno degli angoli del riquadro div PA, quindi fare clic e trascinare per ridimensionare la casella. È anche possibile impostare il div PA per una larghezza e un'altezza di un determinato numero di pixel con l'aggiunta di valori nelle finestre etichettati W e H nel pannello delle proprietà.

Come rimuovere la tesi intestazione DIV

March 20

Tesi è un tema per la piattaforma di blogging WordPress che include diverse opzioni di personalizzazione per soddisfare il vostro blog. Il tema della tesi utilizza "ganci", che sono i codici che appaiono nel quadro tema e sono utilizzati per posizionare e organizzare gli elementi a tema, come ad esempio il DIV intestazione. Il DIV intestazione viene visualizzata nella parte superiore di ogni pagina e contiene il titolo del blog e il sottotitolo. Per rimuovere l'intestazione DIV, è possibile aggiungere una riga di codice alla pagina "custom_functions.php".

istruzione

1 Avviare il browser Web e digitare il dominio del sito web, seguito da "/ wp-admin /" nella barra degli indirizzi. Premere Invio."

2 Digitare il nome utente e la password nei campi di testo di WordPress login, quindi fare clic su "Login".

3 Fare clic sul collegamento "Editor" nel menu "Aspetto" sul lato sinistro del cruscotto WordPress.

4 Fare clic sul collegamento "custom_functions.php" sul lato destro della pagina "modificare i temi".

5 Fare clic per posizionare il cursore su una riga vuota sopra le "custom_bookmark_links funzione) {(" linea di codice.

6 Tipo "remove_action ( 'thesis_hook_header', 'thesis_default_header');" e premere "Invio". Questa riga di codice rimuove l'intestazione DIV.

7 Fare clic sul pulsante "Aggiorna file" nella parte inferiore della pagina per salvare il file "custom_functions.php" modificata.

Come aggiornare il testo in DIV

May 31

tag DIV in codice HTML sezioni separate di una pagina web. tag DIV separare il contenuto in modo che lo sviluppatore può applicare la formattazione specifica ad esso. A volte, lo sviluppatore potrebbe essere necessario modificare il testo all'interno di un tag DIV, un processo che non comporta la codifica.

istruzione

1 Aprite il vostro editor HTML e quindi aprire il file che contiene il testo che si desidera aggiornare.

2 Trova il testo che si desidera aggiornare. Alcuni editor HTML hanno una funzione di ricerca che permette di trovare rapidamente il testo e il codice.

3 Evidenziare il testo che si desidera modificare e iniziare a digitare. Il testo cambierà. Non toccare i tag DIV e rendere la ricerca il tag DIV restano in vigore.

4 Salva, pubblicare e chiudere il file.

Come fare un intero Div link

August 21

Come fare un intero Div link


Ci sono molte ragioni per cui si potrebbe desiderare di fare un intero contenitore div nella pagina Web in un link cliccabile. Si può avere scelto di utilizzare contenitori div stile oltre pulsanti grafici per ridurre il peso larghezza di banda della pagina. Si può essere utilizzando un contenitore un'immagine di sfondo e una sovrapposizione di testo con. In ogni caso, facendo un collegamento da un contenitore div è un processo semplice che richiede solo una piccola quantità di codice JavaScript.

istruzione

1 Aprire la pagina Web con il contenitore div che si desidera trasformare in un link cliccabile nel vostro editor di testo preferito.

2 Inserire il seguente codice nel tag del contenitore div:

onclick = "window.location = 'http: //www.yourwebsite.com';" style = "cursor: pointer"

Sostituire la vostra destinazione per http://www.yourwebsite.com.

3 Salvare e pubblicare la pagina Web. Il tuo div contenitore sarà ora un link cliccabile, con un cursore che si trasforma in un puntatore quando il contenitore passa sopra con il mouse.

Come usare div & Javascript per SEO Scopi

December 25

Anche se visto di buon occhio dai principali motori di ricerca, è possibile utilizzare un tag DIV per nascondere il contenuto di una pagina web. Tuttavia, il codice può essere posizionato nella pagina che visualizza il contenuto. Ciò richiede un'azione da parte dell'utente, come ad esempio il clic di un pulsante. Visualizzazione del testo quando si fa clic su un pulsante è fatto con JavaScript aggiunto al codice della pagina web.

istruzione

1 Aprire il Blocco note.

2 Vai a programming.top54u.com e digitare "Mostra Nascondi Div Visibilità" nel loro campo di ricerca nella parte superiore della pagina.

3 Evidenziare il codice nella sezione "Modifica questo codice e fare clic su Aggiorna per visualizzare l'output" campo. Il tasto destro del mouse e selezionare "Copia" dal menu contestuale.

4 Ritorno a Blocco note e fare clic destro nel campo di testo. Premere Ctrl + V per incollare il codice in Blocco note.

5 Individuare il tag "DIV" sotto la "<body>" sezione del codice. Change "Mostra Nascondi visibilità Div utilizzando Javascript DOM." tra i due tag div per il contenuto che si desidera visualizzare sulla tua pagina web.

6 Fare clic su "File" menu a discesa e selezionare "Salva con nome". Salvare il file con estensione HTML. Fare doppio clic sul file per verificare il codice nel browser web.

Consigli e avvertenze

  • Individuare il tag "<center>" e sostituire il testo "Value" per cambiare il nome del pulsante che gli utenti fanno clic per mostrare e nascondere il contenuto DIV.

Come centrare DIV sullo schermo

February 5

Se si desidera centrare un elemento come il testo, una foto o un tavolo sul tuo sito web, è possibile utilizzare il tag DIV HyperText Markup Language (HTML) per farlo. Il linguaggio HTML permette di formattare le pagine web utilizzando i tag. Il tag DIV permette di posizionare un elemento della pagina e, per esempio, il centro in modo che appare al centro della pagina. È possibile centrare un elemento nella tua pagina web con l'aggiunta di un tag DIV ad esso.

istruzione

1 Lanciate il vostro editor HTML o un editor di testo, come Blocco note e aprire il file HTML della pagina web che si desidera modificare.

2 Identificare nel codice HTML dell'elemento che si desidera al centro. Utilizzando un tag DIV, è possibile centrare una vasta gamma di elementi quali testo, grafica, video, tabelle o anche applet.

3 Digitare o copiare e incollare il seguente tag prima che l'elemento che si desidera dal centro:
<Div align = "center">

4 Digitare o copiare e incollare il seguente tag dopo l'elemento che si desidera dal centro:
</ Div>

5 Salvare il file HTML premendo i tasti CTRL e S contemporaneamente sulla tastiera. Ora è possibile caricare il file sul server Web utilizzando strumento di gestione dei file tuo host web o un programma FTP.

I codici HTML & Div un colpo di testa in WordPress

April 4

WordPress offre blog e siti web che utilizzano la loro codifica e la piattaforma. Se ti iscrivi per ospitare un blog su WordPress.com, si è dato un nome del blog e si può scegliere uno dei modelli libere offerte WordPress. Dopo la creazione di un sito web utilizzando i file di WordPress, è possibile modificare la codifica nell'intestazione per soddisfare le vostre esigenze sito web personale.

Individuare i codici Header

Per modificare la codifica nell'intestazione, è necessario prima di individuarlo all'interno del WordPress Dashboard. Aprire un browser Web e andare alla pagina di login di WordPress. Digitare il nome utente e la password, quindi fare clic sul blu "Log In" pulsante. Verrà effettuato l'accesso al cruscotto. Fai clic su "Aspetto" e poi cliccare su "Editor". Nella pagina "modificare i temi", verrà visualizzato un elenco dei file di modello di codifica CSS sono elencate sul lato destro. Fare clic sul file "header.php" o il file "foglio di stile" per accedere alla codifica intestazione.

Codici Header DIV

Il file "header.php" contiene il preprocessore ipertesto, o PHP, file per l'intestazione. PHP è il linguaggio di scripting di WordPress. PHP è integrato con HTML ed esegue vari. Scorrere verso il basso nel file "header.php" per trovare le e "</ div>" codici "<div>" per l'intestazione. A seconda del modello, si vedrà "<div id =>" e "<div class =>" tag, indicando l'identificazione e la classe ( "header") per l'intestazione. Questi "<div>" codici indicano dove nel template generale l'intestazione è posto in relazione agli altri oggetti sul sito.

Intestazione di codifica CSS

Fare clic sul file di modello "foglio di stile" per vedere la codifica CSS generale per il sito web WordPress. Scorrere verso il basso fino alla sezione "Intestazione" per vedere il codice specifico per la sezione di intestazione. Vedrete la larghezza, l'altezza, sfondo, colori dei caratteri, attributi di confine (se applicabile), margini e padding. Ognuno di questi attributi possono essere modificati per soddisfare il vostro sito web. Ci può essere anche un link ad un file di immagine caricata, in formato JPEG o PNG, se l'intestazione contiene una immagine separata. Tutti intestazione di base di codifica modifiche vengono apportate nel file "foglio di stile".

intestazione HTML

La maggior parte dei modelli di WordPress usano la codifica CSS per la sezione di intestazione. Si vedrà "#headerwrap" per la sezione di involucro intestazione e ".header" per la sezione principale. Tuttavia, alcuni modelli di WordPress usare tag HTML. Questi includono "<header>" e "</ header>" per indicare la sezione di intestazione, "<font>" per i font, "<bg color =>" per il colore di sfondo, "<width>" e "<altezza>" per la larghezza e l'altezza e simili "<>" tag per altri attributi. HTML e CSS sono entrambe le lingue di codifica e può essere facilmente intercambiabili.

Come convertire i fotogrammi di div in Dreamweaver

May 25

Dreamweaver è un'applicazione Web-sviluppo creato e commercializzato da Adobe. Dreamweaver consente di convertire frame e le tabelle del tuo sito web in DIV AP ( "posizionati in modo assoluto"), in modo che possano essere visualizzati in browser più vecchi. Div PA è un elemento che si può posizionare ovunque sul tuo sito web. Si noti che si può richiedere diritti amministrativi sul tuo sito web per eseguire questa operazione.

istruzione

1 Avviare il progetto di sito web su Adobe Dreamweaver.

2 Fare clic sulla scheda "Modifica" e puntare su "Convert".

3 Scegliere l'opzione "Tabelle per DIV AP".

4 Scegli una delle seguenti tre opzioni:

"Prevenire elemento PA sovrapposizioni", "Visualizza AP elementi piani" o "Mostra griglia e Snap to Grid". Effettuare una selezione in base alle preferenze.

5 Fai clic su "OK" per completare la conversione.

Come ancorare una DIV in fondo di una pagina

February 16

Come ancorare una DIV in fondo di una pagina


Per ancorare un DIV al fondo di una pagina in HTML è necessario utilizzare un CSS. CSS sta per Cascading Style Sheet e si riferisce ai font, colori e posizionamento degli elementi del documento HTML e sito web che viene reso. Impostare il posizionamento all'interno del CSS può ancorare l'elemento o DIV in una posizione specifica se il posizionamento è impostato su fisso. Ciò consentirà altri elementi della pagina per funzionare attorno all'elemento, ma il DIV specificato rimane ancorata in posizione.

istruzione

Come ancorare una DIV per la Parte inferiore della pagina di un sito web

1 Inserire il codice piè di pagina DIV base nel vostro editor HTML. Il codice dovrebbe essere simile a questo:

<Div id = "footer">

&lt;div class="wrap">

& Lt; p> Inserisci contenuto qui. & Lt; / p>

& Lt; / div>

& Lt; / div>

Questo è il codice per la DIV si desidera ancorare al fondo della pagina HTML.

2 Aggiungere una regola CSS per il foglio di stile per il wrapper, intestazione e piè di pagina per la vostra pagina. Il foglio di stile CSS dovrebbe essere simile a questo:

.Wrap {

position:relative;

margin: 0 auto;

width: 960px;

}

#header, #footer {

width: 100%;

float: left;

}

La larghezza involucro di 960 pixel dovrebbe essere modificata per adattarsi alle dimensioni della pagina in fase di creazione.

3 Aggiungere codice aggiuntivo per il CSS che si applica solo al DIV si desidera ancorata al fondo della pagina. Il codice dovrebbe essere simile a questo:

footer {

position:fixed;

in basso: 0;

z-index: 999999;

}

Questo codice ancorare il DIV al fondo della pagina, non importa cosa viene aggiunto o rimosso dalla pagina.

Come nascondere e Mostra un Div Utilizzando JavaScript

February 20

Come nascondere e Mostra un Div Utilizzando JavaScript


pagine web interattive, o le pagine che utilizzano elementi che gli spettatori possono cambiare, possono beneficiare della possibilità di visualizzare o nascondere gli elementi della pagina. Per esempio, se si sta progettando un negozio, si potrebbe desiderare di dare ai visitatori la possibilità di fare clic su un pulsante "ulteriori informazioni" per ottenere maggiori informazioni su un potenziale acquisto. Facendo uso di questa capacità si basa su JavaScript e l'attributo CSS "display", che può essere modificato in modo dinamico.

istruzione

1 Aprire il .html o .php file contenente il div cui visibilità si desidera modificare utilizzando un semplice editor di testo. Scorrere verso il basso per il div --- la riga di codice che inizia con "<div>" e termina, dopo che il contenuto è fornito, con "</ div>".

2 Aggiungere il "id = 'hidetoggle'" linea di confine tra le tre lettere "div" e la chiusura ">" del div. Se non ci sono altri elementi di stile o di posizionamento usati, il div sarà ora simile a questa: "<div id = 'hidetoggle'>"; se ci sono altri attributi nel div, aggiungere l'elemento id prima per comodità di riferimento.

3 Scorrere fino alla fine del div, e premere "Invio" per iniziare una nuova riga. Su di esso, digitare il seguente codice, o tagliare e incollarlo nel documento:

<Span style = "border: 1px solid black" onclick = ". Document.getElementById ( 'hidetoggle') style.display = 'block'"> Mostra </ span>

4 Hit "ENTER" per aggiungere una seconda riga di codice immediatamente successivo al primo. Per questa linea, il codice dovrebbe essere simile al seguente:

<Span style = "border: 1px solid nero" ". Document.getElementById ( 'hidetoggle') style.display = 'none'" onclick => Nascondi </ span>

5 Salvare il file HTML, e aprirlo nel browser. Ora vedrete due pulsanti etichettati "spettacolo" e "nascondere", che è possibile fare clic per attivare o disattivare la visibilità del tuo div.

Consigli e avvertenze

  • È possibile cambiare l'id del div; ogni div che si desidera visualizzare o nascondere avrà bisogno di un ID separato. Se si modifica il valore, però, assicuratevi di cambiare in entrambi i pulsanti modificando il valore contenuto tra le parentesi nella "getElementById ()" parte del codice.

Come limitare il contenuto di un tag DIV in HTML

February 22

Limitare il contenuto di un tag div HTML per il controllo che gli attributi stilistici vengono applicati al testo all'interno di tag div. Modificare i parametri div all'interno del tuo sito web o foglio di stile CSS del blog, o CSS, file. Dopo aver salvato il file CSS, testo inserito all'interno dei tag div cambia automaticamente in modo da riflettere i nuovi attributi, senza che sia necessario apportare modifiche all'interno del codice HTML file stesso.

istruzione

1 Accedi al tuo sito web o pannello di controllo del blog. Scegliere il file "style.css" e selezionare il pulsante "Modifica".

2 Scorrere il documento fino a individuare il div che si desidera modificare. Ad esempio, se i tag HTML sono <div-id = "special"> </ div>, il div sembra qualcosa di simile all'interno del documento CSS:

.Special {color: # 99CCFF; text-decoration: underline; font-size: 14px;}

3 Modificare o rimuovere gli attributi in base a come si desidera che il testo all'interno del div a guardare. Per l'esempio div, modificare il codice dietro il segno numero per cambiare il colore o cambiare "sottolineare" a "bold" per cambiare il tipo di carattere:

.Special {color: #FFFFFF; text-decoration: bold; font-size: 14px;}

4 Salvare il documento e aprire la pagina in cui il testo appare per confermare le modifiche.

Come nascondere Div codice jQuery

February 26

Come nascondere Div codice jQuery


Nascondere sezioni di una pagina Web o dettagli in titoli può aiutare a fornire un aspetto ordinato che rende una pagina più attraente, in particolare per le notizie e pagine di informazioni relative. codifica complesso è necessario per costruire il tipo di funzionalità in JavaScript che permette di mostrare o nascondere sottosezioni come e quando richiesto. Tuttavia, jQuery, una libreria di funzioni JavaScript, consente di realizzare il compito in modo semplice e generico.

istruzione

1 Scarica la libreria jQuery jQuery-1.5.1min.js dal collegamento di download fornito nella sezione Riferimenti. Nella finestra di dialogo download, selezionare "Salva con nome ..." e salvare la libreria sul desktop.

2 Copia e incolla il seguente codice nel blocco note e salvarlo come hidediv.html sul desktop. Questo è costituito da quattro strati di div annidati con collegamenti per visualizzare o nascondere ogni div nidificato. Gli ID ID DIV e di collegamento, come "pecore", "sheep_1", ecc indicano il nome della sezione e il livello DIV nidificato.

<Html> <head>

<Script type = "text / javascript 'src =' jquery-1.5.1.min.js '> </ script>

</ Head> <body>

<Div id = 'pecore'> Baa Baa pecora nera, avete qualsiasi lana?

<a href='#a1' id='sheep' class='showOpt'> </a>

<Div id = 'sheep_1'> Sissignore, sissignore, tre sacchi pieni,

<a href='#a1' id='sheep_1' class='showOpt'> </a>

<Div id = 'sheep_2'> Uno per il mio padrone, uno per il mio dame,

<a href='#a1' id='sheep_2' class='showOpt'> </a>

<Div id = 'sheep_3'> E uno per il ragazzino che vive nella nostra corsia.

</ Div> </ div> </ div> </ div>

<Script>

</ Script> <body> </ html>

3 Copia e incolla il seguente "toggleDiv ()" funzione di JQuery, sopra la linea "</ script> </ body> </ html>", in modo che venga eseguito dopo tutti gli oggetti HTML sono stati caricati. Questa funzione JQuery prende il link ID show-o-nascondere, ad esempio "sheep_1," come parametro e si nasconde o mostra la successiva div nidificato a seconda se l'attributo "isShowing" è attualmente impostato su "sì" o "no". Si utilizza il metodo JQuery "fadeToggle ()" per passare tra i due stati. Le ultime tre linee di nascondere tutti i livelli, dal livello e al di sotto nipotino per garantire che solo il livello di bambino attualmente selezionata viene visualizzata sulla selezione.

jQuery.fn.toggleDiv = function (id) {

$ ( 'Div: [id = "' + id + '"]').. Bambini ( 'div') fadeToggle ( 'slow');

if (($ (.. 'div: [id = "' + id + '"]') i bambini ( 'div') attr ( 'isShowing')) == 'no') {

$('div:[id="'+id+'"]').children('div').attr('isShowing','yes');

. $ ( 'A: [id = "' + id + '"]') html ( '(nascondere ...)');

}altro {

$('div:[id="'+id+'"]').children('div').attr('isShowing','no');

$ ( 'A: [id = "' + id + '"]') html ( '(mostra ...)');.

}

$ ( 'Div: [id = "' + id + '"]') i bambini ( 'div') trovare ( 'a') html ( '(mostra ...)');...

$ ( 'Div: [id = "' + id + '"]') i bambini ( 'div') trovare ( 'div') nascondere ();...

$... ( 'Div: [id = "' + id + '"]') i bambini ( 'div') trovano ( 'div') attr ( 'isShowing', 'no');

}

4 Copiare e incollare la funzione click evento dopo la fine della funzione "jQuery.fn.toggleDiv". Ogni volta che un collegamento con classe "showOpt" viene cliccato, si chiama la funzione toggleDiv con l'ID corrente come parametro.

$ ( 'A: [class = "showOpt"]'). Click (function (e) {

$ () ToggleDiv (this.id).;

});

5 Copiare e incollare la seguente riga dopo la fine della funzione click-evento precedente. Quando la pagina viene caricata, tutti i div annidati vengono visualizzati per impostazione predefinita. Questa linea deve essere aggiunto, in modo che solo quando la pagina terminato il caricamento, tutti i div al di sotto del DIV "pecore" sono nascosti.

. $ () ToggleDiv ( 'pecore');

6 Salva hidediv.html e verificare la pagina cliccando su mostra e nascondi link.

Consigli e avvertenze

  • Per modificare l'effetto di animazione del mostrare e nascondere, è possibile utilizzare "slideToggle ()" o "Toggle ()" invece di "fadeToggle ()."

Lo scopo di Clear DIV

March 1

Clearing div div vengono utilizzati solo per chiarire i CSS (Cascading Style Sheets) galleggia in una pagina Web. Un galleggiante provoca un elemento HTML a "galleggiare" a sinistra oa destra dello schermo, e tutti gli elementi adiacenti si avvolgono intorno a galleggiare elementi. Quando nidificazione galleggianti, il div che contiene non si estendono fino al bordo inferiore dell'elemento galleggiava senza un elemento di compensazione. div di compensazione si estendono verso il basso sfondi e oggetti posto sotto galleggianti.

Che cosa è un Clearing Div?

Quando un layout di pagina Web contiene elementi mobili, è necessario cancellare loro di tenere gli altri elementi da galleggiare o in altro modo rompere il layout. Anche se è possibile aggiungere "clear: both" a qualsiasi elemento in CSS quando si vuole andare sotto un galleggiante invece di accanto ad essa, questo metodo diventa noioso a volte e non sempre funziona. A volte è necessario un vuoto nido, div cancellata per allungare un div giù oltre l'elemento galleggiava, che rende il lavoro di fondo.

CSS per un Clearing Div

Hai bisogno di due cose per creare un div compensazione: un nome di classe e la proprietà "clear", che è necessario impostare a "entrambi":

.pulire {
clear: both;
}

Questo codice va nel foglio di stile. Una volta che si aggiunge, è possibile applicare il nome di "chiaro" di classe a qualsiasi div - vuota o non - per cancellare qualsiasi galleggia sulla sinistra del div e destra.

HTML per un Clearing Div

Aggiungendo il nome di "chiaro" di classe ad un div sarà chiarire qualsiasi galleggiante adiacente. Quando l'eliminazione di un galleggiante di allungare uno sfondo verso il basso oltre il bordo inferiore dell'elemento galleggiava, utilizzare la classe "chiaro" su un div vuoto:

<Div id = "roba">
<Div id = "box">

Floated box content...

</ Div>
<Div class = "clear"> </ div>
</ Div>

Alternative alla compensazione div

Alcuni sviluppatori sono contro di compensazione div perché inseriscono vuote, div non semantici in codice HTML. Il metodo alternativo per utilizzare un div compensazione è di utilizzare un "clearfix" hack con una pseudo-elemento. È possibile aggiungere una pseudo-elemento - un elemento non in HTML vero e proprio, ma il browser pensa ancora esiste - con il ": prima" e ": dopo" selettori in HTML. Esistono qui poche variazioni di codice clearfix, ogni tentativo di utilizzare il codice compatibile più snella, efficiente e cross-browser. Questo è il "trucco clearfix micro" creato da Nicolas Gallagher:

.clearfix: dopo,
.clearfix: prima {
contenuto: "";
display: table;
}
.clearfix: dopo {
clear: both;
}
.clearfix {
zoom: 1;
}

Come CENTER-Allinea codice HTML in Div

March 3

L'HyperText Markup Language (HTML) consente di formattare i vari elementi come testo, immagini e tabelle per creare pagine web user-friendly. Il tag HTML "DIV" consente di allineare gli elementi in modo che appaiano nel mezzo della finestra del browser. È possibile eseguire questo allineamento, chiamato anche un centro-align, in pochi passi.

istruzione

1 Avviare un editor di testo, come Blocco note o il vostro editor preferito HTML, e aprire il file HTML della pagina che si desidera modificare.

2 Identificare l'elemento che si desidera per il centro-align. È possibile centrare allineare quasi ogni elemento sulla vostra pagina, tra cui testo, immagini, tabelle o applet.

3 Copia e incolla il seguente tag prima che l'elemento che si desidera di centro-align:

<Div align = "center">

4 Copia e incolla il seguente tag dopo l'elemento che si desidera di centro-align:

</ Div>

5 Salvare il file. Caricarlo sul server Web utilizzando l'interfaccia del file manager la vostra società di hosting.

Come fare un Draggable DIV con jQuery

March 4

Come fare un Draggable DIV con jQuery


JQuery, una libreria JavaScript, include la frase "Scrivi di meno, fare di più" sotto il logo sulla sua homepage. Gli sviluppatori Web scrivono meno codice JavaScript utilizzando jQuery, perché le sue librerie di gestire compiti complessi che normalmente richiedono ampia di codifica. Lo spostamento di un blocco DIV HTML intorno a una pagina Web, per esempio, non è un compito semplice. Utilizzando jQuery, è possibile aggiungere una riga a una funzione JavaScript, e trasformare qualsiasi DIV nella tua pagina in un componente trascinabile.

istruzione

1 Lanciate il vostro editor HTML o un editor di testo normale. Aprire un documento HTML e incollare il seguente codice JavaScript all'interno della sezione head del documento:

<Script type = "text / javascript"> </ script>

<Script type = "text / javascript"> </ script>

<Script type = "text / javascript">

Questo codice, ospitato da Google, rende i componenti necessari JQuery a disposizione del documento HTML.

2 Aggiungere la seguente istruzione DIV alla sezione corpo del documento:

<Div id = "div1">

<H1> Questa è una linea del DIV. Fare clic e trascinare questa voce per spostarla </ h1>

</ Div>

Questo DIV, il cui ID è "div1", contiene un titolo.

3 Incollare il seguente codice JavaScript nella sezione head di script del documento:

<Script language = tipo "javascript" = "text / javascript">

$ (Function () {

$ ( "# Div1") .draggable ();

});

</ Script>

Questa funzione indicata viene eseguito quando la pagina viene caricata. Esso contiene una riga di codice. Questo codice permette il plug-in Draggable JQuery che rende possibile per voi di trascinare gli oggetti in una pagina Web. Notare il nome "div1" all'inizio della comunicazione. Questo è l'id del div creato nel passaggio 2.

4 Salvare il documento e aprirlo nel browser. Viene visualizzata la rubrica all'interno del DIV. Fare clic e trascinare il titolo in qualsiasi posizione nella pagina Web.

Consigli e avvertenze

  • Per fare qualsiasi DIV trascinabili, dargli un valore di ID univoco, come mostrato in questi passaggi, e l'uso che id nella funzione JavaScript. Questo esempio utilizza un elemento di paragrafo all'interno del DIV. Mettere tutto quello che vuoi all'interno del blocco DIV. Aggiungere un'immagine o un video, per esempio, e visitatori del sito potranno riposizionare gli elementi e cliccando e trascinando.
  • Anche se si aggiunge una sola istruzione alla funzione JavaScript, ci vogliono diversi file JavaScript per produrre questo effetto. Google ospita questi file JQuery gratuitamente. Collegando a loro invece di tenere i file sul server, si ha sempre il codice jQuery più recente disponibile. I browser nella cache anche questi file. Questo può rendere le pagine caricare un po 'più veloce se i visitatori del sito hanno già copie dei file JQuery salvati nei loro browser.

Impostazione di tag div in Dreamweaver

March 4

il layout di un sito web composto da un numero di suddivisioni. Hyper Text Markup Language fornisce una serie di elementi e tag si utilizza per creare suddivisione che comprende tavoli, strati e tag div. tag div sono aumentati in uso nel corso degli anni a causa della loro flessibilità. Troverete tag div in collaborazione con foglio di stile CSS utilizzato per la formattazione HTML. Utilizzare un programma di Web design come Dreamweaver per progettare e sviluppare siti web e le pagine. Dreamweaver contiene i comandi predefiniti eseguibili per la creazione di tag div nel tuo sito web o una pagina Web HTML.

istruzione

1 Fare clic su "Start", "Programmi", "Adobe" e quindi fare clic per aprire "Dreamweaver".

2 Fai clic su "File" e poi su "Nuovo". Selezionare "Pagina vuota" a sinistra della finestra "Nuovo documento" e "HTML" sul riquadro di destra della finestra.

3 Fare clic sul pulsante "Crea". Viene visualizzata una schermata vuota in Dreamweaver.

4 Inserire un tag div in Dreamweaver. Fai clic su "Inserisci", "Oggetti layout" e poi cliccare su "div Tag". Ciò fa apparire la casella "Inserisci div Tag".

5 Inserisci un ID per il tag DIV nella casella "ID". Un esempio potrebbe essere simile: ". MyDiv" Fai clic su "Visualizza" e fare clic su "Codice". Nota un codice simile a <div id = "myDiv"> Contenuti per id "myDiv" va qui </ div>

6 Fai clic su "Finestra" e poi cliccare su "Stili CSS". Fare questo se la finestra Stili CSS non è già visualizzata sul lato destro di Dreamweaver.

7 Guardate in basso a destra della finestra "Stili CSS". Fare clic sulla seconda icona sul etichettata "nuova regola CSS" sinistra quando evidenziato. Ciò fa apparire la finestra "regola CSS".

8 Selezionare "Avanzate" (ID, selettori di pseudo-classe) per il "Selettore-Type" e scegliere il nome del tag div dalla casella "Selettore". Selezionare l'opzione "solo questo documento" e fare clic su "OK". Questo porta in primo piano la "definizione CSS regola per [il tuo nome CSS]" finestra.

9 Selezionare le diverse categorie nel riquadro a sinistra della finestra di definizione CSS e definire i tag div con i CSS. Definire quanto segue: tipo di font, colore di sfondo, larghezza, altezza, ecc

Ecco esempio di codice generato utilizzando Dreamweaver:

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

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Meta http-equiv = "Content-Type" content = "text / html; charset = iso-8859-1" />

<Title> </ title>

<Style type = "text / css">

myDiv {

font-family: "Times New Roman", Times, serif;

background-color: #FFFFCC;

altezza: 100px;

width: 200px;

}

</ Style>

</ Head>

<Body>

<Div id = "myDiv"> sul suo sito web sarebbe andato qui, tra i tag div </ div>

</ Body>

</ Html>

Il codice messe a punto una chiamata div "myDiv" in Dreamweaver, quindi utilizza i CSS per formattare i suoi attributi come il suo: colore di sfondo, il tipo di font, larghezza e altezza.

10 Fai clic su "File" e poi "Salva con nome" per salvare il lavoro.

11 Fare clic su "File", "anteprima nel browser" e quindi fare clic su browser Web per visualizzarne l'anteprima.

Come restituire div con PHP

March 6

Come restituire div con PHP


PHP è un linguaggio di scripting che permette ai progettisti Web di generare codice HTML sulla base di un intervento da parte dell'utente. A "div" è un elemento HTML che contiene contenuti nelle pagine Web, tra cui testo, foto e multimedia. PHP può generare un div vuoto o includere il contenuto pure. Seguire alcune linee guida per impostare una condizione in PHP che viene soddisfatta da un azione dell'utente e aggiunge il div alla pagina Web.

istruzione

1 Creare un pulsante utilizzando la codifica form HTML che fa scattare lo script PHP:

<Form action = "" method = "post">

<Input type = "submit" nome = valore "divButton" = "Genera nuovo div" />

</ Form>

Questo modulo utilizza il metodo "post" di trasmettere input dell'utente, e presentando il modulo (facendo clic sul pulsante) genera un array $ _POST, o un elenco, degli attributi "nome" di ogni elemento in forma. In questa forma, c'è un solo elemento, il "Genera nuova div" pulsante, che ha l'attributo nome di presentare "divButton."

2 Creare un PHP "set" di prova per verificare che l'array $ _POST è stato creato, o è impostato, e comprende: $ _POST [ 'divButton']. Aggiungere codifica che dice allo script come rispondere se il test è vero. Generare codice HTML per un div che include un paragrafo di esempio all'interno. Mettere tutto il codice all'interno dei tag PHP all'interno dei tag head del documento:

<Head>

<? Php

if (isset ($ _ POST [ 'divButton'])) {

echo '<div class = "textDiv">

<P> Questa è la vostra nuova div. </ P>

</ Div> ';

}

?>

</ Head>

3 Aggiungere codifica stile all'interno dei tag head per lo stile del div che si sta creando:

<Style type = "text / css">

.textDiv {width: 200px; Altezza: 50px; border: sottile nero solido; padding: 10px 5px 5px 10px; margin: 0 0 0 20px; background-color: # CCCCCC}

</ Style>

4 Risparmiare pagina Web con estensione .php a un server configurato per testare il codice PHP e aprire la pagina in un browser.

Il codice completo dovrebbe apparire come segue:

<Html>

<Head>

<Style type = "text / css">

.textDiv {width: 200px; Altezza: 50px; border: sottile nero solido; padding: 10px 5px 5px 10px; margin: 0 0 0 20px; background-color: # CCCCCC}

</ Style>

<? Php

if (isset ($ _ POST [ 'divButton'])) {

echo '<div class = "textDiv">

<P> Questa è la vostra nuova div. </ P>

</ Div> ';

}

?>

</ Head>

<Body>

<Form action = "" method = "post">

<Input type = "submit" nome = valore "divButton" = "Genera nuovo div" />

</ Form>

</ Body>

</ Html>

5 Premere il pulsante "Genera nuovo div" per testare il vostro codice. L'azione dovrebbe generare una casella nella parte superiore della pagina con uno sfondo grigio e contenente le parole: «Questa è la tua nuova div." Se il browser consente di visualizzare il codice sorgente generato, al contrario di statica del codice sorgente, cercare i nuovi elementi div e di paragrafo nel codice corpo della pagina.