Hallo Wolfgang, hier mal ein Geschenk für Dich - Animierter Würfel, animiertes Logo - Forum-Zeitung
Dein Forum sieht echt super aus und ist schon sehr cool und sehr modern.
Vor allem sieht Dein Cube super aus, passt sehr schön zu Deinem Style. Ich habe ein paar Tage bei einem Freund übernachtet und durfte an sein PC. Da habe ich voller Inspiration auch einen Cube erstellt.
Da ich kein PC und Internet habe, kann ich nicht aktiv hier sein und an meine Projekte arbeiten. Wie lange das dauert, kann ich leider nicht sagen, da ich extrem unter Beobachtung stehe. Du weist ja bescheid.
Habe mal den Code umgeschrieben und Dir als CSS geschrieben. Habe mir gedacht, dass Du es vielleicht nicht gleich verstehen kannst, darum habe ich es nochmal in SCSS geschrieben. Vieleicht verstehst Du es ja dann besser.
Ja, diese Version von Cube ist ein bisschen komplexer und etwas schwierig, aber ich hoffe, dass mit der neuen Umschreibung, dass Du es dann besser verstehst. Ist nicht böse gemeint, es war ein Fehler von mir, so ein Wurf ins kalte Wasser, lach.
Jedenfalls hoffe ich sehr, dass es Dir gefällt und Du es gut gebrauchen kannst. Dachte, dass es zu Deinem Forum passt. Wie immer kannst und darfst Du es verändern und erweitern.
Hier die neue Beschreibung und der neue Code in SCSS
<style> // Habe es für Dich umgeschrieben Wolfgang, hatte es vorher in CSS geschrieben. Dachte, dass Du da etwas Probleme hast. Hoffe, dass ich Dir damit etwas helfen konnte und es jetzt besser verstehst. Kannst es später ja in CSS umwandeln, wenn Du die SCSS besser verstehst. Wollte Dir damit ein bisschen helfen, mit freundlichen Grüßen Daishi
// Animation in Sekunden $animation-duration: 8s;
// Cube - Größe ändern $cube-size: 2em;
$cube-color: #0f0f36; $background-color: #afafaf;
// Bild Avatar von Wolfgang eingefügt $bg-grid: "https://files.homepagemodules.de/b104774/avatar-e1e3f372-1.gif";
// Bild vom Forum, von Wolfgang eingefügt $bg-image1: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png"; $bg-image2: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png"; $bg-image3: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png"; $bg-image4: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png"; $bg-image5: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png"; $bg-image6: "https://files.homepagemodules.de/b104774/a_151_37e79f57.png";
Hallo mein Freund, ich danke Dir so sehr für die tollen Inspirationen und Ideen, die Du mir immer so heimlich zuwirfst, "lach", ist gut gemeint.
Habe an diesem Script seit gestern Morgen gehangen und ich bin jetzt fertig geworden. Ich denke, dass es auch eine Inspiration für Dich ist und du es sehr gut gebrauchen kannst.
Ist ein modernes Xobor Logo.
Hoffe, dass es gut ankommt, mit cooler Hover-Effekt. Ich würde mich freuen, wenn Du es verwenden kannst und es als Logo fürs Business (v4) nehmen kannst.
Ich hoffe, dass ich Dir mit dem Script eine große Freude mache.
Ich weiß, viele sind überrascht, dass ich mal hier bin. Wenn ich eine Möglichkeit finde, schaue ich ab und an mal rein, habe im Moment keinen PC und bin selten im Internet zu sehen, viele Sachen zu erledigen.
Ich wünsche Euch Allen alles Gute, freue mich auf eine gute Zusammenarbeit mit vielen Ideen und Umsetzungen.
Hier das Geschenk für Dich. Habe es mit Liebe und Sorgfalt geschrieben und hoffe, dass es soweit fehlerfrei ist.
Ist im Skript in Zeile 93 zu finden. Im Moment steht er auf 2000, kannst ihn ja anpassen mit 900. Ich dachte mir, ich sage Dir nochmal Bescheid, nicht das Du Dich da blöde suchst.
Ich hoffe, dass ich Dir ein Stückchen weiterhelfen konnte.
Tut mir leid, hatte vergessen es gestern zu erwähnen.
Wünsche Euch für morgen noch einen schönen Feiertag.
Erst mal besten Dank für das super interessante Skript! Habe es unter die Lupe genommen und so einiges herausgefunden!
Die Animation funktioniert nur mit codierten "Base64" Bildern (Zeile 30). Die codierten Bilder haben einen superlangen Code (zu sehen am horizontalen Scrollbalken). Das heißt, dass nicht normale Bilder in Zeile 30 eingebaut werden können, sondern man muss ein Bild seiner Wahl erstmal mit einem "Online Base64 Encode" bearbeiten.
Dem Rechner wird bei der Animation sehr viel Rechenleistung abverlangt! Große Bilder mit viel Farbinhalten kommen da nicht in Frage! Ein direkter Einbau in die Startseite ist nicht zu empfehlen, aber ein Aufruf über "Eigene Seiten" passt da recht gut!
Habe es mal mit einem weboptimierten, farbigen Bild von 300px ( nur 9,51kB ) versucht und alles nach "Eigene Seiten" kopiert. Da die Körnung recht grob ist, habe ich geschaut, an welcher Schraube man drehen kann. Habe Zeile 49 von 1 auf 0.2, Zeile 91 von 4 auf 2 und Zeile 93 von 2000 auf 900 gestellt. Auf dem Bild ist dann kaum ein Raster zu sehen, aber die Lüfter des Rechners sind ganz schon am Ackern! Trotzdem unübertroffen, mit klasse Effekt!
Na, das ist ja jetzt ein Kunstwerk geworden, das jeden selbst zum Künstler werden lässt:
"Die Maus durch das Bild ziehen" kommt einem erst harmlos vor, aber verändert sich in der Weiter-Bearbeitung ständig.
Wie nennen wir die Weiter-Bearbeitung? Wie wärs mit "Weiß-Leuchtkugel-Schüsse im Farbnebel werden zu Konfetti-Seifenblasen, die Gefängnisstangen-Rasterlinien psychedelisch aufbiegen"? Und x-fache Farbkombi, wobei Kombinationen mit hellgrün, besonders die mit lila, definitiv mein:e Favorit:en sind!
Für schnellere, vergänglichere Mal-Ergebnisse ist Daishis Vorlage witzig, wer mehr Mandala-mäßig meditativ malen will, nimmt die Weiter-Bearbeitung...
Habe mal als just for fun einfach mal eine Forum-Zeitung mit Animation erstellt. War einfach mal eine Inspiration. Dachte, es würde passen, da dein Forum ja mega starke Veränderungen hat und mords modern ausschaut, Respekt erst mal für die krasse Arbeit.
Gefällt mir sehr gut, da hast du echt viel Arbeit gehabt um es zu modernisieren.
Wie gesagt, getestet habe ich es im Forum nicht können, denke aber, dass sie entweder im Portal geht oder in "Eigenen Seiten". Dachte mir, da du dich mit Xobor gut auskennst, findest du bestimmt eine Lösung, um diese Zeitung im Forum laufen zu lassen.
Ich habe immer noch keinen PC, darf aber bei einem Freund dran. Er ist immer fasziniert wie ich Skripte schreibe, der ist voll und ganz fasziniert, was man so alles machen kann.
Hier mal das Geschenk, hoffe, dass es dir gefällt und du auch Verwendung dafür hast.
Erstmal besten Dank für Dein Skript, Deine Arbeit und die interessante Idee!
Forum-Zeitung in Tabellenform
Forum-Zeitung mit "Activity Feed"
Mittlerweile schau ich auch, wie es mobil aussieht! Viele Spalten erschweren oft die Darstellung, siehe Portal.
Wie bei vielen oder ähnlich Skripten, muss immer wieder beachtet werden, dass sie nicht andere Skripte und CSS-Einträge beeinflussen oder dass das erstellte Skript selbst nicht beeinflusst wird!
Hinzu kommen noch die verschiedenen Browser und Templates!
Viele CSS-Einträge lagen "ungeschützt" da, wie "html, body, h1-3, p, hr, figure, ..."! Habe erstmal die CSS-Einträge mit ".paper" erweitert und geschaut, ob man "body + html" einfach weglassen kann!
Zusätzlich habe ich Scrollleisten verbaut, damit beim Verkleinern der Anzeige keine Div-Container ausbrechen und sich über die Ränder schieben!
Habe Höhen und Breiten mit Viewport-Angaben "vw" und "vh" (width: 50vw; height: 80vh) versehen, dadurch passt sich alles besser beim Verkleinern an!
Das Skript ist mit einem X-Button und Sitzungs-Cookies versehen. Wird die kleine Forum-Zeitung wegeklickt, erscheint sie erst nach dem erneuten Öffnen eines TAB's oder des Browsers.
Über die Platzierung in einem Plugin kann zielgenau bestimmt werden, wo die Forum-Zeitung angezeigt werden soll!
Neu! Die Forum-Zeitung kann nach einer beliebigen Zeit wieder aufgerufen werden!
Neu! Die Forum-Zeitung kann das Activity Feed anzeigen (Aktuelle Beiträge)!
Kommt für die Template (v1-4) in die Kopfzeile oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript!
Wird das Skript als Plugin angelegt, z.B. unter "Foren Übersicht - Footer", wird es nur in der Foren Übersicht angezeigt!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) und Mobil - Template (177) , Auswahl mit Mausklick oder Strg + Mausklick!
<h3 class="al_c p_b b_b">Das Forum - Der Treffpunkt für Hilfe, Tricks & Tipps</h3>
<h2 class="al_c p_t p_b ">Haben Sie mal wieder Ärger mit Ihrem PC?</h2><br>
<div class="paper1Col al_c p_l f_l" style="max-width: 200px; margin-left:10px;"> <h3 class="paper1Col al_l">Wird er in letzter Zeit immer langsamer?</h3> <p class="al_l p_r p_b"> <ul class="al_l" style="max-height:16vh; overflow:auto; padding-left: 15px; margin-bottom:10px; font: 14px Arial;"><li>Wieviel Autostart-Programme sind eingetragen?</li> <li>Wie sieht es mit Programmen im Hintergrund aus?</li> <li>Wie voll ist die Festplatte?</li> <li>Wann wurde die Festplatte defragmentiert?</li> <li>Sind alle Treiber aktuell?</li> <li>Führen Sie einen vollständigen Virenscan durch!</li> </ul> </p>
<h3 class="paper1Col al_l">Suchen Sie einen Weg, Ihren Internetauftritt bekannter zu machen?</h3> <p class="paper1Col al_l p_l p_b" style="max-height:8vh; overflow:auto; margin-bottom: 10px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </p> </div>
<div class="paper1Col al_c p_l f_l" style="max-width: 200px; margin-left:10px;"> <figure class="al_c"> <img src="https://files.homepagemodules.de/b104774/avatar-e1e3f372-1.gif" /> <figcaption style="font: 14px Arial; margin: auto; padding:5px 0; background: #eeeeee; color: #000000; max-width: 200px;">Administrator</figcaption> </figure><br /> <h3 class="paper1Col al_l" style="max-width:200px;">Suchen Sie ein passendes Script?</h3> <p class="paper1Col al_l p_l f_l" style="height:13.5vh; overflow:auto;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </p> </div>
<div class="paper1Col p_l f_l" style="max-width: 200px; margin-left:10px;"> <h3 class="paper1Col al_l" style="max-width:200px;">"Präsentieren Sie Ihre eigene Homepage oder Ihr eigenes Forum!</h3> <p class="paper1Col al_l p_l f_l" style="max-height: 30vh; max-width: 200px; overflow:auto; margin-bottom: 10px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </p> </div>
<div class="paper1Col p_l f_l" style="max-width:200px; margin-left:10px;"> <h3 class="paper1Col al_l" style="max-width:200px;">Suchen Sie gute und nützliche Programme?</h3> <p class="paper1Col al_l p_l f_l" style="max-height:31vh; max-width:200px; overflow:auto; margin-bottom: 10px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </p> </div> </div>
Soll die Forum-Zeitung, wenn sie weggeklickt wird, nach einer bestimmten Zeit wieder angezeigt werden, braucht nur das komplette JavaScript ausgetauscht werden!
Die Zeit wird über Zeile 3 in Stunden festgelegt! Sollen die Forum-Zeitung erst nach einem Tag eingeblendet werden, wird in Zeile 3 "24" eingetragen!
Kommt für die Template (v1-4) in die Kopfzeile oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript!
Wird das Skript als Plugin angelegt, z.B. unter "Foren Übersicht - Footer", wird es nur in der Foren Übersicht angezeigt!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) und Mobil - Template (177) , Auswahl mit Mausklick oder Strg + Mausklick!
In Zeile 9 wird als Hintergrundbild eine Zeitung angezeigt, in Zeile 24 kann die Transparenz angepasst werden, hier "0.6".
In Zeile 28-35 werden die mobilen Einstellungen festgelegt!
Soll die Forum-Zeitung, wenn sie weggeklickt wird, nach einer bestimmten Zeit wieder angezeigt werden, braucht nur das komplette JavaScript ausgetauscht werden!
Die Zeit wird über Zeile 3 in Stunden festgelegt! Sollen die Forum-Zeitung erst nach einem Tag eingeblendet werden, wird in Zeile 3 "24" eingetragen!
Wieder mal eine tolle Idee bzw. eine geniale Arbeit von Euch beiden!
Ich hab zwar keine Ahnung von nichts, aber produziere dann und wann auch Ideen: Könnte man die Forum-Zeitung nicht mit dem "Activity Feed" bestücken? Dann hätte man immer eine aktuelle "Forum-Tageszeitung" zur Hand.
Nachtrag: mit einem "Zeitungspapier"-Hintergrundbild und dem aktuellen Datum in der Titelleiste... Keine Angst: mir fällt noch mehr ein.
Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche: