1-image 2-image 3-image
Sie sind hier: Startseite > Templates > Box mit Schatten

Box mit Schatten

Eine Seite sieht meist schöner aus, wenn Boxen mit Schatten dargestellt werden. Ich verwende hier ein angepasstes Template.

Ein paar weiter Infos dazu bei Stephan Heller.

Dieses ist ein einfaches Boxdesign.

Box mit Schatten

 


In der Datei stylesheet.css im Template muss dieses eingefügt werden:

/*   www.css-wiki.com/css-eigenschaft/box-shadow  */
#box-shadow {
border: 1px solid #000;
background-color:#FFFFA8;
width: 90%;
height: auto;
padding: 20px;
box-shadow: #999 10px 10px;
}

Das kann am Ende der Seite geschehen.

Auf der Seite wird das Template über Seite ⇒ Seitentemplate ausgewählt und gespeichert.


In der eigentlichen Seite wird dieser Code im HTML-Quelltext-Fenster an der entsprechenden Stelle eingetragen (die abgerückten Klammern < und > müssen entsprechend geändert werden).

< div id="box-shadow">Box mit Schatten</div >

 

Letzte Bearbeitung:
Please activate JavaScript in your browser.

» Sitemap

Aufgrund der neuen Cookies-Verordnung der EU: Einige Bereiche dieser Website benötigen zu ihrer Funktion neben den sogenannten SESSION-Cookies, auch Cookies, die personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient und / oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also: personenbezogenen Daten). Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, evtl. weitere Cookies auf Ihrem Rechner zu platzieren.

Erfahren Sie mehr über diese Cookies in der Cookie Policy.