Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo,

versuche es mal mit dem folgendem Code:

#thelogo {
box-shadow: 10px 10px 10px white;
}
 

Einfügen unter Layout > Farben & Einstellungen > CSS

Weitere Infos zu Box-Shadow:
https://www.html-seminar.de/css3-box-shadow.htm

Ins CSS

/* Header Rahmen in weiss oder transparent*/
.header {
  background-color: #ffffff; /* weiss */
  /* background-color: transparent; */ /* transparent*/
  background-image:unset;
}
 

Bei mein Code ist die Voraussetzung das du ein Logo hochgeladen hast (Layout > Kopf- & Fußzeile > Logo) und der Code von Mike funktioniert auch nicht bei allen Templates, aber auf jeden Fall beim Business Template.

Falls du das ProSilver Template hast müsstest du beim Code von Mike das .header durch .headerbar ersetzen.

Die beiden Codes bewirken übrigens ganz unterschiedliches, ich und Mike haben wohl deine Frage auch unterschiedlich verstanden

@Juwelchen

Hier eine Lösung, unter der Voraussetzung, dass du deinen Header als Bild in der Kopfzeile eingefügt hast :)

Zuerst gibst du im CSS dies ein:

#schatten-header{
box-shadow: 10px 10px 5px 10px red;
} 
 

Dabei sind die ersten zwei Angaben die Position auf x- und y-Achse, die dritte Zahl wie verschwommen der Schatten sein soll (umso höher die Zahl, umso verschwommener) und die vierte ist dafür da, wenn der Schatten größer als das Bild sein soll. Soll er die selbe Größe haben, kannst du die Zahl weg lassen. Zum Schluss kommt die Farbe. Bei weiß schreibst du einfach white hin. Willst du einen bestimmten Farbcode, dann schreibst du statt der Farbe #xxxxxx (die x durch Bauchstaben von a-f oder Zahlen von 1-9 ersetzen).
Wenn du das #shadow-logo oder sonst wie genannt hast, musst du "schatten-header" durch deinen gewählten Namen ersetzen (also z.B. shadow-logo)

Danach gehst du in die Kopfzeile. Da gibst du folgendes ein:

<div id="schatten-header"><img src="BANNER-URL"></div> 
 

Dann müsste es gehen. Im Screenshot siehst du ein Beispiel in meinem Testforum ^^ (sieht durch die Infoboxen etwas komisch aus ^^°)

Liebe Grüße

Alexej

Das Problem ist das Bild , der Schatten wird an der Box erzeugt und nicht am Bild , füllt das Bild dann die Box nicht zu 100% aus , sieht nicht gut aus.

Bearbeite mal das Bild mit einem Zeichenprogramm (Gimp etc.) und füge dem Bild selbst den Schatten zu.

@Juwelchen ich habe mal einen Schatten gemacht bei deinem Logo

So würde es dann aussehen



Das wäre dann das Logo mit Schatten



Nicht irritieren lassen, das Logo ist transparent.

Ich sehe gerade du möchtest gerne einen weißen Rand haben.

Das wäre dann das Logo hier, mit weißem Rand

Freut mich.

Da gibts keinen Code, ich habe das Bild lediglich mit einem Schatten versehen mit
einem Grafikprogramm.

Aber wenn du mal wieder Hilfe brauchst, kannst dich jederzeit an mich wenden.