Sie sind nicht angemeldet.

    • [CSS] CSS3 Einführung

    • 1
    • 2

    1

    Montag, 16. August 2010, 16:39

    CSS3 Einführung

    Beschreibung

    In diesem Tutorial zeige ich euch was ihr mit CSS3 erreichen könnt. Unter anderem gehe ich auf den Import von Fonts, Textschatten, Boxschatten und weiteres ein. Außerdem zeige ich euch wie ihr mit dem IE umgehen könnte, wenn er CSS3 nicht unterstützt. Sprich den Einsatz von Mircosoft Filtern.


    Vorschau




    Online-Videovorschau

    Versteckter Text Versteckter Text

    Dieser Text wurde vom Autor versteckt.


    Informationen
    • Hoster: Grufix-Board.de
    • Format: Windows Media Video (WMV)
    • Größe: 30,9 MB


    Schwierigkeitsgrad
    • Anfänger: [ x ]
    • Fortgeschrittene: [ _ ]
    • Profis: [ _ ]

    Quelltext

    Versteckter Text Versteckter Text

    Dieser Text wurde vom Autor versteckt.


    Download

    Versteckter Text Versteckter Text

    Dieser Text wurde vom Autor versteckt.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%
    Es haben sich bereits 89 registrierte Benutzer bedankt.

    Benutzer die sich bedankten:

    Terra (16.08.2010), fc-pictures (16.08.2010), fantaflascher (16.08.2010), darkEvil (16.08.2010), Weber Designs (16.08.2010), hobbeLe (16.08.2010), NicLab (16.08.2010), Reyes (16.08.2010), do0m (16.08.2010), Dornensplitter (16.08.2010), Duckx (17.08.2010), driftstyle (17.08.2010), Saphir (17.08.2010), Mirschegal (18.08.2010), Sholez (25.08.2010), gfxclusive (27.08.2010), $-$old (06.09.2010), DeeViL (07.09.2010), Slayerms (08.09.2010), Flügel (09.09.2010), errox47 (09.09.2010), Phil (10.09.2010), dand (10.09.2010), Klaus12345 (10.09.2010), KlausWuschel (10.09.2010), s3v1 (11.09.2010), cythux (11.09.2010), cedric1982 (12.09.2010), jay2 (22.09.2010), Yakuzza (26.09.2010), designfreaks (29.09.2010), Helgon (06.10.2010), Thunder242 (14.10.2010), Cherub (03.11.2010), ChrisID (14.11.2010), Tobias.swa (14.11.2010), ghost (18.11.2010), razkoo (18.11.2010), Fred (18.11.2010), Kaeese (20.11.2010), ulknudel (29.11.2010), soul (30.11.2010), BlizZart (04.12.2010), tobfo (15.12.2010), emmemm (17.12.2010), drantum (19.12.2010), Acruto (19.12.2010), fortune (20.12.2010), iDennY (21.12.2010), Clubi (04.01.2011), boom (06.01.2011), AcR (07.01.2011), LakoDesigns (12.01.2011), delta (13.01.2011), Simon (20.01.2011), Awesomé (20.01.2011), ingomc (23.01.2011), invader35 (27.01.2011), raXoN (31.01.2011), cannap (06.02.2011), Hubby (20.02.2011), Stroebi (23.02.2011), AchWayne (11.03.2011), h4rmlos (26.03.2011), nighty (02.04.2011), agielen (08.04.2011), truecolor (13.04.2011), chrioll (24.04.2011), mctekk (30.04.2011), Blyawon (30.04.2011), LuVWalkZ (30.04.2011), Steffi (30.04.2011), flizzy (07.05.2011), codi21 (09.05.2011), Godfather (11.05.2011), Xevelopy (16.05.2011), Bushido (17.05.2011), maulwurf (20.05.2011), lordbockbier (22.05.2011), bobbes (22.05.2011), xSeppelx (26.05.2011), Netw0rk (30.05.2011), __L9 (30.05.2011), mefra10 (01.06.2011), clown (01.06.2011), BloodyInsane (12.06.2011), Deststrom (08.07.2011), SpexXx (31.07.2011), cnrdweise (03.09.2011)

    • fantaflascher

      Routinier

    • Beiträge: 622

      Aktivitätspunkte: 3 210

      Registrierungsdatum: 28. Oktober 2009

      Wohnort:

      Beruf: Multimedia Designer, Pressefotograf, unabhängiger Autor in verschiedenen Fachverlagen

      Danksagungen: 65 / 38

      • Nachricht senden

    2

    Montag, 16. August 2010, 17:31

    Auf dich ist doch immer velass- Danke dir :D
    • NicLab

      Elite-Member

    • Beiträge: 387

      Aktivitätspunkte: 2 110

      Registrierungsdatum: 15. Februar 2010

      Wohnort: Deutschland

      Beruf: Freelance Designer

      Danksagungen: 105 / 7

      • Nachricht senden

    3

    Montag, 16. August 2010, 21:18

    Habe einen Fehler gefunden :P

    Bei deiner Preview ohne die CSS3 Sachen gibt es in der Navigation aber schon einen schatten also ... :P

    4

    Dienstag, 17. August 2010, 08:48

    Zitat von »NicLab«

    Habe einen Fehler gefunden :P

    Bei deiner Preview ohne die CSS3 Sachen gibt es in der Navigation aber schon einen schatten also ... :P

    Ich weiß und das wusste ich auch vor dem Tutorial. Nur bei der Navigation habe ich den Textschatten gelassen, weil der Hintergrund der Navigation schon weiß war und weiße Schrift auf weißem Hintergrund macht sich blöd. Außerdem dachte ich, dass es reicht, wenn ich den Textschatten beim Logo erkläre, weil im Footer war er auch noch vorhanden. :P
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    5

    Dienstag, 17. August 2010, 12:35

    Gutes Tutorial :)

    D.h. das CSS3 jetzt das neue CSS ist?

    6

    Dienstag, 17. August 2010, 13:47

    Ich würde nicht sagen, dass neue CSS. Es sind halt in CSS3 nur neue Funktionen dazugekommen. Leider ist wie immer das Problem, dass die ganzen diversen Browser noch nicht auf dem gleichen Stand sind, was die Implementierung von CSS3 angeht.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%
    • hobbeLe

      Aufsteiger

    • Beiträge: 129

      Aktivitätspunkte: 740

      Registrierungsdatum: 29. September 2009

      Wohnort: BaWü

      Beruf: Informationselektroniker

      Danksagungen: 0 / 6

      • Nachricht senden

    7

    Dienstag, 17. August 2010, 15:28

    Wäre noch cool wenn du vielleicht deinen code hier zum download anbieten könntest ;)
    ist der code nachher dann auch valid ?

    mfg hobbeLe

    8

    Mittwoch, 18. August 2010, 08:37

    Die xHTML-Datei ist valid, aber die CSS-Datei logischerweise deswegen nicht, weil einige Angaben vom W3C noch nicht als gültig erklärt worden sind. Wenn man sich anschaut wie groß die Unterschiede zwischen einigen Browsern sind, dann ist das aber auch verständlich.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    9

    Donnerstag, 9. September 2010, 19:58

    Nice danke ;)
    Schöne einführung :)

    10

    Donnerstag, 18. November 2010, 12:45

    sehr gut

    ich finde dieses tutorial sehr gut

    11

    Donnerstag, 20. Januar 2011, 11:54

    Schönes Tutorial, müsste mich mal mehr mit (x)html und css abgeben, raff da sogut wie nichts. xD
    [ Interface Tutorials ]
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Find me on:
    Dribbble - DevART - Twitter - LoveDsgn - Youtube
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    Currently learning: (X)HTML & CSS

    HTML: 25%

    CSS: 25%


    12

    Samstag, 30. April 2011, 05:07

    Hallo erstmal,



    vielen Dank für Deine Mühe dieses Tutorial zu erstellen...............aaaaaaaber wenn Du schon ein Tutorial machst solltest Du möglichst die Grafiken einfügen und den gesamten html und css Code zeigen oder einfügen.



    So ist es nur "nett" aber kaum zu gebrauchen, leider, leider leider.

    Bitte versteh mich nicht falsch, ich will nicht stinkern aber manche machen sich die Mühe um 03:00 Uhr morgen bis 05:00 Uhr Dein Tutorial nach zu machen und zu verstehen und verstehen nur halb - anstatt GANZ.

    Es fehlt der html, css und Grafik. Falls es Probleme mit dem Copyright gibt bei den Grafik dann mindenstens die Maße nehnen.

    Also nochmal es soll eine positive Kritik sein. Vielleicht kannst Du den Rest nehnen oder einfügen. Danke.

    13

    Samstag, 30. April 2011, 05:08

    Vielleicht online stellen, würde auch reichen????!!!!

    14

    Samstag, 30. April 2011, 13:29

    Ich wüsste nicht was das bringt. Es ist doch vollkommen egal was du für eine Grafik benutzt. Ich benutze nur eine einzige Grafik für den Hintergrund und die kannst du doch beliebig wählen. Es geht in dem Tutorial auch nicht darum wie man eine Website erstellt, sondern lediglich um die neuen Möglichkeiten in CSS3. Und ich denke, dass man diese sieht und der Quellcode müsste im Video auch gut erkenntlich sein.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    15

    Samstag, 30. April 2011, 13:34

    Zitat von »Grievous«

    Ich wüsste nicht was das bringt. Es ist doch vollkommen egal was du für eine Grafik benutzt. Ich benutze nur eine einzige Grafik für den Hintergrund und die kannst du doch beliebig wählen. Es geht in dem Tutorial auch nicht darum wie man eine Website erstellt, sondern lediglich um die neuen Möglichkeiten in CSS3. Und ich denke, dass man diese sieht und der Quellcode müsste im Video auch gut erkenntlich sein.


    Ich denke, dass man das gut als "Formelsammlung" benutzen kann, daher wird das wohl hier gewünscht.
    Mir würde das als reiner Code auch lieber sein, dann nurnoch kopieren, einfügen, anpassen.
    Das ganze Video habe ich mir noch nicht angesehen, aber bisher wirkte das auf mich sehr lehrreich, danke dir für deine Mühe.
    Adobe Photoshop: 68%

    Adobe Illustrator: 17%

    Nerven für Sinnloses: 1%

    16

    Samstag, 30. April 2011, 15:05

    Zitat von »LuVWalkZ«

    Zitat von »Grievous«

    Ich wüsste nicht was das bringt. Es ist doch vollkommen egal was du für eine Grafik benutzt. Ich benutze nur eine einzige Grafik für den Hintergrund und die kannst du doch beliebig wählen. Es geht in dem Tutorial auch nicht darum wie man eine Website erstellt, sondern lediglich um die neuen Möglichkeiten in CSS3. Und ich denke, dass man diese sieht und der Quellcode müsste im Video auch gut erkenntlich sein.


    Ich denke, dass man das gut als "Formelsammlung" benutzen kann, daher wird das wohl hier gewünscht.
    Mir würde das als reiner Code auch lieber sein, dann nurnoch kopieren, einfügen, anpassen.
    Das ganze Video habe ich mir noch nicht angesehen, aber bisher wirkte das auf mich sehr lehrreich, danke dir für deine Mühe.
    Da viele Mitglieder anscheinend gerne noch den Quelltext haben wollen, habe ich euch euren Wunsch erfüllt und ihn im Startpost hinzugefügt. Ich wünsche euch weiterhin gutes Gelingen.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    17

    Samstag, 30. April 2011, 15:59

    css3 is ne schöne sache, ich habe das auch schon einmal verwendet (runde ecken, verläufe etc..) gefällt mir...

    Eine frage habe ich allerdings, gibt es schon einen validator für css3? wenn ich meine css auf fehler überprüfe, kann er mit dem css3 zeugs nix anfangen (farben doppelt uvm..).
    mfg basteln

    Meine Webseite: Perspektive-S.de
    Jetzt in neuem Design und neu Kommentiert, innovativ und einfacher! schaut doch mal vorbei und lasst komments da =) gerne auch "banner"-tausch =)

    18

    Samstag, 30. April 2011, 16:57

    Zitat von »basteln«

    Eine frage habe ich allerdings, gibt es schon einen validator für css3?
    Ich glaube es genügt an dieser Stelle, wenn ich das World Wide Web Consortium (W3C) an dieser Stelle einmal zitiere.

    Zitat

    The validator for CSS3 is not released yet, since CSS3 itself is not completely ready. Update on the code follows the modifications that the working group is still making to several modules of CSS3.
    Ich hoffe, dass dir diese Antwort an dieser Stelle vorerst einmal reicht.
    currently: Visual C#

    next tutorials: JOIN Operations, CREATE Procedure

    skills: (x)HTML, CSS(3), PHP, SQL, Java, Haskell, Prolog

    JSnake: 95%

    JMinesweeper: 30%

    19

    Samstag, 30. April 2011, 17:21

    Zitat

    Ich wüsste nicht was das bringt. Es ist doch vollkommen egal was du für eine Grafik benutzt. Ich benutze nur eine einzige Grafik für den Hintergrund und die kannst du doch beliebig wählen. Es geht in dem Tutorial auch nicht darum wie man eine Website erstellt, sondern lediglich um die neuen Möglichkeiten in CSS3. Und ich denke, dass man diese sieht und der Quellcode müsste im Video auch gut erkenntlich sein.



    DANKE, da hast Du vollkommen recht, aaaber wenn schon denn schon :rolleyes:

    20

    Samstag, 30. April 2011, 17:32

    Nochmals DANKE, jetzt hast Du eine perfekte Arbeit abgegeben, so muss es sein, DANKE DIR TAUSENDMAL FÜR DEINE MÜHE.

    Ich meine es ernst! :D
    • 1
    • 2

    Ähnliche Themen

    Verwendete Tags

    Cascading Style Sheet, Cascading Style Sheets, CSS, CSS 3, CSS3, Filter, IE

    • Grufix-Board.de - GFX Webdesign Foto & Coding Community

    Grafik-Tutorials | Coding-Tutorials | Ressourcen | SEO | Webdesign | HTML5
    W3C Validator

    Forensoftware: Burning Board® 3.1.6, entwickelt von WoltLab® GmbH