Hallo,
ich muss erwähnen, dass ich mich erst seit gestern mit bootstrap und css auseinandersetze.
Link zur Seite: http://oppermann-events.com/ (das sind bisher alles nur Testbilder, um die Funktionen zu verstehen :-))
Ich will dieses Mal keine Erweiterungen nutzen und mein Template selbst designen.
Hab jetzt erstmal eine custom.css erstellt und das Hintergrundbild so eingefügt, damit es responsive bleibt.
body {
background-image: url("../images/hintergrundbild.png");
background-position: center center;
background-size: cover; /* oder contain
background-repeat: no-repeat;
}
Jetzt würde ich gerne das Template in 3 Teile aufteilen. Head mit Logo, Banner und Inhaltsbereich. Dabei habe ich mir gedacht, dass ich zwei neue Module anlege auf die Position Banner und diese oberhalb und unterhalb des Hauptbanners einfüge. Diese zwei Bereiche würde ich dann gerne transparent machen, damit meine Seite 3-geteilt ist. Später möchte ich dann in die restlichen Bereiche eine leichte Transparenz einfügen, damit man das Hintergrundbild leicht durchschimmern sieht.
Gehe ich vom Ansatz her richtig ran an die Sache? Was muss in der custom.css stehen, damit die 2 Module transparent werden?
Hab mich schon mit Firebug beschäftigt und viel gegoogelt, aber irgendwie klappt es nicht so richtig.
Danke!
Tim