AwesomeBB : Du blanc, sur du blanc.

[Dieu Sheogorath]

Rappel du premier message :

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Il y a peu de temps que le forum est ouvert, je viens seulement de m'y mettre après plusieurs années. Le forum dont mes efforts commence le 02/09/18
Lien du forum : http://isekaibadassfr.kanak.fr

Description du problème

Bonjour à vous, je tiens à vous remercier d'avance pour me lire puis d'essayer de m'aider à résoudre se problème.

Il y a plusieurs endroits où on ne peut voir la police d'écriture. Ainsi que lors d'une inscription ainsi qu'à l'édition de titre lors d'un nouveau sujet, c'est une police noir sur un fond gris foncé, je tiens seulement à changer la police noir en blanc pour les saisie.

Voici mon code CSS pour que vous puissiez voir ce qu'il manque ou ce que j'ai pu mal faire, comme je l'ai précisé, ça fait des années que je n'ai pas remis les mains dans la pâte.

Code:

/************* BARRE DE RECHERCHE EN HAUI ***********/

#search-main input {
    background-color: transparent;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% !important;
  background-image: url(http://pluspng.com/img-png/scratch-texture-png-photo-8-2048.png);!important;
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    color: #FFF;
    direction: ltr;
    display: block;
  font-family: 'Merienda'!important;
  font-size: 14px!important;
    font-weight: 300;
    height: 34px;
    padding-right: 34px;
    padding-left: 10px;
    width: 250px;
}


/***** Qui est en Ligne, correction de bug temporaire ******/

#sidebar #block-online em
{
font-size:0px;
}
#sidebar #block-online em b:first-child:before
{
font-size:12px !important;
content:"Légende:";
}
#sidebar #block-online em b
{
font-size:13px !important;
margin:0px 2px 0px 2px;
  line-height: 12px;height:12px;
}
#sidebar #block-online em b a.gensmall
{
display:inline-flex; 
}


/* Tires longs sur 2 lignes */
.forum-description h3, .posts-description h3, .block-topics h2 {
    white-space: normal;
    padding-right: 0 !important;
}
.forum-description h3::after, .posts-description h3::after, .block-topics h2::after {
    content: none;
}

/*couleur zone de saisie*/

input[type="text"]{
  background-color: #2f2e2e!important;
  color: #FFFFFF!important;
  cursor:text;
  font-family: 'Merienda'!important;
  font-size: 14px!important;
}



.profile_fiels_all .profil_fiel:nth-child(3) {
  background-color: #2f2e2e!important;
  color: #FFFFFF!important;
  font-family: 'Merienda'!important;
  font-size: 14px!important;
}



/*Editeur message zone de saisie*/

.sceditor-container iframe, .sceditor-container textarea {
  color:white!important;
  background-position:top center;
  background-size:auto;
  font-family: 'Merienda'!important;
  border-radius: 3px; 3px; 3px; 3px;
  height: 500px;
  padding: 7px;
  font-size: 15px!important;
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
}




body{
  background-image: url('https://wallpapercave.com/wp/Cds8g6A.jpg') !important; 
  background-repeat:no-repeat;
  background-position:top center;
  background-size:100% auto;
  background-attachment:fixed;
}

    body {
  height:100%;
}

html{
  background-color:transparent !important;
}



.block-login .input, .block-modal .input {
  color: #FFF /* blanc */ !important;
  font-family: 'Merienda';
  font-size: 14px;
}

input.input-subtle, input.inputbox, select, select.input-subtle, select.inputbox {
  color: #FFF /* blanc */ !important;
  font-family: 'Merienda';
  font-size: 14px;
}


#sce_smilies_body {
  color:white!important;
  background-position:top center;
  background-size:auto;
  font-family: 'Merienda'!important;
  border-radius: 3px; 3px; 3px; 3px;
  font-size: 13px!important;
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);;
}


/********************BUTTONS***********************/

header .btn + .btn, .topic-header .btn, .btn-default{
    margin-right: 6px;
  background-color: #492873;
    -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  -webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.jumpbox-wrap input, .quickmod-wrap input{
  background-color: #492873;
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  -webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}

header .btn + .btn:hover, .topic-header .btn:hover, .btn-default:hover{
    margin-right: 6px;
    -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  background-color: #6829BA;
  -webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
 
}
.jumpbox-wrap input:hover, .quickmod-wrap input:hover {
    -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  background-color: #6829BA;
background-size: 100% 100%;
  -webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}


/*BORDURE VERTE SI MEMBRE EN LIGNE*/
.online  .avatar-big img
{
border: 4px solid #4CAF50 !important;
}


/*ON DONNE UNE COULEUR DE FOND TRANSPARENTE SI EN LIGNE AU BOUTON*/
.online .post-author-status{background-color:transparent!important;}
 

/********* Rang de Couleur de Staff POST ***********/

.post-body.bgAdministrateur {
border-right: 7px solid #5024B5 !important;
border-radius: 3px; 3px; 0px; 0px;
    text-shadow: 5px 3px 3px #1C004F;
    font-size: 18px;
    font-family: 'Merienda';
}

.post-body.bgAdministrateur:hover {
border-right: 7px solid #6A27D6 !important;
border-radius: 3px; 3px; 0px; 0px;
    text-shadow: 5px 3px 3px #1C004F;
    font-size: 18px;
    font-family: 'Merienda';
              transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.post-body.bgmoderator {
border-right: 7px solid #0056A1 !important;
border-radius: 3px; 3px; 0px; 0px;
    text-shadow: 5px 3px 3px #00284F;
    font-size: 16px;
    font-family: 'Merienda';
}

.post-body.bgmoderator:hover {
border-right: 7px solid #0A8DFF !important;
border-radius: 3px; 3px; 0px; 0px;
    text-shadow: 5px 3px 3px #00284F;
    font-size: 16px;
    font-family: 'Merienda';
            transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

/******** FORUMS HEADER********/
.forum-header, .posts-header {
    -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  background-repeat: no-repeat, repeat;
  background-size: 100%;
background-image: url("https://i.servimg.com/u/f95/17/65/15/44/cw10.png");
}

/**************** MAIN FORUM ***********/
.forum-section, .posts-section {
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% !important;
  background-image: url(http://pluspng.com/img-png/scratch-texture-png-photo-8-2048.png);!important;
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}
.block .block-content{
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% !important;
  background-image: url(http://pluspng.com/img-png/scratch-texture-png-photo-8-2048.png);!important;
 box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}
.posts-lastpost-author i, .posts-lastpost-time i{
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% !important;
  background-image: url(http://pluspng.com/img-png/scratch-texture-png-photo-8-2048.png);!important;
  box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}



/********************** POST CSS FILES********/
.post-header{
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  background-repeat: no-repeat, repeat;
  background-size: 100%;
background-image: url("https://i.servimg.com/u/f95/17/65/15/44/cw10.png");
}

.post, .post-aside {
  background-color: #2f2e2e; !important;
  font-size: 13px;
  font-family: 'Merienda';
  background-repeat: no-repeat, repeat;!important;
  background-size: 100%;!important;
  background-image: url(https://florabama.com/images/distressed_overlay.png?crc=4028101887);!important;
  -moz-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
  background-size: 100%;
  box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
}


blockquote{
  opacity: 0.8 !important;
  background-color:black !important;
  color:white !important;
  font-size: 14px;
  font-family: 'Merienda';
  border-color: rgba(42, 39, 39, 0.57);
}
.quick-reply-textarea-wrap {
    padding: 6px 64px;
    position: relative;
    width: 100%;
    -moz-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
    background-color: #2f2e2e;
    background-size: 100%;
    box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
    border-radius: 3px;
}
.quick-reply .textarea {
  border-radius: 3px 3px 3px 3px;
}



.avatar-big img{
    object-fit: cover;
    border-radius: 100px;
    box-shadow: 0 4px 8px rgba(6, 6, 6, 0.69), 0 -1px 1px rgba(12, 1, 1, 0.87);
    display: inline-block;
    height: 125px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 125px;
      -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease-out;
}
.avatar-big img:hover{
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
      -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    -webkit-transition: all 3s ease-out;
}

 

/***** WHOs Online*******/
.block-subtle {
  background-size: 100%;
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  background-color: #2f2e2e;
color: #fff;
}


#block-online .headline {
    display: block;
    font-size: 20px;
      white-space: normal;
    padding-right: 0 !important;
    font-weight: 300px;
    margin-bottom: 16px;
    background-image: url(https://i.servimg.com/u/f95/17/65/15/44/cw10.png);
    color: white;
    border-radius: 3px;
    padding: 9px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
}
#block-online i {
    display: block;
    float: left;
    height: 28px;
    line-height: 13px;
    margin-right: 16px;
  color: #757677;
}

/*************** CHAT BOX HEADER****************/
.block .block-header {
    border-radius: 3px; 3px; 0px; 0px;
  background-color: #2f2e2e; !important;
      color: #FFFFFF; !important;
  font-size: 14px!important;  /*taille du texte*/
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  background-repeat: no-repeat, repeat;
background-size: 100%;
background-image: url(https://i.servimg.com/u/f95/17/65/15/44/cw10.png);
}


/***** CHATBOX  *********/

body.chatbox {
  border-radius: 3px; 3px; 0px; 0px;
  background-color: #2f2e2e; !important;
  color: #FFFFFF; !important;
  font-family: 'Merienda';
  font-size: 14px!important;  /*taille du texte*/
  box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}

#chatbox_top {
  border-radius: 3px; 3px; 0px; 0px;
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  font-size: 14px!important;
  font-family: 'Merienda';
  box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}

#chatbox > p {
  border-radius: 3px; 3px; 0px; 0px;
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  font-size: 14px!important;
  font-family: 'Merienda';
  box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}

td.catBottom {
  border-radius: 3px; 3px; 0px; 0px;
  background-color: #2f2e2e !important;
  color: #FFFFFF !important;
  font-size: 14px!important;
  font-family: 'Merienda';
  box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
}


.quick-reply.block { display: none; }


Je vous passe quelques captures d'écran pour que vous puissiez voir mon problème en détails.

---

---

---

[Dieu Sheogorath]

Tu es efficace, c'est pratique. Je ne regrette pas d'être revenu sur le fofo de forumactif. ^^

Pour les titres des rubriques, ça fonctionne niquel, comme il y a quelques jours, avant que j'efface involontairement, je t'en remercie Splash. ^^

Pour les derniers messages (bien que ce ne soit pas trop grave), ça ne fonctionne pas, si ton but était de mettre la suite sur une deuxième ligne.

[*Splash*]

Pour la prévisualisation, le code ne fonctionne pas, mais la PA fonctionne.

Je viens de faire le test sur mon forum, ce code pour une police de message :

Code:

.post-content {
    font-family: Merienda;
}

Ce code pour la police d'édition, de rédaction et de prévisualisation :

Code:

/*Editeur message zone de saisie*/
.sceditor-container iframe, .sceditor-container textarea {
  color:blue!important;
  background-position:top center;
  background-size:auto;
  font-family: Cursive!important;
  border-radius: 3px; 3px; 3px; 3px;
  height: 500px;
  padding: 7px;
  font-size: 14px;
  -webkit-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 49px 1px rgba(0,0,0,0.75);
}

Et pour les titres longs, vire les 2 codes et colle celui-ci :

Code:

/* Tires longs sur 2 lignes */
.forum-description h3, .posts-description h3, .block-topics h2 {
    white-space: normal;
    padding-right: 0 !important;
}
.forum-description h3::after, .posts-description h3::after, .block-topics h2::after {
    content: none;
}

[Dieu Sheogorath]

J'ai remplacé les deux code en un pour le titre trop long ainsi que les derniers message, bien qu'il n'y ai aucun changement de mon côté. Le titre continue sur une deuxième comme ton code précédent, mais pas de changement ailleurs.

Pour la prévisualisation étant donné que j'ai changé la police du forum suite à ta suggestion de la PA, ça à adouci la lecture lors d'une vérification. Le code ne fonctionne pas, ou tout du moins ça ne fait aucun effet de mon côté. Je suis navré si ça te contre-dit. ^^

Un aperçu :

Pour le moment je suis satisfait, ce n'est pas de la personnalisation pure, mais bon, je m'en contente. Je ne vais pas faire mon difficile à ce sujet, en sachant que j'ai des soucis plus important à côté, comme le profil blanc sur blanc.

[*Splash*]

J'ai remplacé les deux code en un pour le titre trop long ainsi que les derniers message, bien qu'il n'y ai aucun changement de mon côté. Le titre continue sur une deuxième comme ton code précédent, mais pas de changement ailleurs.

Pour la prévisualisation étant donné que j'ai changé la police du forum suite à ta suggestion de la PA, ça à adouci la lecture lors d'une vérification. Le code ne fonctionne pas, ou tout du moins ça ne fait aucun effet de mon côté. Je suis navré si ça te contre-dit. ^^

Pour les différentes police tu dois avoir des erreurs dans ta CSS car de mon côté les changements s'opèrent bien.
Pour les titres longs sur 2 lignes, idem de mon côté c'est OK

[Dieu Sheogorath]

J'ai mis à jour le post principale pour le CSS du forum. Ça t'aidera peut-être à y voir plus clair.
Puis si tu vois des erreurs ou des répétitions, n'hésite pas à m'en faire la remarque, je ferais au mieux pour corriger ça. ^^

[*Splash*]

Puis si tu vois des erreurs ou des répétitions, n'hésite pas à m'en faire la remarque, je ferais au mieux pour corriger ça. ^^

À la CSS il n'y a qu'une seule police qui figure, Mirienda, donc comment veux-tu que tes blocs changent de police si tu ne renseignes pas les polices voulues ?

[Dieu Sheogorath]

Je ne souhaites pas d'autre police pour ce forum. Pour la prévisualisation si la police est différente du resultat final, ça cassera l'intérêt de voir l'aperçu. ^^
Au pire ce qui serait intéressant ça serait de recadrer l'aperçu pour que ce soit plus propre. Mais je n'ai pas d'idée précise sur la question, peut-être décaler de quelques pixel à droite le texte global, ça serait un bon début. Qu'en penses-tu ?


D'ailleurs, il n'y a pas d'erreur ? Ou des codes inutiles dans ce que tu as vu ?

[*Splash*]

Je passe mon tour, tu fais des demandes qui finalement ne sont plus d'actualités après plusieurs posts, voilà quoi !

Bonne journée

[Chacha]

Bonsoir @Dieu Sheogorath et @*Splash*,

Merci d'en revenir strictement à la demande initiale de ce sujet dans le respect de chacun, en évitant tout commentaire désagréable ou hors-sujet.

Les messages n'ayant pas leur place dans le sujet ont été supprimés. Les éventuels différents sont à régler par messagerie privée et non dans le forum.

Cordialement.

[Dieu Sheogorath]

Up. :3

[Dieu Sheogorath]

Up. ^^

Pas grand monde apparemment..

[Walt]

Bonjour,

L'auteur de ce sujet n'étant pas en mesure d'y répondre dans les prochains jours, ce sujet est corbeillé.
Merci d'en ouvrir un nouveau si nécessaire.

Cordialement,
Walt