Mit CSS können Sie Ihre Webseiten sehr einfach gestaltenleicht. Sie können über hundert Textstile auf einer Seite definieren (Ihre Seite sieht natürlich aus wie ein Zirkuszelt), aber es geht um die Einfachheit und Flexibilität, die mit der Verwendung von CSS auf Webseiten einhergeht.ThemeShock hat einen CSS-Codegenerator, der Ihnen beim Hinzufügen hilftMit wenigen Klicks können Sie Ihre Bilder mit verschiedenen Schlagschatteneffekten versehen. Sie wählen den Effekt und er schreibt den Code. Effekte können unten, an den Seiten, oben und unten, unten links, unten rechts, oben rechts und unten links oder in diagonalen Ecken hinzugefügt werden.
Bevor Sie beginnen; Überprüfen Sie die Abmessung IhresBild (das, dem Sie den Effekt hinzufügen möchten). Der Codegenerator hat eine vordefinierte Ober- und Untergrenze von 130 - 347px für die Bildbreite und -höhe. Wenn Ihre Bildmaße diesen Wert überschreiten, können Sie die Breite und Höhe später jederzeit bearbeiten. Mit dem Code können Sie auch die Deckkraft und Unschärfe des Schattens bestimmen. Sie können Ihr Bild nicht im Codegenerator hochladen. Es wird ein Standardbild verwendet, damit Sie eine Vorschau des Effekts anzeigen können.
Wählen Sie aus dem Dropdown-Menü den gewünschten Schatten ausWie Sie möchten, wird jedes Mal, wenn Sie einen der Selektoren ändern, ein neuer Code generiert. Stellen Sie daher sicher, dass Sie den neuesten Code verwenden. Sobald Sie den gewünschten Effekt ausgewählt haben, stellen Sie die Breite und Höhe Ihres Bildes mithilfe der horizontalen Bildlaufleiste ein. Verwenden Sie die rechte und linke Pfeiltaste, wenn Sie die Schaltfläche nur ein wenig verschieben möchten. Stellen Sie die Unschärfe und Opazität ein und der Code wird generiert. Durch Erhöhen oder Verringern eines dieser Parameter wird ein neuer Code erstellt.
Sobald alles festgelegt ist, kopieren Sie den CSS-Code in einCSS-Datei und nennen Sie sie für Ihre Webseite (oder Ihr Thema). Der HTML-Code für Ihre Webseite wird ebenfalls generiert (er ist für jeden Effekt, den Sie aus dem Dropdown-Menü auswählen, einzigartig). Kopieren Sie ihn und platzieren Sie den Bildcode (img src = "") dort, wo "Ihr Code hier" steht.
Das Beste an diesem Codegenerator ist, dasses funktioniert und ist kostenlos Es gibt zwar Maßbeschränkungen für Bilder, diese können jedoch aus dem Code heraus bearbeitet werden. Wenn Sie ein transparentes Bild (wie das oben gezeigte) verwenden, wird ein mattgrauer Hintergrund angezeigt. Sie können die Hintergrundfarbe später im Code bearbeiten. (Bearbeiten Sie den Codezeilenhintergrund: #ccc). Der Code verleiht allen Bildern auch einen 5-Pixel-Rahmen. Sie können den Rahmen auch bearbeiten. Wenn Sie jedoch die Breite vergrößern oder verkleinern, wird der Schatten mehr als erforderlich ausgeblendet oder sichtbar, sodass er am besten in Ruhe gelassen wird.
Besuchen Sie ThemeShock CSS Drop Shadow Generator
Bemerkungen