Frage zum Thema "colors.css" im Bartik-Theme
Eingetragen von jzutr89 (15)am 29.10.2013 - 14:21 Uhr in
Unter meineSeite/themes/bartik/css/colors.css Habe ich eine css-Datei, und diese enthält Informationen über meinen Footerwrapper:
#page-wrapper,
#footer-wrapper {
background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
color: #fffeff;
}Ich will nun in den Ordner meineSeite/themes/bartik/css/ eine Bilddatei als jpg Setzen, damit der Footer diese anzeigen kann.
#page-wrapper
{
background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
color: #fffeff;
}
#footer-wrapper
{
background-image: url( /meinBild.jpg );
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
color: #fffeff;
}Nun meine Frage: Darf ich das so machen, oder kann es sein, dass aus irgendwelchen Gründen Drupal dann die colors.css-Datei nicht mehr als wohlgeformt erkennt?
Wenn dem so ist, brauche ich ein besonderes Modul oder gibt es eine Funktion, wo man anstatt einer bestimmten Farbe ein Bild in den Foote setzen kann?
Wenn ich auf meiner Drupalseiet auf Appearance --> Bartik --> Settings gehe, dann kann ich zwar eine Hintergrundfarbe für den Footer wählen, aber ich kann kein Bild als Footerhintergrund auswählen. UNd vor allem: Ich kann das Setting für Fotterhintergrundfarbe nicht einfach leer lassen.
- Anmelden oder Registrieren um Kommentare zu schreiben
In diesem Ordner
am 29.10.2013 - 15:15 Uhr
In diesem Ordner "meineSeite/themes/bartik/css/" solltest Du _überhaupt_ nichts machen.
Wenn Du Bartik anpassen möchtest, soltest Du ein Subtheme davon machen und jenes anpassen.
Grund: Der Bartik-Ordner wird bei einem Drupal-Update überschrieben und dann hast Du Deine Anpassungen verloren.
Du kannst nach dem Thema googlen, hier ein Beispiel, hier ein anderes.
Vielen Dank auch für den [gelöst]
am 31.10.2013 - 19:01 Uhr
Vielen Dank auch für den Tipp...aber:
Ich habe ein Subtheme ,setbgcolour, für Bartik geschrieben.
Ich habe also in sites/all/themes einen Ordner setbgcolour angelegt.
In diesem Ordner befindet sich der Ordner color, den ich aus themes/bartik herüberkopiert habe.
Ich habe die setbgcolour.info, welche wie folgt aussieht:
name = setbgcolour
description = A bartik subtheme.
#package = Core
core = 7.x
base theme = bartik
stylesheets[all][] = css/setbgcolour
stylesheets[all][] = css/colors.css
regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[highlighted] = Highlighted
regions[featured] = Featured
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second
regions[triptych_first] = Triptych first
regions[triptych_middle] = Triptych middle
regions[triptych_last] = Triptych last
regions[footer_firstcolumn] = Footer first column
regions[footer_secondcolumn] = Footer second column
regions[footer_thirdcolumn] = Footer third column
regions[footer_fourthcolumn] = Footer fourth column
regions[footer] = Footer
settings[shortcut_module_link] = 0
Außerdem habe ich in dem Ordner noch einen anderen Ordner, css, der folgendermaßen aufgebaut ist:
1. befindet sich dort eine jpg-Datei namens backgroundimage.jpg, 2. ist dort die color.css. Diese sieht wie folgt aus (habe sie nach ner Anleitung geschrieben):
/*OVERRIDE regions[content]: setting region background color to transparent so that you can see the background image behind it*/
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
background-color:transparent;
background-image:none;
}
/*OVERRIDE page-wrapper: setting a background image*/
/*change ONLY this one for full screen images*/
#page-wrapper{
background-image:url(background.jpg);
}
OVERRIDE regions[footer]: setting region background color to transparent so that you can see the background image behind it
#footer-wrapper {
background-color:transparent;
background-image:none;
}
Meine Idee ist die, dass ich eben den Header und den Footer transparent mache, und dann eben die Hauptebene das angegebene Bild, also background.jpg, als Hintergrund hat.
Nun meine 2 Fragen:
1.: Wenn ich das Theme als Defult setze, dann erscheint der gesamte Hintergrund in weiß, nur das Bild erscheint nicht.
Ich habe dann mal an der URL den absoluten Pfad eingegeben und die Seite dann neu geladen - es war immernoch der ganze Hintergrund weiß.
Ich habe dann Configuration-->Performance-->clearCaches gemacht, dann habe ich die Seite wieder neu geladen mit dem relativen Pfad, und nichts hat sich getan.
Was fehlt? Ist die URL verkehrt?
2.: Wenn ich das Theme jetzt als default gesetzt habe, dann darf ich noch etwas in der .css-Datei verändern, die Veränderung abspeichern und dann die Seite mit F5 neu laden, oder?
Oder muss ich das Subtheme erst disablen, um es erst DANN modifizieren zu können?
jzutr89
am 30.10.2013 - 18:44 Uhr
stylesheets[all][] = css/colors.css1. befindet sich dort eine jpg-Datei namens backgroundimage.jpg
#page-wrapper{background-image:url(background.jpg);
}
Wie heißt die Datei nun?
backgroundimage.jpg oder background.jpg?
Mit Firebug kannst du testen, ob das Bild geladen wird oder nicht.
2.: Wenn ich das Theme jetzt als default gesetzt habe, dann darf ich noch etwas in der .css-Datei verändern, die Veränderung abspeichern und dann die Seite mit F5 neu laden, oder?
Oder muss ich das Subtheme erst disablen, um es erst DANN modifizieren zu können?
Du kannst die CSS bearbeiten, während das Theme aktiv ist. Schalte am besten die CSS Aggregation und das Caching aus, solange du am entwicklen bist und die Site nicht live ist.
Ok, jetzt hat es funktioniert
am 30.10.2013 - 18:48 Uhr
Ok, jetzt hat es funktioniert (ich hatte eine Dateiendung falsch geschrieben, die von backgroundcolour.css).