Animierter Homepagetitel

little-key · 17. Oktober 2011

Screen: [Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/homepagetitel.png]

Das ist eine Variante, um einen Homepagetitel lebendig wirken zu lassen.
Dazu muss der JavaScript-Code einfach in den Bereich HEAD bei

Gleichem Text auf allen Seiten:
a) unter 1 Erweiterte Einstellungen - Erweitert - Code für den Bereich HEAD bzw. Code in den HEAD-Teil der Seite oder
b) als HTML-Code im HEADER oder
c) als HTML-Code im FOOTER

Verschiedener Text der Seiten:
a) Version 8: unter Eigenschaften der Seite - Erweitert - Code in den HEAD-Teil der Seite:
a) Version 8: unter Eigenschaften der Seite - Erweitert - Benutzerdefinierter Code: Vor dem </HEAD> Tag oder
b) Version 9: unter Eigenschaften der Seite - Erweitert - Benutzerdefinierter Code: Nach dem </BODY> Tag.

JavaScript

<script language=javascript>
<!--
var rev = "fwd";
function titlebar(val)
{
var msg = "Animierter Homepagetitel";
var res = " ";
var speed = 100;
var pos = val;
msg = " |--- "+msg+" ---|";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}}
titlebar(0);
-->
</script>

Alles anzeigen

zwoemti · 4. November 2011

Und dann hätten wir noch einen Schreibmaschineneffekt anzubieten:

JavaScript

<script language="JavaScript1.2">
var nachricht="Willkommen im Unofficial WsX 5 Forum!" //Seitentitel
var nachricht=nachricht+" " //macht am Schluß eine Pause,ein Leerzeichen=1 geschwindigkeit unit, 10 Leerzeichen@150 jedes = 1.5seconds.
i="0" //deklariert Variablen und setzt es auf 0 zum starten
var temptitel="" //deklariert Variablen und setzt sie auf keinem Wert für jetzt.
var geschwindigkeit="150" //der Abstand in Millisekunden zwischen den Buchstaben
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitel+nachricht.charAt(i) //setzt den Anfangstitel
temptitel=temptitel+nachricht.charAt(i) //Erweitert den Titel um einen Buchstaben
i++ //Zähler wird erhöht
if(i==nachricht.length) //definiert das Ende des Titels
{
i="0" //setzt den Zähler am ende des Titels zurück
temptitel="" //setzt den Titel auf ""
}
setTimeout("titler()",geschwindigkeit) //Wiederholung. Diese Zeile entfernen, wenn der Titel nur einmal erscheinen soll.
}
window.onload=titler
</script>

Alles anzeigen

bernie · 6. November 2011

Toll

Aber wie kann ich das Favicon so machen das da was läuft?
habe ich auch schon des öfteren gesehen.
Wenn mir wieder so eine Seite unterkommt, werde ich den Link gleich einstellen.

pcssa · 6. November 2011

. . . musst doch nur bei zwoemti schauen

der hat es doch mehrfach verwendet . . .

alxy · 6. November 2011

Du kannst das favicon als gif speichern; und gif kann man auch animieren !

alxy

alxy · 6. November 2011

Edit:
Du musst es aber Unter Allgemein - Erweiter - Persönlicher Head-Code eintragen , und zwar so:

Code

<link rel="icon" href="http://domain.de/animiertes_favicon.gif" type="image/gif" />

alxy

little-key · 6. November 2011

Damit ist das Favicon nur animiert.
Bernie meint sicher, dass es im Band mitläuft...

bernie · 6. November 2011

Hallo

Diese Laufschrift habe ich schon eingebaut, das kenne ich durch Euch schon, ist auch super.

Aber ich habe auch schon gesehen, das sich das Favicon alleine bewegt hat wie eine Laufschrift, sowas in der Art meine ich

little-key · 6. November 2011

Das ist eine GIF-Animation. Einfach das gleiche Bild mit Effekten wiederholen lassen.
Das kann das Programm PhotoScape.

Liegt auf meinem Server
oder hier glaube ich in der Link-Liste
oder mal googlen danach.

Ice-Man · 10. Juni 2012

irgendwie läuft bei mir die bar nicht hab den code eingefügt was hab ich falsch gemacht?

zwoemti · 10. Juni 2012

Was läuft nicht und was hast du eingefügt?

Ice-Man · 10. Juni 2012

Zitat von little-key

Screen: [Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/homepagetitel.png]

Das ist eine Variante, um einen Homepagetitel lebendig wirken zu lassen.
Dazu muss der JavaScript-Code einfach in den Bereich HEAD bei

Gleichem Text auf allen Seiten:
a) unter 1 Erweiterte Einstellungen - Erweitert - Code für den Bereich HEAD bzw. Code in den HEAD-Teil der Seite oder
b) als HTML-Code im HEADER oder
c) als HTML-Code im FOOTER

Verschiedener Text der Seiten:
a) Version 8: unter Eigenschaften der Seite - Erweitert - Code in den HEAD-Teil der Seite:
a) Version 8: unter Eigenschaften der Seite - Erweitert - Benutzerdefinierter Code: Vor dem Tag oder
b) Version 9: unter Eigenschaften der Seite - Erweitert - Benutzerdefinierter Code: Nach dem Tag.

JavaScript

0)

pos = pos-1;

var ale = le-pos;

scrol = msg.substr(ale,le);

document.title = scrol;

timer = window.setTimeout("titlebar("+pos+")",speed);

else

rev = "fwd";

timer = window.setTimeout("titlebar("+pos+")",speed);

titlebar(0);

-->

Alles anzeigen

Alles anzeigen

nach dieser Anleitung

zwoemti · 10. Juni 2012

HTML

<script language=javascript>
<!--
var rev = "fwd";
function titlebar(val)
{
var msg = "Animierter Homepagetitel";
var res = " ";
var speed = 100;
var pos = val;
msg = " |--- "+msg+" ---|";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}}
titlebar(0);
-->
</script>

Alles anzeigen

Das wäre vollständig...oder siehst du das was du geschrieben hast?

Ice-Man · 10. Juni 2012

Zitat von zwoemti

Das wäre vollständig...oder siehst du das was du geschrieben hast?

ja hab schon den richtige und alles vollständig aber tut sich irgendwie nix

hängt auch nicht am Browser hab einige probiert
aber mir ist was aufgefallen beim unteren Seitentitel der Script zur Abrundung geht im Explorer nicht wird eckig angezeigt

zwoemti · 10. Juni 2012

Versuchs nochmal ... es geht... kopier dir nochmal den Quelltext zum Scipt hier raus...

Der IE kann keine runden Ecken...

Ice-Man · 10. Juni 2012

ok habs gemacht jedoch ich seh nix

kannst ja mal selber kuken ob es bei dir geht

zwoemti · 10. Juni 2012

hab ich doch gemacht sonst würd ich es nicht sagen

guck und nimm mal den Quelltext aus der txt...und ab damit unter Schritt 1 in den HEAD

Ice-Man · 10. Juni 2012

Zitat von zwoemti

hab ich doch gemacht sonst würd ich es nicht sagen

guck und nimm mal den Quelltext aus der txt...und ab damit unter Schritt 1 in den HEAD

Ok nun gehts

Thabo-Umasai · 11. Juni 2012

Guten Morgen ;),
das ist ja toll Danke Leute werde ich heute auch mal versuchen.
Und wieder ein mal eine Top Anleitung dazu,

Ice-Man · 11. Juni 2012

Funktioniert sogar auf dem mobil Telefon nicht übel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Animierter Homepagetitel

Teilen

Tags