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

AwesomeBB : Bande en bas de forum et transparence de la partie smileys

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

Résolu AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Lun 13 Aoû 2018 - 22:54

Hi,

Depuis que j'ai mis une image background au body, avec une transparence aux blocs .post et .post-aside, je me retrouve confronté à 2 inconvénients.

Le premier inconvénient
Un problème de bande en bas de forum.
Cette bande est visualisable en cliquant sur le bouton connexion pour se logger au forum

AwesomeBB : Bande en bas de forum et transparence de la partie smileys Logg_t10

Cette bande occupe toute la largeur de l'écran, comment la rendre transparente pour afficher l'image de fond ?

Le second inconvénient
Sur la partie haute du bloc des smileys il y a une transparence qui ne devrait pas exister

AwesomeBB : Bande en bas de forum et transparence de la partie smileys Smiley12

Comment l'enlever et attribuer la couleur de fond de post avec opacity de 0.8 ?



Mon code CSS
Code:
body{
background-image: url('https://i.servimg.com/u/f83/19/86/46/95/ete12010.jpg') !important;  
background-repeat:no-repeat;
background-position:top center;
background-size:100% auto;
background-attachment:fixed;
}

.post {
    background-color: #FFF;
    opacity: 0.8;
}

.post-aside {
    background-color: #F5F5F5;
    opacity: 0.8;
}

Par avance merci


Dernière édition par *Splash* le Mer 15 Aoû 2018 - 8:45, édité 2 fois
*Splash*

*Splash*
Membre actif

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

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

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mar 14 Aoû 2018 - 6:18

Bonjour, pour votre première question :

Code:
#page-footer{background-color:transparent;}

Pour votre deuxième question, je ne comprends pas, vous voulez retirer la transparence pour remettre une transparence de 0.8 Interrog essayez ceci et dites-moi si ça vous convient :

Code:
#smiley-box{background-color: #fff;
opacity: 0.8;}
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Mar 14 Aoû 2018 - 7:42

@◦Jay◦ a écrit:Bonjour, pour votre première question :

Code:
#page-footer{background-color:transparent;}

Salut Jay, en fait je parle de la bande qui se trouve juste en dessous du page footer.

Quant au bloc smileys c'est réglé
*Splash*

*Splash*
Membre actif

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

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

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mar 14 Aoû 2018 - 18:31

Il n'y a plus rien après ceci ^^ Je parle de la bande qui est sur votre screen, ou il est écrit "Accueil©️ phpBB | Contact | Signaler un abus
Flux RSS | Lyftvnews | Facebook | Politique de confidentialité | GooPics
@2018 Splashforum - Tout partage est vivement conseillé"

Mais vous avez déjà mis un code :

Code:
#page-footer {
    background-color: #737672;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-top: 22px;
    opacity: .7;
    padding: 12px 0;
}
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Mar 14 Aoû 2018 - 18:59

Hi Jay,

Je parle de ce qui apparaît, en bas de l'écran, juste après le copyright en suivant ce lien :
https://www.splashforum.com/login
*Splash*

*Splash*
Membre actif

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

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

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mer 15 Aoû 2018 - 2:14

C'est à l'heure actuelle comme ceci :

AwesomeBB : Bande en bas de forum et transparence de la partie smileys P3r7R

Vous souhaitez que ce soit comme cela ?

AwesomeBB : Bande en bas de forum et transparence de la partie smileys RoVmP
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Mer 15 Aoû 2018 - 8:13

Non non Jay, je ne parle pas de la transparence du page footer mais de la bande qui apparaît après à l’écran pour moi.
J’ai mis le screen sur un fond noir pour que cela soit plus lisible

AwesomeBB : Bande en bas de forum et transparence de la partie smileys Screen10
*Splash*

*Splash*
Membre actif

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

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mer 15 Aoû 2018 - 8:24

Arfff, cela doit dépendre de la résolution d'écran, la mienne étant plus petite que la votre... je n'ai pas ce bandeau. Essayez ceci :

Code:
body{height:100%;}
html{background-color:transparent !important;}
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Mer 15 Aoû 2018 - 8:35

Merci Jay, c'est parfait
*Splash*

*Splash*
Membre actif

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

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

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mer 15 Aoû 2018 - 8:38

De rien. Wink
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par *Splash* Mer 15 Aoû 2018 - 8:42

Par contre avec ce code autre problème de background body en consultant les topics

AwesomeBB : Bande en bas de forum et transparence de la partie smileys Sans_t13

EDIT

Au temps pour moi, tout est OK
J'avais mal renseigné le code à la CSS
*Splash*

*Splash*
Membre actif

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

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

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mer 15 Aoû 2018 - 8:45

Je ne reproduis pas, normalement, j'ai retiré cela, videz votre cache.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Bande en bas de forum et transparence de la partie smileys

Message par ◦Jay◦ Mer 15 Aoû 2018 - 8:45

Ok, pas de souci.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

Voir le profil de l'utilisateur https://forum.forumactif.com
◦Jay◦ 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