Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Fond de Widgets sur portail et Bannière (Header)

Voir le sujet précédent Voir le sujet suivant Aller en bas

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par Miettes le Mar 11 Sep 2018 - 9:25

Coucou Smile

Poour ta première question concernant le fond, je pense que tu peux tester avec cette CSS :

Code:
#portal .box .box-body{
    background-color: #fff;
    background-image: url("lien-de-limage");
}

Concernant le header sur le portail, je pense qu'on peut aussi faire un petit quelque chose en combinant CSS & javascript Smile
1) on va commencer par créer un javascript qu'on n'affichera que sur le portail et qui ajouter un id spécifique au body :
Pour cela, on va aller dans le panneau d'administration > Modules > HTML & javascript > Gestion des codes javascript > Créer un nouveau javascript et là, on va cocher uniquement "sur le portail" ; et on va y mettre ce code :
Code:

$(function(){
  $('body').addClass('page-portail');
});

2) dans la CSS, on va changer l'image de fond du header en utilisant ce code :
Code:
.page-portail #header-banner{
    background-image: url("lien-de-limage");
}

Et logiquement, ça devrait répondre à tes besoins Smile
avatar

Miettes
*****

Féminin
Messages : 507
Inscrit(e) le : 01/09/2008

Miettes a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par Miettes le Jeu 13 Sep 2018 - 13:59

Coucou Smile

Pas de souci, tiens nous au courant ^^

Bonne journée !
avatar

Miettes
*****

Féminin
Messages : 507
Inscrit(e) le : 01/09/2008

Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par Chacha le Lun 17 Sep 2018 - 9:26

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 58627
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

L'auteur de ce message est actuellement banni du forum - Voir le message

L'auteur de ce message est actuellement banni du forum - Voir le message

L'auteur de ce message est actuellement banni du forum - Voir le message

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par *Splash* le Mer 19 Sep 2018 - 16:45

@Nounouk 85/04 a écrit:OUPSSS Je n'avais pas activé la gestion des Javascripts !!! Donc ça fonctionne merci pour tout !

Tu peux rajouter cette valeur au code CSS du header du portail :
Code:
height: 200px;

En ajustant la valeur px pour que ton image s'affiche dans la totalité en hauteur

Ton nouveau code serait ainsi :
Code:
.page-portail #header-banner{
    background-image: url("lien-de-limage");
    height: XXXpx;
}

Remplace les X par la bonne valeur

EDIT

300px doit faire l'histoire
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1291
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par *Splash* le Mer 19 Sep 2018 - 16:54

Juste une remarque Miettes,

Avec ce code pour le header du portail, en cliquant sur "Accueil" dans le panneau latéral gauche on ne retourne pas à l'accueil, on reste sur le portail

Le retour à l'accueil se fait obligatoirement par ce bouton

avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1291
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par Milouze14 le Mer 19 Sep 2018 - 17:24

Hello *Splash*,
Avec ce code pour le header du portail, en cliquant sur "Accueil" dans le panneau latéral gauche on ne retourne pas à l'accueil, on reste sur le portail

Hum ,non, je confirme que tu retournes bien sur l’accueil Wink .

a++
avatar

Milouze14
Membre actif

Masculin
Messages : 5372
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par *Splash* le Mer 19 Sep 2018 - 17:36

@Milouze14 a écrit:Hello *Splash*,
Avec ce code pour le header du portail, en cliquant sur "Accueil" dans le panneau latéral gauche on ne retourne pas à l'accueil, on reste sur le portail

Hum ,non, je confirme que tu retournes bien sur l’accueil Wink .

a++

Effectivement, alors il y a un soucis sur le forum de Nounouk à ce niveau là où ce n'est que pour moi que cela le fait ?
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1291
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Widgets sur portail et Bannière (Header)

Message par Milouze14 le Mer 19 Sep 2018 - 17:57

Re,
nounouk à son fofo qui pointe sur le portail et non sur l'index du forum, voilà pourquoi Wink .
Un bug a corriger Wink .

a++
avatar

Milouze14
Membre actif

Masculin
Messages : 5372
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum