[gelöst] innerer und äußerer background verschieden ändern bei adaptivetheme
Eingetragen von RuediGE (55)am 15.08.2011 - 14:37 Uhr in
Hallo,
meine Frage möge trivial sein. Doch ich komme nicht klar. Bewusst habe ich die Farben mal krass gesetzt unter test.omdao.de
Gerne würde ich den Hintergrund direkt hinter dem Logo, Menü etc. in anderer Farbe darstellen wie den ganz äußeren Rahmen darum. Im css finde ich folgende Darstellung. Doch alle Änderungsversuche von mir ändern eben immer alles.
body,
#branding,
#header hgroup {
padding: 0;
margin: 0;
}
div#page {
padding-top: 10px;
}
#main-content > header {
padding: 5px 10px;
margin-bottom: 5px;
background: url(images/transparent-overlay-40.png) repeat 0 0;
background: rgba(255,255,255,0.4);
}
/* body backgrounds */
body.bb-n {
background-image: none;
}
body.bb-b {
background-image: url(images/bubbles.png);
background-position: 0 0;
background-repeat: repeat;
}
Wie muss der richtige Code lauten und wo muss er genau rein. Danke für Eure Hilfe.
Rüdiger
- Anmelden oder Registrieren um Kommentare zu schreiben
du musst der div id "page"
am 16.08.2011 - 07:51 Uhr
du musst der div id "page" einen anderen background verpassen.
nimm das:
div#page {
padding-top: 10px;
}
und mach im Firebug das daraus:
div#page {
padding-top: 10px;
background-color: #000;
}
voila.
bitte bitte frage nicht was Firebug ist :)
onkiro schrieb du musst der
am 16.08.2011 - 08:33 Uhr
du musst der div id "page" einen anderen background verpassen ... und mach im Firebug das daraus:
Nicht ganz ... die Änderung sollte schon in der Datei custom.css erfolgen. Im Firebug selbst ist eine Änderung ja nur eine Art Vorschau. Erst wenn es in den Stylesheets drin steht, hat das Ganze auch Bestand! Und Caches nach Änderungen leeren, wenn die Änderungen nicht auftauchen.
Thoor schriebonkiro
am 16.08.2011 - 09:31 Uhr
Nicht ganz ... die Änderung sollte schon in der Datei custom.css erfolgen. Im Firebug selbst ist eine Änderung ja nur eine Art Vorschau. Erst wenn es in den Stylesheets drin steht, hat das Ganze auch Bestand! Und Caches nach Änderungen leeren, wenn die Änderungen nicht auftauchen.
diesen Sachverstand hab ich jetzt einfach mal vorausgesetzt....
Danke und noch eine Kleinigkeit
am 18.08.2011 - 11:52 Uhr
Danke Euch bei beiden,
die Beschreibung von Onkiro war in der Tat vollkommen ausreichend. Es hat auf Anhieb geklappt.
Aber natürlich sehr nett, dass mich Thoor noch auf Kleinigkeiten aufmerksam macht. Es schadet in keinem Fall. Ich arbeite von Anfang an mit einer custom.css.
Habt noch einen kleinen Tipp wie ich das Logo zentriere für die gängigen Browser. Der Code sieht bei mir folgendermaßen aus:
#logo {
display: block;
float: left;
margin: 0 10px 0 0;
overflow: hidden;
}
Herzlichst
Ruedi
Images centrieren ist immer
am 18.08.2011 - 12:39 Uhr
Images zentrieren ist immer ein Akt. Sieh Dir mal folgendes Tutorial an, das erklärt es ganz gut.
Beste Grüße
Werner
du musst mehr mit Firebug
am 18.08.2011 - 12:38 Uhr
du musst mehr mit Firebug spielen!
du hat margin und padding an deinen "branding","header" und "logo" divs.
die musst du anpassen, dann ragt das logo auch nicht über den "page" rand.
[gelöst] Logo zentrieren - Danke
am 18.08.2011 - 13:20 Uhr
Hallo Onkiro,
Du bist wirklich super mit Deiner Zielsicherheit. Habe immer unter #logo in Firebug herumprobiert und bin nicht zur Lösung gekommen. Nun habe ich es aus der Ursprungsversion in style.css
/* Header */
#header {
margin: 0 10px;
padding: 0;
min-height: 92px;
}
auf folgende angepasst in der custom.css.
#header {
margin: 0 -12px 90px;
padding: 0px -12px 100px 0px;
}
Und es passt jetzt.
Danke
Ruedi
PS: Werner, Dir sei natürlich auch Dank für Deinen Hinweis.
gerne gerne. auch wenn die
am 18.08.2011 - 13:44 Uhr
gerne gerne. auch wenn die Lösung ein bischen abenteuerlich aussieht.
ich versteh da ein paar sachen nicht in deinem code.
-für was ist das branding div?
-dann ists nicht 100% mittig sondern das image ist größer als deine page width. Absicht?
-du schiebst mit dem margin in deinem branding div deinen gesamten content nach rechts, das gleichst du dann mit -px im Header wieder oben aus.
-und da sind ne menge Zeilen in deiner css die nicht gebraucht werden
ich glaub du kannst das noch bischen aufräumen und einfacher machen.
Das Original Theme u.style.css ist von Adaptivethemes at_timeout
am 19.08.2011 - 20:12 Uhr
-für was ist das branding div?
Offengestanden weiß ich auch nicht wofür das ist. Das Original style.css ist von Adaptivethemes at_timeout. Ich habe es unter adaptivethemes.com erworben. Es erschien mir eigentlich ganz ordentlich gemacht. Das beste, was ich nach langem Suchen gefunden habe. Aber der Service ist nebenbei unter aller Kritik. Man bekommt nie eine Antwort, obwohl sie einem auf der Website garantiert wird, zumindest, wenn man etwas kauft.
-dann ists nicht 100% mittig sondern das image ist größer als deine page width. Absicht?
ist behoben.
du schiebst mit dem margin in deinem branding div deinen gesamten content nach rechts, das gleichst du dann mit -px im Header wieder oben aus.
Das verstehe ich nicht, denn im branding habe ich nirgendwo in eine margin Angabe ungleich Null. Die Einstellung aus Style.css und custom.css sieht wie folgt aus. Wenn ich aus dem header die margin -10px auf Null setze und auch im logo die margin von 10px auf Null setze, dann ist komischerweise das Logo nicht mehr mittig.
custom.css
#header {
margin: 0 -10px 0px;
padding: 0px 0px 10px 0px;
}
style.css
#header {
margin: 0 10px;
padding: 0;
min-height: 92px;
}
#branding {
float: left;
padding: 0;
min-height: 80px;
width: 49.5%; /* Adjust this if you have a very long site name or large logo */
}
#logo {
display: block;
float: left;
text-align: center;
vertical-align: middle;
margin: 0 10px 0 0;
overflow: hidden;
padding: 10px 0 0 10px;
}
und da sind ne menge Zeilen in deiner css die nicht gebraucht werden
wie gesagt, ich habe es käuflich erworben und fasse das style.css gar nicht an, sondern füge nur Änderungen über die custom.css an.
Dein kritisches Feedback freut mich natürlich sehr. Arbeitest Du eigentlich professionell oder nur als Hobby? Würde mich freuen, wenn ich Deine Identität wüsste, ggf. auch über Kontakt test.omdao.de
Herzliche Grüße
Ruedi
nee nee ich bin bin absoluter
am 19.08.2011 - 22:19 Uhr
nee nee ich bin bin absoluter Hobbykoch auch wenn ich nebenher schon die ein oder andere Mark damit verdient habe. Allerdings machts mir grade Sorgen das du offensichtlich Geld für ein Theme bezahlt hast, das du
meines Verständnisses nach auch umsonst hättest haben können.
Würde mich freuen
am 22.08.2011 - 15:51 Uhr
Würde mich freuen, wenn wir doch in direkten Kontakt treten. Vielleicht zum mittelfristigen beiderseitigem Interesse und Vorteil.
du klickst auf meinen
am 23.08.2011 - 07:45 Uhr
du klickst auf meinen Nickname, dann auf kontaktieren und schickst mir ne PN. schon sind wir in direktem Kontakt. :)