Hello, First off I'm not a web developer, just a hobbyist trying to help a friend. I have managed to install Galette on a raspberry pi for an offline use and it's working fine. I'm attempting to make a custom page with custom styles, I'm using 'galette_local.css' for the styles but I'm having a hard time inserting a background image. I can't figure out which directory to place my images. How do I get the correct path? Merci.
Hello, Le 12/03/2024 à 13:21, Mhel a écrit :
Hello,
First off I'm not a web developer, just a hobbyist trying to help a friend. I have managed to install Galette on a raspberry pi for an offline use and it's working fine. I'm attempting to make a custom page with custom styles, I'm using 'galette_local.css' for the styles but I'm having a hard time inserting a background image. I can't figure out which directory to place my images. How do I get the correct path?
Local CSS file is stored in "webroot/themes/default" directory; then I'd advice to create a "webroot/themes/default/local_images" directory to put your images in, and use "./local_images/yourimage.png" in the CSS file. This should do the trick (not tested since I'm at work right now ;)). ++ -- Johan
On Tue, 12 Mar 2024 14:15:25 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote:
Hello,
Le 12/03/2024 à 13:21, Mhel a écrit :
Hello,
First off I'm not a web developer, just a hobbyist trying to help a friend. I have managed to install Galette on a raspberry pi for an offline use and it's working fine. I'm attempting to make a custom page with custom styles, I'm using 'galette_local.css' for the styles but I'm having a hard time inserting a background image. I can't figure out which directory to place my images. How do I get the correct path?
Local CSS file is stored in "webroot/themes/default" directory; then I'd advice to create a "webroot/themes/default/local_images" directory to put your images in, and use "./local_images/yourimage.png" in the CSS file.
This should do the trick (not tested since I'm at work right now ;)).
++
I tried it didn't work for me :( It's getting late on my part of the world. I'll try again tomorrow. If you ever have time to test that would be great, if it works on your end then something's wrong with my setup.
Hello again, Le 12/03/2024 à 14:47, Mhel Marcelo a écrit :
This should do the trick (not tested since I'm at work right now ;)).
++
I tried it didn't work for me :( ...]
With the following structure: themes/default/ ├── extra_images │ └── my_image.png ├── galette_local.css And the following content in my local CSS file: h1 { background-image: url("./extra_images/my_image.png"); } I actually see my image as H1 background. Hope that helps :) Regards, -- Johan
On Tue, 12 Mar 2024 16:35:16 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote:
h1 { background-image: url("./extra_images/my_image.png"); }
It does work, for the h1 tags, my div tags not so. Atleast I know now that it should be working. It'll be fun finding out :) Many thanks. Off topic: Does anyone uses the fullcard plugin? I'll start a new topic, whenever the need arise. Thanks again.
Hello, Le 13/03/2024 à 00:58, Mhel Marcelo a écrit :
On Tue, 12 Mar 2024 16:35:16 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote:
h1 { background-image: url("./extra_images/my_image.png"); }
It does work, for the h1 tags, my div tags not so. Atleast I know now that it should be working. It'll be fun finding out :)
I have no further idea for the moment. Please note I've assumed: - you are running the latest stable Galette version (1.0.3) - other changes from your local CSS do work.
Off topic: Does anyone uses the fullcard plugin? I'll start a new topic, whenever the need arise.
According to telemetry data, it's used; yes :) Regards, -- Johan
On Wed, 13 Mar 2024 06:01:21 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote: Thanks, I got it to work. My css syntax is incorrect (ofcourse it is :) ), apparently I can't have a 'no-repeat' on the same line as the url.
Hello,
Le 13/03/2024 à 00:58, Mhel Marcelo a écrit :
On Tue, 12 Mar 2024 16:35:16 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote:
h1 { background-image: url("./extra_images/my_image.png"); }
It does work, for the h1 tags, my div tags not so. Atleast I know now that it should be working. It'll be fun finding out :)
I have no further idea for the moment.
Please note I've assumed: - you are running the latest stable Galette version (1.0.3) - other changes from your local CSS do work.
Off topic: Does anyone uses the fullcard plugin? I'll start a new topic, whenever the need arise.
According to telemetry data, it's used; yes :)
Regards,
Hello, Le 13/03/2024 à 06:37, Mhel Marcelo a écrit :
On Wed, 13 Mar 2024 06:01:21 +0100 Johan Cwiklinski <johan@x-tnd.be> wrote:
Thanks, I got it to work. My css syntax is incorrect (ofcourse it is :) ), apparently I can't have a 'no-repeat' on the same line as the url.
:) Indeed, you can either use "background:" with all configuration (url, position, repeat and so on) or use "background-image:" for url, "background-repeat:" for repetition and so on. See https://developer.mozilla.org/en-US/docs/Web/CSS/background and "constituent_properties" paragraph. Regards, -- Johan
Bonjour, j'ai voulu utiliser la fonction : Prise d’identité en ligne, ça marche très bien. Mais je n'ai pas retrouvé comment repasser en SuperAdministrateur. Ce qui m'a permis de remarquer aussi qu'il n'y avait pas (pour moi en tous cas) de bouton DECONNEXION. Merci de m'éclairer Galette 1.0.3 P. Bréchet
Bonjour, j'ai voulu utiliser la fonction : Prise d’identité en ligne, ça marche très bien. Mais je n'ai pas retrouvé comment repasser en SuperAdministrateur. Ce qui m'a permis de remarquer aussi qu'il n'y avait pas (pour moi en tous cas) de bouton DECONNEXION. Merci de m'éclairer Galette 1.0.3 P. Bréchet
Bonjour, j'ai voulu utiliser la fonction : Prise d’identité en ligne, ça marche très bien. Mais je n'ai pas retrouvé comment repasser en SuperAdministrateur. Ce qui m'a permis de remarquer aussi qu'il n'y avait pas (pour moi en tous cas) de bouton DECONNEXION. Merci de m'éclairer Galette 1.0.3 P. Bréchet
Salut, Tu as envoyé le même message 4 fois... Et aussi la prochaine fois ne répond pas à un sujet qui n'est pas en rapport ; mais crées un nouveau fil s'il te plaît (changer le sujet ne trompe pas le système). Le 13/03/2024 à 09:55, Oebmestre IEO PACA a écrit :
Bonjour, j'ai voulu utiliser la fonction : Prise d’identité en ligne, ça marche très bien. Mais je n'ai pas retrouvé comment repasser en SuperAdministrateur.
Ce qui m'a permis de remarquer aussi qu'il n'y avait pas (pour moi en tous cas) de bouton DECONNEXION.
Le bouton pour quitter l'imposture est au même endroit que le bouton déconnexion. L'icône et la couleur sont différents. Je viens en revanche de constater que si le nom de login est long, on obtient un scroll horizontal de toute la partie droite. L'affichage compact du menu ne souffre pas de ce problème. ++ -- Johan
participants (5)
-
Johan Cwiklinski
-
Mhel
-
Mhel Marcelo
-
Oebmestre IEO PACA
-
SFR