Hallo Wolfgang, ich habe mal ein nettes, schönes Intro gebastelt.
Hier ist meine beste Arbeit bis jetzt von meiner Sicht, ich denke, das hat noch keiner.
Das war bis jetzt meine beste Idee denke ich, und hoffe sie gefällt dir. Während das Intro läuft kann man auch anklicken. Beim nächsten Durchlauf wird es angezeigt, es funktioniert.
Ist mit Sound, hoffe das war ok, fängt dunkel an und dann lass dich überraschen.
Sound und Lautsprecher kann man anhalten und stumm schalten.
div { display: inline-block; width: 100%; height: 1200px; overflow: hidden; position: absolute; bottom: 0; transform-origin: 50% 50%; transform: perspective(400px) rotateX(40deg); } /* hier kann man die geschwindigkeit einstellen*/ iframe { position:relative; border-style: none; width: 100%; height: 10060px; overflow: hidden; background-color: white; opacity: 0; animation-name: scrollDown; /* hier kann man die scrollgeschwindigkeit einstellen für schnell ist 40s */ animation-duration: 100s; animation-iteration-count: infinite; animation-timing-function: linear; /* hier kann man die einblendgeschwindigkeit einstellen für schnell ist 6s */ animation-delay: 12s; }
Habe es auch auf eigene Seite eingebaut im Testforum leider bekomme ich es nicht sauber zum Laufen. Habe noch eine große Schwäche mit dem Xobor-Forum, das ist noch sehr schwer für mich, manchmal bekomme ich was hin dann wieder nicht.
Muss noch fürs Xobor - Forum umgeändert werden.
Schlechte Qualität, denke das man die CSS - Tags noch umschreiben muss für das Xobor - Forum. Ich habe mit dem Umschreiben noch sehr große Probleme. Man merkt im Forum selbst ändern sich die Tags ständig und man muss alle Scripts nacharbeiten und neu justieren.
Hallo Daishi, es ist wirklich eine Klasse für sich, was man mit "transform", "animation", "@keyframes" und "Co" alles machen kann, und das nur aus der CSS heraus! Ich bin so wie so ein Freund von Effekten, aber auch hier muss man schauen, was man nimmt und wie oft man es einspielt.
Ich habe mal Dein super Skript forumtauglich gemacht und festgestellt, dass die eingestellten Werte von einander stark abhängig sind. Zum Schluß muss man immer prüfen, ob die Geschwindigkeit die Dauer, die Schräge und die Position des Intros passt!
Ich habe Dein Skript im Plugin "Globale Nachricht" eingefügt, sehr praktisch! Das Plugin kann von Haus aus bestimmen, wie oft etwas wiederholt wird, wenn es weggeklickt wird (1-4 Tage oder unendlich)!
Habe das Skript so gebaut, dass es nur auf der Forum-Übersicht läuft!
Ein Klick auf die Seite stoppt das Intro, ein Klick auf das "X" oder den Lösch-Button setzt das Intro aus! Auch nach Ablauf einer festgesetzten Zeit wird das Intro automatisch angehalten. Man kann sich so den Effekt in Ruhe anschauen, stoppen oder auch für Tage wegklicken!
Das folgende Skript läuft ohne iFrame-Einbindung!
Autoplay beim Seitenneustart wird überall unterbunden, auch auf "youTube", hier muss man den Sound extra anklicken! Ist für die Startseite auch gut so, denke ich!
Lasse das "Star Wars Intro" zur Probe hier im Forum laufen, viel Spaß!
Nicht so schön ist es komplette Webseite in ein iFrame einzubinden. Einige Webeseite sind mit iFrame-Sperren ausgerüstet, damit sie nicht auf fremde Webseiten eingebaut werden können!
Die Einbau-Anleitung folgt !
Installation erstmal nur fürs Business-Template
Bevor man das Intro einbauen will, muss man sich fragen, welches Ausmaß das Intro annehmen soll! Soll die ganze Seite, die Kopfzeile oder nur eine Box mit dem Intro versehen werden! Will man schnell im Forum Navigieren, ist eine komplette Animation der Seite nicht zu empfehlen, hier sind Boxen oder die Kopfzeile angebracht!
Star Wars INTRO fürs Forum modifiziert - Fürs Portal Teil 1!
Hallo Daishi, wie ich feststellen musste, ist im Nachgang immer noch eine Anpassung notwendig... Da rutscht das Into zu weit nach rechts, ist zu groß und man muss immer einen übergeordneten Div-Container haben! Auch muss die Länge der Startseite für die Einstellungen des Intros mit in Betracht gezogen werden! Möchte man das Intro für eine Startseite nutzen ist es wichtig, dass man das Intro auch abschalten kann und dass es nur auf einer Seite angezeigt wird! Da im Business-Template ausreichend Classes und ID's vergeben wurden sind, lässt sich das Star Wars Intro relativ gut einzubauen!
Was kann das Star Wars Intro?
Mit der folgenden Installation wird die gesamte Portal-Seite im Star Wars-Stiel animiert angezeigt
Wer möchte kann den Sound manuell dazuschalten!
Ein Klick auf die Seite stoppt das Intro!
Ein Klick auf den "Intro-Button" schließt die Animation für die im Plugin eingestellten Tage!
Installation fürs Business Template(v4) und die Portalseite
Einbau-Anleitung:
Für die Installation ist das Plugin "Globale Nachricht" notwendig! Sehr praktisch, da das Plugin von Haus aus bestimmen kann, wann etwas wiederholt angezeigt wird, wenn man es wegklickt (1-4 Tage oder unendlich)!
Plugin-Store unter "Admin > Plugins > Home > Plugin-Store" aufrufen!
Plugin "Globale Nachricht" installieren!
Rechte vergeben! Style und Farbeinstellungen haben keinen Einfluss!
Folgendes Skript unter "Nachricht" einfügen.
Unter "Cookie Lebenszeit" werden die Tage angeben, nachdem das weggeklickte Intro wieder angezeigt werden soll!
Fertig!Speichern nicht vergessen!
Das komplette Skript!
In Zeile 40 wird die Schräglage bestimmt!
In Zeile 52+86 wird die max. Dauer der Animation eingestellt
In Zeile 18-28 kann das Aussehen des Intro-Buttons angepasst werden!
Star Wars INTRO fürs Forum modifiziert - Für die Portal-Boxen - Teil 2! Aktualisiert 04.09.22
Will man das "Star Wars Intro" oder den Effekt in die Portal-Boxen einbauen, ist folgendes zu bedenken:
Ist der Sound hier wirklich notwendig? Beim Seiten-Neustart ist bereits Standard, dass der Sound unterbunden und nicht automatisch gestartet werden kann! Die Player-Konsole nimmt auch noch zusätzlich Platz ein!
Welche Box soll das Intro bekommen? Die seitlich kleinen Boxen oder besser, die mittleren Boxen?
Das Intro läuft schräg nach oben. Der Erkennungswert der Box ist dadurch gemindert! Muss das so sein? Mit einem kleinen Eingriff kann der Inhalt der Box automatisch gerade nach oben scrollen!
Oder so, siehe Text?
Installation fürs Business Template (v4) und für Portal-Boxen
Einbau-Anleitung:
Für die Installation ist auch hier das Plugin "Globale Nachricht" notwendig! Sehr praktisch, da das Plugin von Haus aus bestimmen kann, wann etwas wiederholt angezeigt wird, wenn man es wegklickt (1-4 Tage oder unendlich)!
Plugin-Store unter "Admin > Plugins > Home > Plugin-Store" aufrufen!
Plugin "Globale Nachricht" installieren!
Rechte vergeben! Style und Farbeinstellungen haben keinen Einfluss!
Folgendes Skript unter "Nachricht" einfügen.
Unter "Cookie Lebenszeit" werden die Tage angeben, nachdem das weggeklickte Intro wieder anzeigt werden soll!
Fertig!Speichern nicht vergessen!
Das komplette Skript!
Der Sound und damit auch die Player-Konsole ist nicht eingebaut!
In Zeile 47 wird die Schräglage bestimmt! Wird sie gelöscht oder auskommentiert, läuft sie gerade von unten nach oben!
In Zeile 58+105 wird die max. Dauer der Animation eingestellt
In Zeile 18-28 kann das Aussehen des Intro-Buttons angepasst werden!
In Zeile 92+93 steckt eine Hintergrund-Info für die leere Portalbox! In Zeile 63-70 kann der Inhalt formatiert werden!
Wichtig! Box-ID in Zeile 83 eintragen! Box ID über "Rechte Maustaste" - Portal-Box - "Untersuchen"
Riesen Respekt von mir, das hast du super umgesetzt, sieht echt Hammer aus, ist schlicht und einfach. Das sieht in der Portal-Box sehr gut aus.
Ich gebe nur eine ehrliche Meinung ab, Geschmäcker sind ja verschieden. Ich finde, ehrliche Meinungen sind ja auch sehr wichtig. Ich sehe das du daran ja schon Tage sitzt und sie bearbeitest und dir den Kopf zerbrichst. Jetzt sehen sie gut aus!
Star Wars INTRO fürs Forum modifiziert - Beliebige Startseite - Teil 3! Aktualisiert 05.09.22
Was kann das Star Wars Intro in Teil 3?
Mit der folgenden Installation kann die Start-Seite im Star Wars-Stiel ausgesucht werden! Es braucht nur die Classes einer oder mehrere Seiten eingetragen zu werden, z.B. die Forum Übersicht, der Blog, die Bildergalerie, u.s.w.
Wer möchte kann den Sound manuell dazuschalten!
Ein Klick auf die Seite stoppt das Intro!
Ein Klick auf den "Intro-Button" schließt die Animation für die im Plugin eingestellten Tage!
Star Wars Intro - Hier der Kalender
Installation fürs Business Template(v4) und einer beliebigen Startseite
Einbau-Anleitung:
Für die Installation wird auch hier das Plugin "Globale Nachricht" benötigt! Sehr praktisch, da das Plugin von Haus aus bestimmen kann, wann etwas wiederholt angezeigt wird, wenn man es wegklickt (1-4 Tage oder unendlich)!
Plugin-Store unter "Admin > Plugins > Home > Plugin-Store" aufrufen!
Plugin "Globale Nachricht" installieren!
Rechte vergeben! Style und Farbeinstellungen haben keinen Einfluss!
Folgendes Skript unter "Nachricht" einfügen.
Unter "Cookie Lebenszeit" werden die Tage angeben, nachdem das weggeklickte Intro wieder anzeigt werden soll!
Fertig!Speichern nicht vergessen!
Das komplette Skript!
In Zeile 40 wird die Schräglage bestimmt!
In Zeile 53+94 wird die max. Dauer der Animation eingestellt
In Zeile 18-28 kann das Aussehen des Intro-Buttons angepasst werden!
In Zeile 74 steckt der Sound!
In Zeile 66 wird die Class der Seite eingetragen, die animiert werden soll! Mehrere Seiten werden durch ein Komma getrennt!