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

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

Message par Nounouk 85/04 le Lun 3 Sep 2018 - 12:01

Détails techniques


Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis début nouvelle version forum
Lien du forum : http://anaaga.forumactif.com/

Description du problème

Bonjour,
Tout d'abord merci pour cette nouvelle version de forum très intéressante !

Cependant 2 soucis actuellement:

1°) - Est il possible de changer l'apparence du fond des widgets personnalisés sur le(s) portails ? Je souhaiterai y placer une image à la place de ce fond blanc qui casse la beauté de l'ensemble.

2°) - Est il possible d'affecter au Portail un Header propre (différent de celui du forum) ?
En effet, notre header principal porte la mention "Forum"; Mais notre portail nous sert en tant que site web (et non de forum). Alors nous aimerions y placer (donc) un header image style "Site Web Officiel".

D'avance Merci !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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.

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

Message par Nounouk 85/04 le Mar 11 Sep 2018 - 21:59

Merci Miettes !

La première solution fonctionne parfaitement !

Pour le Header je vous dit ça bientôt !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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 : 57948
Inscrit(e) le : 21/08/2010

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

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

Message par Nounouk 85/04 le Lun 17 Sep 2018 - 15:33

... je suis toujours là !
J'attends des nouvelles de mon spécialiste PAO afin de tester pour mettre en second header en place !
A Suivre donc !
Merci !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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

Message par Nounouk 85/04 le Mar 18 Sep 2018 - 18:40

Bonjour ! Pour le Header du site, le code CSS ne fonctionne pas !
Pour l'instant voici mon CSS:
Code:
 /* IMAGE FOND DE FORUM */
body {
        background-image: url(https://i.servimg.com/u/f43/19/77/48/54/fond210.png);
        background-size: cover;
     background-attachment:fixed ;
    }
 
    .headerbar,html{background:transparent !important;}

/* LIENS EN GRAS */
a
{
    font-weight: bold;
}
 
a:hover
{
    font-weight: bold;
}

/* LARGEUR FORUM PROVISOIRE */

#sidebar,.main-inner{float: none;
width:100%;}
#index{margin:0 ;}

/* FONDS DES WIDGETS */
#portal .box .box-body{
    background-color: #fff;
    background-image: url("https://i.servimg.com/u/f43/19/77/48/54/fond_t12.jpg");
}

/* HEADER SITE WEB */
.page-portail #header-banner{
    background-image: url("https://i.servimg.com/u/f20/19/78/08/83/entzot10.png");
}

et le code javascript "sur le portail":
Code:
$(function(){
  $('body').addClass('page-portail');
});

Alors qu'est ce qui cloche ?
D'avance merci !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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

Message par Nounouk 85/04 le Mer 19 Sep 2018 - 13:06

Une réponse pour mon header ?
Merci !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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

Message par Nounouk 85/04 le Mer 19 Sep 2018 - 16:21

Up s'il vous plait !  Confused
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 a été remercié(e) par l'auteur de ce sujet.

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

Message par Nounouk 85/04 le Mer 19 Sep 2018 - 16:24

OUPSSS Je n'avais pas activé la gestion des Javascripts !!! Donc ça fonctionne merci pour tout !
avatar

Nounouk 85/04
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 13/08/2018

http://anaaga.forumactif.com/
Nounouk 85/04 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: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*
*****

Masculin
Messages : 926
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*
*****

Masculin
Messages : 926
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 : 5238
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*
*****

Masculin
Messages : 926
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 : 5238
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