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

[*Splash*]

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



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



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

[◦Jay◦]

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 essayez ceci et dites-moi si ça vous convient :

Code:

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

[*Splash*]

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é

[◦Jay◦]

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;
}

[*Splash*]

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

[◦Jay◦]

C'est à l'heure actuelle comme ceci :



Vous souhaitez que ce soit comme cela ?

[*Splash*]

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

[◦Jay◦]

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;}

[*Splash*]

Merci Jay, c'est parfait

[◦Jay◦]

De rien.

[*Splash*]

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



EDIT

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

[◦Jay◦]

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

[◦Jay◦]

Ok, pas de souci.