December 20
L'aggiunta di un flusso personalizzato di citazioni al blog o al sito web dell'azienda personale è un divertente ed efficace modo per dare ai visitatori un quadro più chiaro delle informazioni che si possono trovare nella pagina. Con pochi minuti e pochi clic del mouse, è possibile creare un flusso personalizzato di citazioni per il vostro sito web, come testi dai vostri brani preferiti, citazioni di scienziati famosi, o frasi umoristiche.
1 Utilizzando il software di gestione sito web, aprire la pagina del tuo sito web sul quale vuoi aggiungere i preventivi personalizzati. Aprire la pagina di visualizzazione HTML, non anteprima vista, per garantire sarete aggiungendo il codice al posto giusto.
2 Aggiungere il seguente codice sotto il tag <head> all'interno del codice HTML della pagina:
<Style type = \ "text / css \">
dropcontentsubject {
Larghezza: 250px
ANDARE
font-weight: bold
ANDARE
}
.dropcontent {
Larghezza: 250px
ANDARE
Altezza: 200px
ANDARE
border: 1px solid nero
ANDARE
background-color: #DFDFFF
ANDARE
padding: 3px
ANDARE
blocco di visualizzazione
ANDARE
}
</ Style>
<Script type = \ "text / javascript \">
var tickspeed velocità = 2000 // ticker in millisecondi (2000 = 2 secondi)
var enablesubject = 1 // abilitare scroller soggetto? Impostare a 0 per nascondere
if (document.getElementById) {
document.write ( '<style type = \ "text / css \"> \ n')
document.write ( 'dropcontent {display: none;}. \ n')
document.write ( '</ style> \ n')
}
var selectedDiv = 0
var totalDivs = 0
Funzione contractall () {
var inc = 0
mentre (document.getElementById (\ "dropmsg \" + inc)) {
document.getElementById (\ "dropmsg \" + inc) .style.display = \ "none \"
inc ++
}
}
Funzione expandone () {
var selectedDivObj = document.getElementById (\ "dropmsg \" + selectedDiv)
contractall ()
document.getElementById (\ "dropcontentsubject \"). innerHTML = selectedDivObj.getAttribute (\ "Oggetto \")
selectedDivObj.style.display = \ "blocco \"
selectedDiv = (selectedDiv <totalDivs-1)? selectedDiv + 1: 0
setTimeout (\ "expandone () \", tickspeed)
}
Funzione startscroller () {
mentre (document.getElementById (\ "dropmsg \" + totalDivs)! = null)
totalDivs ++
expandone ()
if (enablesubject!)
document.getElementById (\ "dropcontentsubject \"). style.display = \ "none \"
}
if (window.addEventListener)
window.addEventListener (\ "carico \", startscroller, false)
else if (window.attachEvent)
window.attachEvent (\ "onload \", startscroller)
</ Script>
3 Cambiare l'aspetto della casella di streaming citazione cambiando alcuni numeri nel codice e test fuori. Ad esempio, modificare la velocità del flusso cambiando il \ numero "var tickspeed \" dal 1000. Nascondi la citazione soggetto (che avrete impostato al punto 5) impostando il \ "var enablesubject \" a 0. modificare la larghezza , altezza, e di frontiera per le dimensioni che desideri apparire sul tuo sito web.
4 Trovare il punto sulla tua pagina web dove vuoi che appaia il vostro flusso di preventivo. Individuare quel punto nella sezione HTML della pagina e inserire il seguente codice in quel punto:
<Div id = \ "dropcontentsubject \"> </ div>
<Div id = \ class "dropmsg0 \" = \ "dropcontent \" subject = \ "prima citazione \">
Prima citazione VA QUI
</ Div>
<Div id = \ class "dropmsg1 \" = \ "dropcontent \" subject = \ "SECONDO QUOTE \">
SECONDO PREVENTIVO VA QUI
</ Div>
<Div id = \ class "dropmsg2 \" = \ "dropcontent \" subject = \ "TERZO QUOTE \">
TERZO PREVENTIVO VA QUI
</ Div>
5 Sostituire la parte del codice scritto in tutte le capitali con i soggetti personalizzati e citazioni. Aggiungere citazioni supplementari con l'aggiunta di più \ "div \" e continuando con \ "dropmsg4, \" \ "dropmsg5, \" \ "dropmsg6 \" e così via. Aggiungere il proprio citazioni o citazioni famose che completano il contenuto del tuo sito web.