×
Merci de préciser dans le titre la version utilisée ( exemple: Gantry 5 - votre sujet )
Résolu image de fond
- James Bond
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 3
- Remerciements reçus 0
19 Oct 2018 18:29 - 20 Oct 2018 16:50 #1
par James Bond
image de fond a été créé par James Bond
Bonjour à tous,
J'utilise un template de Rockettheme dans la game Gantry 5. Je cherche à savoir comment mettre une image de fond.
Je pensais qu'avec un simple css ça fonctionnerait, mais il n'en est rien.
Merci de bien vouloir m'aider à résoudre ce problème.
J'utilise un template de Rockettheme dans la game Gantry 5. Je cherche à savoir comment mettre une image de fond.
Je pensais qu'avec un simple css ça fonctionnerait, mais il n'en est rien.
Merci de bien vouloir m'aider à résoudre ce problème.
Dernière édition: 20 Oct 2018 16:50 par tramber91.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
19 Oct 2018 18:44 #2
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet image de fond
Bonjour
effectivement un simpe CSS suffit type pour section g-top (a mettre en custom.scss)
on peut voir le site ?
@+
effectivement un simpe CSS suffit type pour section g-top (a mettre en custom.scss)
#g-top {
background: url(../images/ton-image.jpg) no-repeat center top;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}
on peut voir le site ?
@+
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Connectez-vous ou Créer un compte pour participer à la conversation.
- James Bond
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 3
- Remerciements reçus 0
20 Oct 2018 09:53 #3
par James Bond
Réponse de James Bond sur le sujet image de fond
Salut tramber91,
J'ai essayé ce que tu m'as indiqué, mais quelques chose a dû échapper.
dans /public_html/templates/rt_acronym/custom/scss/custom.scss
J'ai maintenant:
@import "dependencies";
@import "fixedheader";
#g-top {
background: url(../images/image_de_fond.png) no-repeat center top;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}
Et si je comprends bien, je dois rajouter " g-top " dans CSS Classes dans le bloc ou la section où je souhaite que ce soit appliqué.
J'ai essayé sur un nouveau template de type default et rien n'y fait.
J'ai également essayé de faire un appel à partir Page settings/Atoms/Custom CSS / JS
en faisant un appel du fichier dans "File Location" et comme ça ne marchait toujours pas, j'ai tenté par "Inline CSS"
Mais rien ne bouge !
J'ai essayé ce que tu m'as indiqué, mais quelques chose a dû échapper.
dans /public_html/templates/rt_acronym/custom/scss/custom.scss
J'ai maintenant:
@import "dependencies";
@import "fixedheader";
#g-top {
background: url(../images/image_de_fond.png) no-repeat center top;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}
Et si je comprends bien, je dois rajouter " g-top " dans CSS Classes dans le bloc ou la section où je souhaite que ce soit appliqué.
J'ai essayé sur un nouveau template de type default et rien n'y fait.
J'ai également essayé de faire un appel à partir Page settings/Atoms/Custom CSS / JS
en faisant un appel du fichier dans "File Location" et comme ça ne marchait toujours pas, j'ai tenté par "Inline CSS"
Mais rien ne bouge !
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
20 Oct 2018 11:50 #4
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet image de fond
Non
Le g-top c'est si tu veux rajouter une image de fond en section top.
Si tu veux rajouter une image de fond sur toutes la page comme le template remnant
je mettrai en transparence les couleurs de base
puis en custom.scss tes codes css
après tu joues sur les couleurs de fond des sections (Background)
j'y met une couleur de fond elle apparaît
je la met en transparence, c'est mon image de fond global qui apparaît
@+
Le g-top c'est si tu veux rajouter une image de fond en section top.
Si tu veux rajouter une image de fond sur toutes la page comme le template remnant
je mettrai en transparence les couleurs de base
puis en custom.scss tes codes css
html #g-page-surround {
background: #14151e;
overflow: hidden;
background-image: url(https://demo.rockettheme.com/live/joomla/remnant/templates/rt_remnant/custom/images/backgrounds/base/img-01.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top;
}
après tu joues sur les couleurs de fond des sections (Background)
j'y met une couleur de fond elle apparaît
je la met en transparence, c'est mon image de fond global qui apparaît
@+
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Connectez-vous ou Créer un compte pour participer à la conversation.
- James Bond
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 3
- Remerciements reçus 0
20 Oct 2018 13:01 #5
par James Bond
Réponse de James Bond sur le sujet image de fond
Super ! Merci. Ça fonctionne.
Connectez-vous ou Créer un compte pour participer à la conversation.
Droit d'accès du forum
- Vous ne pouvez pas: Créer un nouveau sujet.
- Vous ne pouvez pas: Répondre au sujet.
- Vous ne pouvez pas: Éditer votre message.
Modérateurs: tramber91, serge, starter
Temps de génération de la page : 0.205 secondes