Zuhause Social Media Dreamweaver CS6: Hinzufügen von Textschatten mit CSS3 - Dummys

Dreamweaver CS6: Hinzufügen von Textschatten mit CSS3 - Dummys

Video: CSS3-Schatten über box-shadow - HTML/CSS Tutorial von http://www.html-seminar.de 2025

Video: CSS3-Schatten über box-shadow - HTML/CSS Tutorial von http://www.html-seminar.de 2025
Anonim

Teil von Dreamweaver CS6 Für Dummies Cheat Sheet

In Dreamweaver CS6 können Sie Ihre Designs verbessern und Ihren Seiten mehr Tiefe verleihen, indem Sie CSS3-Regeln für Textschatten hinzufügen. neueste Web-Technologie. Durch das Hinzufügen von Textschatten können Sie Ihre Wörter leichter lesen, besonders wenn Ihr Design einen komplexen Hintergrund hat oder wenn Ihre Hintergrund- und Textfarben keinen Kontrast haben.

Kredit: Paul Gual, istockphoto. com

Dreamweaver CS6 unterstützt CSS3-Textschatten, wenn Sie den Bereich "Eigenschaften" im Bedienfeld "CSS-Stile" verwenden. Sie können Klassen- oder ID-Stile mit Textschatten erstellen und vorhandenen HTML-Elementen Textschatten hinzufügen, indem Sie einen Tagstil definieren, z. B. den Stil der Überschrift 1, der im Bild verwendet wird.

Der CSS3-Code, der diesen Textschatten erzeugt, ist

h1 {text-shadow: 2px 2px 3px # 000;}

Die Zahlen im Code geben an, dass der Textschatten um 2 Pixel nach rechts und 2 Pixel unterhalb des Textes mit einer 3-Pixel-Unschärfe. Darüber hinaus wird der Schatten mit der Farbe Schwarz erstellt, die durch den abgekürzten hexadezimalen Farbcode # 000 angegeben wird.

Beim Erstellen von Regeln für Textschatten können Sie bis zu vier Werte angeben:

  • Horizontal und vertikal: Die ersten beiden Zahlenwerte sind erforderlich und legen die horizontalen und vertikalen Offsets fest - die Entfernung Der Schlagschatten erstreckt sich unter dem Text (horizontal) und rechts vom Text (vertikal).

  • Weichzeichnungsradius: Der dritte Wert gibt die Unschärfe im Schatten an. Wenn Sie keinen Weichzeichnungsradius angeben, ist der Standardwert 0, wodurch der Schatten als Volltonfarbe angezeigt wird.

  • Farbe: Der vierte Wert gibt die Farbe des Schattens an und kann mit einem hexadezimalen Farbcode oder einem RGBa-Farbcode definiert werden.

Sie können einen Textschatten hinzufügen, indem Sie den Bereich "Eigenschaften" unten im Bedienfeld "CSS-Stile" verwenden, wie im Bild gezeigt. Gehen Sie dazu folgendermaßen vor

  1. Klicken Sie auf den Link Eigenschaft hinzufügen auf der linken Seite des Fensters CSS Styles Property.

  2. Geben Sie den Namen der CSS3-Stilregel, den Textschatten ein, oder wählen Sie die Stilregel aus der Dropdown-Liste aus.

    Nachdem der Name auf der linken Seite erscheint, erscheint ein kleiner Pfeil auf der rechten Seite.

  3. Klicken Sie, um den Pfeil rechts neben dem Textschatten auszuwählen.

    Eine Box wird angezeigt.

  4. Geben Sie die X- und Y-Versatzwerte, den Weichzeichnungsradius und die Farbe ein.

Dreamweaver CS6: Hinzufügen von Textschatten mit CSS3 - Dummys

Die Wahl des Herausgebers

Web Marketing: Warum Suchmaschinen existieren - Dummies

Web Marketing: Warum Suchmaschinen existieren - Dummies

Wenn Sie verstehen, warum Suchmaschinen existieren, können sie für Sie in Ihrem Web-Marketing-Geschäft arbeiten. Also, hier ist eine kurze Lektion, warum Suchmaschinen existieren und wie Sie sie nutzen können, um Geld zu verdienen. Suchmaschinen liefern Relevanz. Relevanz bedeutet, dass Besucher auf Suchergebnisse klicken und zufrieden sind mit ...

Was sind Tür- und Informationsseiten? - dummies

Was sind Tür- und Informationsseiten? - dummies

Eine Doorway-Seite wird nur als Zugang von einer Suchmaschine zu Ihrer Website erstellt. Doorway-Seiten werden manchmal als Gateway-Seiten und Geisterseiten bezeichnet. Die Idee besteht darin, hoch optimierte Seiten zu erstellen, die von Suchmaschinen aufgenommen und indiziert werden und die mit etwas Glück gut ranken und somit den Traffic auf eine ...

Was ist eine Weiterleitung bei der Suchmaschinenoptimierung? - Dummies

Was ist eine Weiterleitung bei der Suchmaschinenoptimierung? - Dummies

Eine Weiterleitung ist das automatische Laden einer Seite ohne Benutzereingriff. Sie klicken auf einen Link, um eine Webseite in Ihren Browser zu laden, und innerhalb von Sekunden verschwindet die geladene Seite, und eine neue wird angezeigt. Designer erstellen häufig Seiten für Suchmaschinen - optimierte, schlüsselwortreiche Seiten -, die Besucher auf die ...

Die Wahl des Herausgebers

Behandeln Probleme mit dem Kundenservice über Social Media - Dummies

Behandeln Probleme mit dem Kundenservice über Social Media - Dummies

, Wenn Kunden wissen, dass sie direkt mit ein Geschäft in den sozialen Medien, können sie aus einer beliebigen Anzahl von Gründen mit ihnen in Verbindung treten. Aber sobald sie merken, dass ein Problem mit dem Kundenservice oder einer Produktfrage über einen einzigen Tweet oder Beitrag angesprochen werden kann, ist es wahrscheinlicher, dass sie mit dem Unternehmen Geschäfte machen.

Acht Möglichkeiten, Social Media Feedback zu erhalten - Dummies

Acht Möglichkeiten, Social Media Feedback zu erhalten - Dummies

Die heutige Technologie verändert die Art und Weise, wie wir Geschäfte machen blitzschnell. Auch der Social-Media-Handel bewegt sich blitzschnell, aber durch die Beobachtung von Erwähnungen und Fragen an die Community können Sie einen Eindruck davon bekommen, wie Ihr Markt über bevorstehende Veränderungen denkt. Auch andere Posts können Ihnen helfen, kritisches Feedback aus der Öffentlichkeit zusammenzustellen ...

Manage Social Media Commerce mit HootSuite - dummies

Manage Social Media Commerce mit HootSuite - dummies

HootSuite ist ein Social Media Management System zur Umsetzung von Outreach und Überwachung in sozialen Netzwerken über ein einziges webbasiertes Dashboard. Für Unternehmen wird HootSuite am häufigsten von Social-Media-Teams mit mehreren Agenten verwendet, aber auch viele Einzelanwender mögen es. Wenn Sie auf der Suche nach einer robusten Plattform sind, die alles an einem Ort hält, ...

Die Wahl des Herausgebers

Die 5 Kornsterne der Mittelmeer - Dummies

Die 5 Kornsterne der Mittelmeer - Dummies

Die Mittelmeerdiät ist in der Praxis des Habens begründet ein Vollkorn zu jeder Mahlzeit. Und nein, das bedeutet nicht, eine ganze Platte Vollkornspaghetti mit Fleischsauce zum Abendessen zu essen. Stattdessen machen die Menschen im Mittelmeerraum ihr Getreide zur Beilage oder schaffen durch die Zugabe von magerem Eiweiß mehr Gleichgewicht ...

Strebe nach Gesundheit mit 7 bis 10 Portionen Obst und Gemüse - Schnuller

Strebe nach Gesundheit mit 7 bis 10 Portionen Obst und Gemüse - Schnuller

Der Verzehr von sieben bis zehn Portionen Obst und Gemüse pro Tag, wie sie für die mediterrane Ernährung empfohlen werden, mag sehr viel erscheinen, aber es muss keine so große Herausforderung sein. Wenn Sie nicht die Früchte und das Gemüse lieben, die spezifisch mit der Mittelmeerdiät verbunden sind, ist das okay! Essen Sie jede Art von Obst oder Gemüse, die Sie ...

Die gesundheitlichen Vorteile von mediterranen Kräutern und Gewürzen - Dummies

Die gesundheitlichen Vorteile von mediterranen Kräutern und Gewürzen - Dummies

Sie haben vielleicht gedacht, dass der Oregano und Basilikum in Ihrer Spaghetti-Sauce lieferte nur einen deutlichen italienischen oder mediterranen Geschmack, aber diese kleinen Kräuter sind Pflanzen, was bedeutet, dass sie alle Arten von gesundheitlichen Vorteilen haben, die einen großen Einfluss auf Ihre allgemeine Gesundheit haben können. Einfache Gewürze wie Ingwer und Oregano enthalten Phytochemikalien, ...