WBCE CMS Forum

ratloos

Mitglied

mögliche Anpassung in der Folder Gallery

Hallo zusammen

ist es möglich, in der Folder Gallery die Thumbnails in schwarzweiss zu haben und die sich öffnenden Bilder in farbig. Gibts da eine Möglichkeit dies anzupassen?
Für Infos schon mal vielen Dank!

ratloos

---

"Gegenwind formt den Charakter"

florian

Administrator

Re: mögliche Anpassung in der Folder Gallery

das ist über CSS-Filter möglich. Füge im Template-Stylesheet ein:

 ul.fg_category li a img {  filter: grayscale(100%);}

byteworker

Mitglied

Re: mögliche Anpassung in der Folder Gallery

In dem Zusammenhang eventuell interessant:

https://media.kulturbanause.de/2015/03/ … ilter.html

---

= Templates für WBCE

ratloos

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Hallo zusammen
Danke für eure Infos. Mir ist nicht klar, ob diese Filter im template stylsheet od. in der foldergallery eingesetzt werden muss und spielt es eine Rolle wo.
Für eure Hilfe schon mal vielen Dank.
Urs

---

"Gegenwind formt den Charakter"

florian

Administrator

Re: mögliche Anpassung in der Folder Gallery

Prinzipiell ist es egal, wobei das Einfügen im Template-Stylesheet (templates/fragstan/template.css) tendenziell besser ist, weil Anpassungen an der /modules/foldergallery/frontend.css ggf. bei einem Modul-Update überschrieben werden.

In besagter template.css einfach ganz unten einfügen.

giz

Mitglied

Re: mögliche Anpassung in der Folder Gallery

oder den äußerst praktischen frontend final css editor aus dem Hause florian   benutzen; damit wird auch bei einem eventuellem template-update nix überschrieben.
Ist mittlerweile eines meines lieblingsmodule und hat mir schon einiges an Ärger und doppelter Arbeit erspart.
https://addons.wbce.org/pages/addons.ph … m&item=136

---

WBCE 1.6.9 - PHP 8.4.27 - All-inkl
Ein Leben ohne Hund ist möglich, aber sinnlos
#Akkusativ ist kein Verbrechen

ratloos

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Nun habe ich einerseits den Tipp von Florian verbaut und andererseits aus dem link von byteworker. dabei geschieht eigentlich nichts. Meine Frage ist nun, wie ich die fotos in der foldergallery ablegen muss. habe ein farbiges bild eingezogen, jedoch generiert sich hier in der ansicht kein schwarzweiss thumbnail. Denke, da muss man noch wissen, wie man die bilder in der folder einbindet?!

---

"Gegenwind formt den Charakter"

florian

Administrator

Re: mögliche Anpassung in der Folder Gallery

@ratloos
Ich habe mir zusammengereimt, um welche Seite es geht. Ändere den Code zu

.fg_category a img {  filter: grayscale(100%);}

ratloos

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Lieber Florian

Anbei die Seite um welche es geht. Ausser das letzte Bild sind es alles schwarzeiss Bilder. Das letzte habe ich farbig eingezogen, jedoch veändert sich das tumbnail nicht in schwarzweiss.
https://coiffure-atmosphère.ch/wbce/pages/gallerie.php

---

"Gegenwind formt den Charakter"

florian

Administrator

Re: mögliche Anpassung in der Folder Gallery

Ja. Und in der CSS-Datei steht noch der alte Code. Bitte ändere diesen genau so wie oben in Antwort #8 von mir gepostet.

ratloos

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Jep

Der Fehler war, dass es in der Template.css von fragstan nicht geht (dort habe ich, wie oben erwähnt, den code eingesetzt), es muss in der foldergallery in der frontend.css stehen.
Merci 

---

"Gegenwind formt den Charakter"

byteworker

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Ich bin jetzt davon ausgegangen, Du willst nicht beim Hover (Maus über dem Bild) den Graustufen Effekt haben. Also alle Bilder werden unverändert farbig hochladen, nur die Thumbnails sollen s/w sein. Richtig?

Dann wäre im CSS sowas in der Art vorstellbar...

.fg_category img {
    width: 100%; /* Need to overwrite inline dimensions */
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
      -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
       .fg_category:not(.no_lightbox) img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
      -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
}

bei "img:hover" nimmst Du die Angabe zur Graustufe weg, dann werden die Bilder beim Maus drüberfahren oder anklicken wieder bunt.

---

= Templates für WBCE

ratloos

Mitglied

Re: mögliche Anpassung in der Folder Gallery

Ja richtig und dies geht auch, mit dem obigen code von Florian. Nur hatte ich diesen zuerst, wie oben beschrieben in die template.css gelegt, dies klappte nicht. Jetzt aber habe ich s/w thumpnails und aufklickende farbbilder.
https://coiffure-atmosphère.ch/wbce/pages/gallerie.php

Vielen Dank euch beiden für die grosse Hilfe.

---

"Gegenwind formt den Charakter"