Gewusst wie: Erstellen eine benutzerdefinierte Stream Zitate auf Ihrer Webseite

Hinzufügen eines benutzerdefinierten Streams von Zitaten zu Ihrem persönlichen Blog oder Website des Unternehmens ist ein Spaß und effektive Weg, um Besucher mehr Einblick in die Informationen geben, die auf Ihrer Seite gefunden werden kann. Mit nur ein paar Minuten und ein paar Mausklicks können Sie einen benutzerdefinierten Stream Zitate für Ihre Website, wie Texte aus Ihren Lieblingssongs, Zitate von berühmten Wissenschaftlern oder humorvolle Phrasen erstellen.

Anweisungen

1 Mit Ihrer Website, die Software zu verwalten, öffnen Sie die Seite Ihrer Website, auf denen Sie die benutzerdefinierten Anführungszeichen hinzufügen möchten. Öffnen Sie die Seite zur HTML-Ansicht, keine Vorschau anzeigen, um sicherzustellen, dass Sie den Code an der richtigen Stelle hinzufügen.

2 Fügen Sie den folgenden Code unten das < Head > innerhalb der HTML-Code Ihrer Seite:

< Stil Typ = \ "Text/Css\" >

{Dropcontentsubject} Breite: 250pxGEHENSchriftbreite: FettGEHEN}

{.dropcontent}Breite: 250pxGEHENHöhe: 200pxGEHENBorder: 1px solid schwarzGEHENHintergrundfarbe: #DFDFFFGEHENPadding: 3pxGEHENDisplay: blockGEHEN}

< / style >

< Skript Typ = \ "Text/Javascript\" >

Var Tickspeed = 2000 //ticker Geschwindigkeit in Millisekunden (2000 = 2 Sekunden)Var Enablesubject = 1 //enable Scroller Betreff? Setzen Sie auf 0 zu verbergen

Wenn (document.getElementById) {}Document.Write ("< Stil Typ = \" Text/Css\ "> \n")Document.Write ('.dropcontent {Display: none;} \n')Document.Write ("</style > \n")}

Var SelectedDiv = 0Var TotalDivs = 0

Funktion contractall() {}Var inc = 0während (document.getElementById(\"dropmsg\"+inc)) {}document.getElementById (\"dropmsg\"+inc).style.display=\"none\"Inc ++}}

Funktion expandone() {}Var selectedDivObj=document.getElementById(\"dropmsg\"+selectedDiv)contractall()document.getElementById(\"dropcontentsubject\").innerHTML=selectedDivObj.getAttribute(\"subject\")selectedDivObj.style.display=\"block\"SelectedDiv = (SelectedDiv < TotalDivs-1)? SelectedDiv + 1:0setTimeout(\"expandone()\",tickspeed)}

Funktion startscroller() {}während (document.getElementById(\"dropmsg\"+totalDivs)!=null)TotalDivs ++expandone()Wenn (! Enablesubject)Document.getElementById(\"dropcontentsubject\").style.display=\"none\"}

Wenn (window.addEventListener)window.addEventListener (\"load\", Startscroller, falsch)elseif (window.attachEvent)window.attachEvent (\"onload\", Startscroller)

< / script >

3 Ändern Sie das Aussehen des Zitats streaming-Box indem Sie ein paar Zahlen im Code ändern und testen es aus. Beispielsweise ändern Sie die Geschwindigkeit von streaming durch Ändern der \"var tickspeed\" Zahl durch 1000. Das Zitat-Thema (den Sie in Schritt 5 festgelegt werden) durch Festlegen der \"var enablesubject\ ausblenden" auf 0. Ändern Sie die Breite, die Höhe und die Grenze in die Dimensionen, die Sie auf Ihrer Website angezeigt werden sollen.

4 Finden Sie die Stelle auf Ihrer Webseite, wo Sie, dass Ihr Zitat-Stream angezeigt werden möchten. Suchen Sie diesen Ort im HTML-Abschnitt der Seite, und fügen Sie den folgenden Code an dieser Stelle:

< Div Id = \ "Dropcontentsubject\" >< / Div >

< Div Id = \ "dropmsg0\" Klasse = \ "Dropcontent\" Betreff = \ "Erste QUOTE\" >ERSTES ANGEBOT GEHT HIER< / Div >

< Div Id = \ "dropmsg1\" Klasse = \ "Dropcontent\" Betreff = \ "Zweite QUOTE\" >ZWEITES ZITAT GEHT HIER< / Div >

< Div Id = \ "dropmsg2\" Klasse = \ "Dropcontent\" Betreff = \ "Dritten QUOTE\" >DRITTES ANGEBOT GEHT HIER< / Div >

5 Ersetzen Sie den Teil des Codes geschrieben in allen Hauptstädten in Ihre benutzerdefinierte Themen und Angebote. Fügen Sie weitere Zitate durch weitere \"divs\ hinzufügen" und in Anlehnung an \"dropmsg4,\" \"dropmsg5,\" \"dropmsg6\" und so weiter. Fügen Sie Ihre eigenen Angebote oder Berühmte Zitate, die den Inhalt Ihrer Website zu ergänzen.