Hintergrundbild setzen

[Roland_Deschain]

Hallo,

ich würde gerne den Hintergrund einer Galerie (cpg 1.4.6) durch ein Bild ersetzen. Die Suche im Forum hat mich schon weitergebracht, das Bild ist da. Aber leider sieht man es nur an den Rändern, dort wo die Kategorien und Alben sind, bleibt die Theme-Farbe erhalten. Ist es möglich, diese Teile auf farblos/durchsichtig zu setzen? Im Grunde sollte am Ende die Seite komplett transparent sein bis auf die Kategorie- und Album-Titel, die Thumbnails und die Trennlinien.

Viele Grüße,
Roland

[Joachim Müller]

hm, ich muss immer die gleiche Frage stellen: hast Du mal einen Link zu der betreffenden Seite?

[Roland_Deschain]

Ups, entschuldige: http://web2.zore.de/njcpg/

[Joachim Müller]

na, das ist einfach: einfach mal das stylesheet durchsehen und alles, was das Attribut background trägt temporär abschalten. "Hauptschuldiger" ist die Klasse "maintable". Bearbeite http://web2.zore.de/njcpg/themes/mac_ox_x/style.css und kommentiere

Code Select Expand

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #FFFFFF ; }

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {         background : #FFFFFF ; }

.tableb, .catrow, .display_media, .tableb_compact, .thumbnails, .img_caption_table td { background : #FFFFFF ; }


aus. Um es Dir zu erleichtern steht in diesem Theme ja extra ein Kommentar drin:

/* Background colors definition */

[Roland_Deschain]

Hi, danke für den Hinweis.
Leider habe ich von den Befehlen keine Ahnung, irgendwie weiß ich nicht, was ich tun muss. Die Farbe zu ändern ist ja kein Problem, einfach anderen Farbcode eintragen. Aber wie kriege ich es transparent? Bzw. wie schalte ich das Background-Attribut ab?
Ich weiß, dass hier ist kein CSS-Forum, aber ich hab jetzt ne Weile gegooglet und bin nicht wirklich weiter gekommen, daher hoffe ich, dass Du mir weiterhelfen kannst.

Viele Grüße,
Roland

[Joachim Müller]

ich habe es doch schon geschrieben: entweder

Code Select Expand

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #FFFFFF ; }

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {         background : #FFFFFF ; }

.tableb, .catrow, .display_media, .tableb_compact, .thumbnails, .img_caption_table td { background : #FFFFFF ; }

löschen oder auskommentieren, indem Du den Bereich durch

Code Select Expand

/*
.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #FFFFFF ; }

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {         background : #FFFFFF ; }

.tableb, .catrow, .display_media, .tableb_compact, .thumbnails, .img_caption_table td { background : #FFFFFF ; }
*/
ersetztst.
Die Zeilen sollten auch für Anfänger leicht zu lesen sein: für diverse CSS Klassen wird das Hintergrund-Farben-Attribute auf "weiss" gesetzt. Man kommentiere die Definition aus, dann haben die Klassen gar keine Hintegrund-Farbe -> sie sind durchsichtig.
Dringend empfohlen: http://de.selfhtml.org/
Ist aber echt keine Coppermine-Angelegenheit...

Joachim

[Roland_Deschain]

Hallo und nochmal danke. Ich konnte zunächst mit dem Begriff auskommentieren nichts anfangen. Leider hat das aber nicht den gewünschten Effekt, die ausgeschalteten Bereiche werden nicht transparent, sondern werden grau angezeigt.

Viele Grüße,
Roland

[fwe77]

Hallo Roland,

such' mal in der von GauGau angesprochenen Datei nach folgender Zeile:

Code Select Expand

.maintable, .maintableb { background-color: #7F7F7F; }

Sollte relativ weit oben, unter /* Background colors definition */ stehen!

Diese Zeile dann auch einfach auskommentieren - damit sollte dann der gewünschte Effekt erzielt werden!

Code Select Expand

/*.maintable, .maintableb { background-color: #7F7F7F; }*/

Gruß. Frank.

[Roland_Deschain]

Jepp, das war's! 

Vielen Dank, Problem gelöst!

[FFBChris]

Hallo zusammen,

Layoutanpassung mittels CSS, tolle Sache... wenn man nur weiß welche Klassen an welcher Stelle etwas verändern.
Kurzum, ich finde keine Doku darüber... gibt es denn eine?

Und wen es interessiert... als Vorlage dient http://www.redlounge.net
Meine Spielwiese befindet sich hier: http://www.ffbchris.de/g/

Eigentlich recht einfach da ich nur zwei unterschiedliche Rottöne mittels Background.gif habe.
Aber wie gesagt... wo kann ich was ändern !? Alles mal durchzuspielen erscheint mir ein wenig zeitaufwändig 

Danke / Gruss
Chris

[Joachim Müller]

Kurzum, ich finde keine Doku darüber... gibt es denn eine?

Es braucht keine Doku - man schaue einfach in den ausgegebenen Quellcode. Wer es gerne luxuriöser mag nehme ein Browser-Plugin wie "Web Developer Extension" oder "Web Accessibility Toolbar". Das sind gängige Webmaster-Tools und nicht Coppermine-spezifische Werkzeuge. Sie ermöglichen es, festzustellen, welche Klasse für welchen Teil des Outputs verantwortlich ist.

In Zukunft bitte keinen gelösten Beitrag, bei dem es um was anderes geht kapern, sondern einen eigenen Thread starten. Sperre diesen Beitrag.