Body-Animation Ein/Aus
ON/OFF
Neueste Themen
» Schnee-01 CSS-Animation
Mi 5 Apr 2017 - 14:40 von inde

» Frühling-02 CSS-Animation
Do 2 Apr 2015 - 11:56 von inde

» Frühling-01 CSS-Animation
Do 2 Apr 2015 - 11:52 von inde

» Ostern-02 CSS-Animation
Do 2 Apr 2015 - 11:15 von inde

» Ostern-01 CSS-Animation
Do 2 Apr 2015 - 11:10 von inde

» Bubble-blue CSS-Animation
Sa 3 Jan 2015 - 15:53 von inde

» Bubble-white CSS-Animation
Sa 3 Jan 2015 - 13:23 von inde

» Silvester-02 Flash-Animation
Do 1 Jan 2015 - 13:02 von inde

» X-MAS-08 Flash-Animation
So 30 Nov 2014 - 20:25 von inde

Mai 2018
MoDiMiDoFrSaSo
 123456
78910111213
14151617181920
21222324252627
28293031   

Kalender Kalender

Suchen
 
 

Ergebnisse in:
 

 


Rechercher Fortgeschrittene Suche

Schlüsselwörter


Tutorials, Tipps und Urheberrecht

 :: Tutorial :: Tutorial

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Auftrag erledigt Tutorials, Tipps und Urheberrecht

Beitrag von inde am Sa 29 Nov 2014 - 16:46




FGFX-DEMO als Zweitforum von Flash-GFX.com stellt keinerlei Konkurrenz für das Forumieren-Support-Forum oder deren Grafikern da. Wir verstehen uns vielmehr als Ergänzung für die gestalterischen Möglichkeiten und möchten Dir hier Hintergrund-Animationen anbieten, um Dein Forum entsprechend Deinem Thema/Style zu verschönern bzw. anzupassen. Somit liegt das Dasein dieses Forums nur in der Darstellung mit Hilfe von HTML begründet. Auch wird es in diesem Forum keinen Support geben!!! In allen gezeigten Themen kannst Du uns gerne Rückmeldungen oder auch Anregungen hinterlassen, worüber wir uns freuen würden. Als Gast hast Du eine Schreibberechtigung und kannst uns auch einen Link zu Deinem Forum hinterlassen (Bitte keine Mailadressen). Fakeposts wie auch Beiträge die gegen die AGB von Forumieren verstoßen werden kommentarlos gelöscht! Eine Anmeldung in diesem Forum ist ausgeschlossen!
Regeln:
Das Kopieren und veröffentlichen der Grafiken aus den iFrames zum Zwecke einer anderweitigen Nutzung ist nicht gestattet!!! Unsere angebotenen CSS- und Flash-Animationen (für den Hintergrund/Body des Forums) dürfen nur auf Forumieren-Foren verwendet werden! Eine Nutzung der iFrames, das Kopieren von Codes und Grafiken sowie der Tutorials für eine Darstellung, auf Nicht-Forumieren-Foren, Webseiten o.ä. ist nicht gestattet, wird geahndet und zur Anzeige gebracht!!!
Durch die Nutzung der iFrames und dazugehörigen Codes erkennst Du unsere Regeln an.
Ausschließlich für Forumieren-Admins bieten wir hier auch ein entsprechendes Tutorial an.



Tipps
Für die Darstellung der animieren Seiten wird einmalig ein CSS-Code eingefügt, somit entfällt bei einem Wechsel der Animation das erneute Einsetzen. Weiterhin erfolgt das Einbinden eines iFrames der die jeweilige Seite darstellt. Zumeist sind unsere Animationen transparent, sodass Dein eingestelltes Hintergrundbild dadurch nicht beeinträchtigt wird und nur als Ergänzung in Deinem Style dient. Unsere Demo-Seiten kannst Du auch über die Selektion oben Links in der Toolbar aufrufen und danach die Animation nach belieben wechseln. Auf unseren Demo-Seiten hast Du auch die Möglichkeit über einen Wahl- oder Styleschalter den Hintergrund der Deinem Forum am nächsten kommt einzustellen. Geübte User können dies natürlich auch mit Hilfe von Firebug o.ä. in der Class " body" umsetzen. Setze bitte auch jeweils nur eine Animation in Deinem Forum ein, da es ansonsten zu Störungen kommt.

Natürlich kann man auch durch Transparenz oder auch Teiltransparenz einer Grafik o.ä. sehr gute Effekte in sein Forum einbringen. Dazu wird es hier jedoch keinen Support geben, bei Fragen hierzu nutze bitte die Suche im Support von Forumieren mit dem Schlagwort "transparent". Wir nehmen hier lediglich ein Feedback und Anregungen entgegen. Danke für Dein Verständnis.
Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Sa 29 Nov 2014 - 16:46 Uhr, durch inde erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.


avatar
inde

Admins

Alter : 53
Nick : 独立 Fla⚡h The Scene™
Beiträge : 39
Dabei seit : 25.11.14
Ort : Localhorst

Benutzerprofil anzeigen http://www.flash-gfx.com

Nach oben Nach unten

Auftrag erledigt Formate - Varianten - Vor und Nachteile

Beitrag von inde am Sa 29 Nov 2014 - 16:50

Formate

Grundsätzlich werden von uns 2 Formate für die Animationen angeboten, wobei wir bemüht sind die Dateien so gering wie nur möglich zu halten um die Ladezeit Deiner Seite nicht unnötig zu verlängern. Auch wird Dir innerhalb des Beitrags für den Code die Dateigröße bzw. das Ladevolumen sowie das Format bekanntgegeben.

  1. Format: Animation über das CSS. Hierbei kann eine Animation von Grafiken oder aber auch nur Textzeichen erfolgen. Die Animation wird von vielen Browsern wiedergegeben wie z.B. Firefox, Chrome, Opera Safari und ab der Version 10 auch mit dem Internet-Explorer. Auch werden die Animationen von vielen Browsern auf den mobilen Endgeräten wiedergegeben.
  2. Format: Animation als Flash. Diese Animationen werden von allen Browsern dargestellt, es gibt lediglich Ausnahmen bei mobilen Endgeräten (Telefone etc. älteren Baujahrs) die nicht in der Lage sind die Animation wegen des fehlenden Flash-Plugins wiederzugeben.



Varianten

  1. Variante: Das Einfügen des iFrames in der "Beschreibung der Webseite".
  2. Variante: Einfügen des iFrames in ein Modul (ohne Abschaltung). Das Modul wird dann auch nicht weiter angezeigt. (Ideal dazu geeignet wenn der Platz in der "Beschreibung der Webseite" bereits vergeben ist.)
  3. Variante: Einfügen des iFrames in ein Modul, über das Du die Animation abschalten kannst. Mehr über das Ein-Ausblenden von Modulen erfährst Du hier im Support. Du musst dann nur noch selbst einen Hinweistext/Grafik o.ä. hinzufügen. Die Gestaltung dazu dürfte Dir sicherlich nicht schwer fallen. Übrigens befindet sich hier im Forum die Variante zum Abschalten im ersten Modul ganz oben.


Bilder sagen mehr als tausend Worte, deshalb findest Du in den Spoilern der Tutorials hauptsächlich Grafiken wieder. Lediglich der einmalig einzufügende CSS-Code ist hinzugefügt. Den Code für das iFrame findest Du auf der jeweiligen Code-Seite Deine Wahl wieder.

Variante 1 - ZUM TUTORIAL
Variante 2 - ZUM TUTORIAL
Variante 3 - ZUM TUTORIAL
Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Sa 29 Nov 2014 - 16:50 Uhr, durch inde erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.


avatar
inde

Admins

Alter : 53
Nick : 独立 Fla⚡h The Scene™
Beiträge : 39
Dabei seit : 25.11.14
Ort : Localhorst

Benutzerprofil anzeigen http://www.flash-gfx.com

Nach oben Nach unten

Auftrag erledigt Tutorial - Variante 01

Beitrag von inde am Sa 29 Nov 2014 - 16:51

Variante-01- Das Einfügen des iFrames in der "Beschreibung der Webseite"

Klick hier zum Öffnen des Tutorial Variante-01:


Der CCS-Code zum Einfügen:
Code:

/*Ab hier Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/
#fgfx_bodybg {
    background: none repeat scroll 0 0 transparent;
    height: 1440px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
/*Ende Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/

Einfügen des iFrames, diesen Code erhältst Du im jeweiligen Demo-Beitrag.

Have fun

Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Sa 29 Nov 2014 - 16:51 Uhr, durch inde erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.


avatar
inde

Admins

Alter : 53
Nick : 独立 Fla⚡h The Scene™
Beiträge : 39
Dabei seit : 25.11.14
Ort : Localhorst

Benutzerprofil anzeigen http://www.flash-gfx.com

Nach oben Nach unten

Auftrag erledigt Tutorial - Variante 02

Beitrag von inde am Sa 29 Nov 2014 - 16:52

Variante-02- Das Einfügen in ein Modul ohne Abschaltung

Klick hier zum Öffnen des Tutorial Variante-02:


Der CCS-Code zum Einfügen:
Code:

/*Ab hier Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/
#fgfx_bodybg {
    background: none repeat scroll 0 0 transparent;
    height: 1440px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
/*Ende Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/


Einfügen des iFrames, diesen Code erhältst Du im jeweiligen Demo-Beitrag.


Have fun

Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Sa 29 Nov 2014 - 16:52 Uhr, durch inde erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.


avatar
inde

Admins

Alter : 53
Nick : 独立 Fla⚡h The Scene™
Beiträge : 39
Dabei seit : 25.11.14
Ort : Localhorst

Benutzerprofil anzeigen http://www.flash-gfx.com

Nach oben Nach unten

Auftrag erledigt Tutorial - Variante 03

Beitrag von inde am Sa 29 Nov 2014 - 16:54

Variante-03- Das Einfügen in ein Modul mit Abschaltung

Klick hier zum Öffnen des Tutorial Variante-03:


Der CCS-Code zum Einfügen:
Code:

/*Ab hier Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/
#fgfx_bodybg {
    background: none repeat scroll 0 0 transparent;
    height: 1440px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
/*Ende Zusatz für die FGFX-DEMO-HINTERGRUNDANIMATION*/


Einfügen des iFrames, diesen Code erhältst Du im jeweiligen Demo-Beitrag.
Den Hinweistext kann Du Dir selbst gestalten oder vielleicht auch durch Grafiken ersetzen. Eine Kombination aus Text und Grafik befindet sich auch hier im Forum, im ersten Modul.


Have fun

Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Sa 29 Nov 2014 - 16:54 Uhr, durch inde erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.


avatar
inde

Admins

Alter : 53
Nick : 独立 Fla⚡h The Scene™
Beiträge : 39
Dabei seit : 25.11.14
Ort : Localhorst

Benutzerprofil anzeigen http://www.flash-gfx.com

Nach oben Nach unten

Auftrag erledigt Re: Tutorials, Tipps und Urheberrecht

Beitrag von Gesponserte Inhalte

Die Betreiber des Forums distanzieren sich hiermit ausdrücklich von dem am
Uhr, durch Gesponserte Inhalte erstellten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, so können Sie diesen hier dem Administrator melden. Der Inhalt wird dann schnellstmöglich geprüft und ggf. gelöscht.

Gesponserte Inhalte


Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 :: Tutorial :: Tutorial

Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten