Hallo zusammen, kann mir jemand eine einfach zu verstehende Anleitung geben, wie ich ein eigenes Hintergrund-Bild als Header einpflegen kann? Vielen Dank im Voraus Lg Bastian
Hallo Bastl 79! Das sollte kein Problem sein: Du öffnest die Datei „emotion.css“ die du unter folgendem Pfad findest: /httpdocs/templates/_emotion/frontend/_resources/styles In Zeile 575 dieser Datei solltest du Angaben finden wie z.B. : background: none repeat scroll 0% 0% rgb(242, 224, 208); border-bottom: 1px solid rgb(149, 149, 149); height: 115px; margin-bottom: 30px; Anstatt background:… änderst du den Wert wie folgt: background-image: url(DEIN-LINK-ZUR-HINTERGRUND-DATEI.PNG); Mit background-repeat: repeat; oder no-repeat; kannst du festlegen ob sich der Hintergrund wiederholen soll oder nicht. Mit background-position-x oder -y kannst du deinen hintergrund verschieben. Du kannst Begriffe wie background-image, background-repeat oder background-position auch googlen. Dann siehst du auch einige Beispiele. Gruß Gazu
Hi Gazu, vielen Dank für deine Hilfe!! Hab das mal so eingebaut, aber leider tut sich keine Veränderung, ich glaube er greift irgendwie nicht auf dieses css zu sondern auf ein irgendein anderes… hab das emotion.ccs mal gelöscht und da hat sich auch nichts verändert. Sorry glaub hab da wohl gemurkst… Hab ich ev. ein falsches template aktiviert? Könntest du mir auch hier weiterhelfen…? So hab ich es eingebaut, muss da auch das #Header davor? background-image: url(…/images/header_kunstlaedeli.jpg); border-bottom: 1px solid #D3D3D3; height: 115px; margin-bottom: 30px;} #header #logo {margin: 0;} #header #logo a {background: url(…/images/logo.jpg) no-repeat;width: 151px; height: 41px;margin: 40px 0 0;} Vielen Dank und Gruss Bastian
Hallo! Habe es gerade ausprobiert und es geht. Vielleicht ist es bei dir einfach eine andere Zeile. Benutz deine rechte Maustaste und klick in die untere linke Ecke deines Headers. Geh nun auf Element Untersuchen. Öffnet sich „div#header“? Wenn JA dann bist du richtig. Denn die Werte trägst du unter „div#header“ ein, nicht das du die irgendwo anders eingetragen hast.Das ist bei mir eben ab Zeile 575 in der Emotion.css „Element Untersuchen“ wird dir anzeigen wo sich die Werte in deiner Datei befinden, und zwar im rechten Fenster. Trag bitte folgendes ein: background-image:url(http://deinlinkzumbild.png); Mehr habe ich nicht eingetragen und es klappt. Eventuell steckt dein Bild unter einem anderen Pfad. Gib testhalber mal den richtigen http:// Pfad zum Bild an, anstatt …/images/… Und vergiss das Semikolon ; am Ende nicht. Sollte klappen! Gruß Gazu
