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

La date/heure actuelle est Jeu 2 Avr 2020 - 14:36

53 résultats trouvés pour fff

Enlever image de fond.

Merci pour votre réponse,

C'est fait mais aucun changement.
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 Captu488

Est-ce que si je mets ici le contenu complet du CSS quelqu'un peut me dire si c'est quelque chose d'autre qui bloque ?

Spoiler:
.secondarytitle, .secondarytitle h2 {font-family:Arista 2.0;}
a.forumlink {font-family:Arista 2.0;}
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
body {
background-image: ( https://redcdn.net/hpimg11/pics/217017fonddcrandepsg31.jpg );
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 40px;
margin: 0 5px;
border-radius: 0px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
.fa_avatar {
width: 25px;
height: 30px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -15px;
}
/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 0px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp771 { top: 20%; right: -507px; }
#fp771 .fpcontent { width: 500px; }

.linklist
{
display:none;
}

a span[style="color:#0341FC"] strong {
background:url(https://i.servimg.com/u/f58/17/39/00/51/maillo11.png) no-repeat;
padding-left:20px;}
a span[style="color:#E60707"] strong {
background:url(https://i.servimg.com/u/f58/17/39/00/51/maillo11.png) no-repeat;
padding-left:20px;}

#fa_toolbar {
background-color: transparent !important; /* Rend transparent le fond principal */
}
#fa_right {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 40px 40px; /* Arrondis les bords */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
position: relative; /* Permet de décaler la toolbar */
right: 20px; /* Décale la toolbar de la droite */
}

#fa_left {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 0 40px; /* Arrondis les bords */
position: relative; /* Permet de décaler la toolbar */
left: 20px; /* Décale la toolbar de la gauche */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}

#fa_search {
background-color: #000000; /* Couleur de fond */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}

#fa_share {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 40px; /* Arrondis les bords */
position: relative; /* Permet de décaler la toolbar */
left: -20px; /* Décale la toolbar de la gauche */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}
/*cacher sa présence en ligne*/
input[name=hideonline] {
display: none;
}
par GrosDav
le Ven 30 Déc 2016 - 15:27
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Enlever image de fond.
Réponses: 5
Vues: 699

La couleur de fond ne change pas

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
Voir l'image:
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 Image_11

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr

Description du problème

Bonsoir tout le monde!

voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.

voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg

Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg

J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas Grrr Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!

Voici mon CSS:
Spoiler:
#chatbox .cb-avatar {
height: 40px!important;
width: 20px!important;
overflow: hidden!important;
}

#chatbox .cb-avatar > img {
height: 40px!important;
width: 20px!important;
}

.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
font-size: 10px !important;
}

.forumlink {
font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight: 500 !important;
}

.forumlink a {
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
background-color: #EFEEEE;
display: inline-block;
}

.newpost {
width: 250px;
}

.descriptions {
width: 366px;
margin: 0 8px;
height: 140px;
overflow: hidden;
}

.description {
height: 100px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}

.infopost {
float: left;
}

.lastpost-avatar-container {
height: 140px;
width: 70px;
}

.lastpost-avatar img {
height: 140px;
width: 90px;
border-radius: 0;
}

.clickinfopost {
margin-top: 5px;
}

.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 11px !important;
}

.infonewpost {
width: 150px;
height: 140px;
margin: 2px 5px 0 0;

background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: Georgia;
}

.infonewpost a {
font-size: 11px;
}

.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}

.sousforums_container {
width: 100px;
height: 140px;
overflow: auto;
}

.sousforums_details a {
display: block;
margin: 2px;
padding: 2px;
background-color: #EFEEEE;
font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
color: #363A3D;
margin: 30px 0 0 0;
padding: 10px;
background-color: #EFEEEE;
font-family: 'Great Vibes', cursive;
font-size: 45px;
font-weight: 400!important;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* QEEL */

.trans .row1 {
background-color: #CDCCC8;
}

.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}

.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}

.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}

/******* PA PAR PHANTASMAGORIA SUR PRD*********/

.fond_pa {background-color: #dcd9d9; width: 780px;}
#navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #ffffff;
text-transform: uppercase; color: #5c767d; letter-spacing: -1px;}

#navigation a:hover {
color: #5c767d ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Georgia', cursive; font-size: 20px; text-align: center;}

.titre_pa { font-family: 'Georgia', cursive; font-size: 30px;
text-align: center; color: #5c767d; margin-bottom: -5px;}
.bloc_colo { background-color: #d7d4d4; border: 1px solid #5c767d; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #d7d4d4; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
/******** FIN DU CODE*******/




//



.onglet
{
display:inline-block;
background: #000;

border:2px solid #5c767d;
cursor:crosshair;
text-align: center;
margin-left: -7px;

background:transparent;
}


.contenu_onglet
{

width:200px;
height: 100px;
border:none;
margin-top:-1px;
padding:5px;
display:none;
text-align: center;
font-family: Arial;
font-size: 8pt;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}


.lien {
color: #000;
font-size: 11px;}

a { text-decoration: none;}
a:hover { text-shadow: 0px 0px 2px #000;}
















Ce sont les membres de mois ! Ce sont ceux qui se sont démarqués par leur présence et leur assiduité. On les remerciera jamais assez de faire partie de notre aventure ♥


olor: #5c767d; Pseudo & Pseudo

Fiche




olor: #5c767d; Pseudo 2 & Pseudo 2

Fiche


















Staff



//



.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}


Merci beaucoup de votre aide ! I love you
par Lumélys
le Sam 3 Déc 2016 - 23:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La couleur de fond ne change pas
Réponses: 1
Vues: 732

Couleur de texte -Feuille de personnage-

Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.
Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)
CSS:
/* DEBUT BARRE DE NAVIGATION */
.nav_txt {
text-align: center;
font-variant: small-caps;
font-family: Georgia;
color: #7e7e7e;
background: #091016;
font-size: 18px;
height: 28px;
text-shadow:1px 1px 2px #000000;
border-bottom: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
}
.barre_nav a{
text-align: center !important;
font-variant: initial;
font-family: Georgia;
color: #7d6a60;
font-size: 14px;
margin-left: 5px;
text-decoration: none !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}

.barre_nav a:hover {
text-decoration: none !important;
color : #7e7e7e !important;
text-align: center !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}
.barre_nav {
width: 80%;
height: auto;
left: 10%;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
position: absolute;
overflow: hidden;
z-index: 10;
border-top: 0px solid #7d6a60;
}


.nav_1 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_2 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_3 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_4 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_5 {
width: 19%;
height:25px;
background: #080e13;
float: left;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_1:hover {
width: 19%;
height: auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_2:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_3:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_4:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_5:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
/* --------------------------------- MENU latérale--------------------------------- */

/* Contient l'image */
.bloc_onglet {
position: fixed;
top: 5em;
}

/* Info-bulles */
nav.info{
z-index: 24;
text-decoration: none;
position: relative;
}

nav.info:hover{
z-index: 26;
}

nav.info span{
display: none
}

nav.info:hover span{
display: block;
position: absolute;
top: 1.3em;
left: 11em;
height: auto;
width: 200px;
background: none;
text-align: center top;
font-weight: none;
padding: 0px;
color : #7e7e7e !important;

}

nav.info a {
text-decoration: none !important;
}

/* FIN BARRE DE NAVIGATION */


/* --------------------------------- Navigation Haut/Bas --------------------------------- */
.haut{
position:fixed;
top:45px;
left:24px;}

.bas{
position:fixed;
top:45px;
left:69px;}
/* --------------------------------- WIDGET --------------------------------- */
/* Widget statistic */
.widgperso {
border: solid #7d6a60 0px;
border-radius: 20px;
border-bottom:solid 3px #7d6a60 ;
border-radius:0 0 20px 20px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 12px !important;
}
/* Positionnement du widget et choix du fond */
.widget {
position: fixed;
top: 2.9em;
left: 3.8em;
background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/02/black-vertical-siding-texture.jpg');
width: 20em;
height: 26em;
padding: 20px;
z-index: 2;
}

/* Englobe le titre et le texte du widget */
.widget_interne {
width: 17em;
height: 21em;
padding: 20px;
padding-top: 0px;
text-align: justify;
color: #C0C0C0;
z-index: 4;
position: fixed;
top: 5.5em;
left: 5em;
}

/* --------------------------------- FIN WIDGET --------------------------------- */
/*********************************** PA Quête ***********************************/
/*Bloc du concept*/
#concept {
float : left;
position: relative;
width: 175px;
height: 80px;
overflow: hidden;
}
/*Texte du concept*/
#concept_text {
width: 163px;
height: 70px;
margin: 1px;
padding: 5px;
text-align: left;
overflow: auto;
font-size: 9px;
}
/*Image du concept*/
#concept_img {
position: absolute;
top: 0px;
left: 0px;
width: 175px;
height: 80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
left: 200px;
}

/*********************************** PA ***********************************/

/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
opacity: 0.5;
}
.img_partenaires:hover {
opacity: 1;
}
/*** IMAGES DU STAFF ***/

.imgPA {
border-radius: 0%;
width: 60px;
height: 60px;
padding: 2px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
padding : 2px;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: 0px;
left: -1px;
border-radius: 0px 10px 10px 10px;
width: 100px;
height: 80px;
background-color: #0D0D0D;
color: #F3F3F3;
text-align: center;
font-weight: none;
}

/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
border-radius: 0%;
width: 116px;
height: 117px;
}
.imgwidget:hover {
border-radius: 0%;
width: 116px;
height: 117px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -10px;
left: 3px;
width: 116px;
height: 40px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;

text-align: center;
font-weight: none;
}

/*** EFFET DU CONTEXTE ***/
.contexte {
width: 400px;
height: 200px;
overflow: hidden;
background-color: #333333;
border-radius: 25px;
position: relative;
top: -2px;
}
.contexte_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
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;
}
.contexte:hover .contexte_img {
margin-top: -200px;
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;
}
.contexte_description {
position: relative;
z-index: 1;
width: 350px;
height: 140px;
color: #a4a4a4;
padding: 25px;
text-align: justify !important;
font-size: 11px;
overflow: auto;
}
.contexte_description a {
text-decoration: none !important;
}
/*** SYSTEME D'ONGLETS ***/
.paonglet {
display: inline-block;
margin-left: 20px;
margin-right: 30px;
padding: 10px;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 14px;

background-color: #;
color: #7e7e7e;
}
.paonglet_0 {
border-radius: 0px;
width: 180px;
height: 30px;
background-image: url(https://redcdn.net/hpimg15/pics/42125230t2.png);
background-position: center top;
background-repeat: no-repeat;
}
.paonglet_1 {
border-radius: 0px;
background-image: url(https://redcdn.net/hpimg15/pics/57476156t1.png);
background-position: center top;
background-repeat: no-repeat;
width: 180px;
height: 30px;
color: #7d6a60;
}
.contenu_paonglet {
padding: 10px;
display: none;
width: 780px;
height: 450px;
border-radius: 20px;
background-color: #0D0D0D;
}
.contenu_paonglet a{
text-decoration: none !important;
}
/*** BLOC DE TEXTE DE LA PA ***/

.bloc_pa {
background-color: #333333;
border-radius: 25px;
color: #a4a4a4;
padding: 0px;
text-align: center !important;
position: center;
top: -3px;
}
.bloc_pa a {
text-decoration: none !important;
color: #70A0BA !important;
}

/*** TITRES DES BLOCS ***/

.titre_pa {
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 16px;
position: relative;
top: -3px;
color: #a4a4a4;
z-index: 1;
}

.titre_pa:hover {
color: #70A0BA;
}

/*********************************** FIN PA ***********************************/
/* --------------------------------- /* MISE EN FORME DES LISTES DE SUJETS */ --------------------------------- */

.bloc_sujets
{
width: 775px;
margin: auto;
background: #;
border-radius: 20px 0px 0px 20px;
border-bottom:solid 3px #7d6a60 ;
padding: 5px;
}
.sujets
{
background: #000;
background-image: url();
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
border-radius: 20px 0px 0px 20px;
text-align: left !important;
border-bottom:solid 3px #7d6a60 ;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
background: #000;

}
.sujets_auteur
{
display: block;
width: 180px;
font-size: 11px;
border-radius: 20px;
}
.sujet_last
{
display: block;
background-image: url(https://redcdn.net/hpimg11/pics/269823Sanstitre1.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 190px;
height: 62px;
background: #000;
padding-top: 10px;
font-size: 9px;
}
.sujets_stats
{
width: 675px;
text-align: right;
margin-bottom: 0px;
}
.sujets_stats_contenu
{
font-size: 9px;
color: #a4a4a4;
padding: 2px;
background: #;
border-bottom: solid #7d6a60 1px;
border-left: solid #7d6a60 1px;
border-right: solid #7d6a60 1px;
border-radius: 0px 0px 10px 10px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
}

/* --------------------------------- /* DEBUT CATHEGORIE */ --------------------------------- */

#i_icon_mini_login{
margin-right:20px !important;
}

.cat_titre1 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 22px;
font-family: Balthazar;
}
.cat_droite {
border-radius:0px;
border: solid #7d6a60 1px;
padding: 10px;
width: 167px;
height: 56px;
font-size: 9px;
background-image: url('https://redcdn.net/hpimg11/pics/480531Sanstitre1.jpg');
background-position: center top;
background-repeat: no-repeat;
color: #7d6a60 !important;
margin-right:-45px;
margin-left:20px;
float:right;
background-color:black;
text-align:center;
margin-top:-100px;
}
.cat_titre2 {
font-size: 14px;
text-align: center !important;
color : #7e7e7e !important;
margin-left:50px;
margin-top:5px;
font-family: Balthazar;
}
.cat_des1 {

border: 0px;
margin-left:70px;
width:70%;
}
.cat1 {
border: solid #7d6a60 1px;
background-image: url('https://redcdn.net/hpimg11/pics/469850motif.jpg');
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
padding-top:5px;
padding-left:0px;
}
.cat2 {
border: solid #7d6a60 0px;
border-radius: 20px;
padding:0px;
background-color:black;
height: 100px;
}
.souscat {
text-decoration:white;
text-align: center !important;
line-Height: 8pt;
padding:0px;
padding-right:20px;
overflow-x:;
margin-top:-40px;
margin-right:140px;
margin-left:160px;
}
.cat_des2 {
color:black;
font-size: 12px;
overflow:initial;
height: 100px !important;
padding-left:0px;
margin-top:-5px;
width:85%;
}
.catimg {
border: solid #7d6a60 1px;
width: 95px;
height: 80px;
float: left;
padding-right:0px;
margin-left:5px;
margin-top:32px;
}
/*** ILLUSTRATION QUI SUIT LE TITRE DE CATEGORIE ***/
.illustration_cate {

width: 592px;
height: 78px;
border-radius: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}
/* --------------------------------- /* FIN CATHEGORIE*/ --------------------------------- */

/* --------------------------------- /* MISE EN FORME DES MESSAGES */ --------------------------------- */

/*Cadre autour des messages *****************************************************************/

.rangée .thRight, .nomavatar, .rangée .thLeft, .basviolet .browse-arrows{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
}
.basviolet, .postviolet{ background-color:#202020;}/*couleur de fond des messages*/

.fondpost{
border: solid #7d6a60 1px;/*bordures fines autour du message*/
background: url(https://redcdn.net/hpimg11/pics/424348fond.jpg) no-repeat center bottom,
url(https://redcdn.net/hpimg11/pics/442537fond2.jpg) no-repeat center top;
border-radius:10px;/*arrondi*/
padding: 15px;
min-height: 325px;
margin: 10px 30px auto 30px;
}

.rangée{
background-color:#000;/*couleur de fond de la ligne "auteur-message"*/
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
border-radius:0px 20px 0 0;/*arrondis*/
display:block;
margin-top:15px;
}
.rangée .thRight{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
color:#7e7e7e;/*couleur du texte "message"*/
font-size: 14px;
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
margin-left:255px;
padding-top:7px;
height:19px;
}
.rangée .thLeft, .basviolet .browse-arrows{
color:#7e7e7e;/*couleur du texte "auteur"*/
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 15px;
border-bottom: solid # 0px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
float:left;
width:255px;
padding-top:7px;
padding-left:7px;
height:19px;
}
.basviolet{
border: solid #7d6a60 1px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
display:block;
border-radius:0 0 20px 20px;
border-top:none;
margin-bottom:30px;
}

.postviolet{
border-left:1px solid #7d6a60;/*bordures de la partie centrale du message*/
border-right:1px solid #7d6a60;
display:block;
}

.postviolet .postdetails {display:none;}/*enlève la date et l'heure du sujet*/
.postviolet .post-options{padding-right:30px;}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop { border:none;font-weight:normal;}

/* --------------------------------- PROFILS/AVATAR RP --------------------------------- */

.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #333333;
padding: 4px;
text-align: center;
background-image: url('https://redcdn.net/hpimg15/pics/643525profil.jpg');
background-position: center top;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}

.name
{
display: block;
margin-top: -5px;
margin-bottom: -10px;
font-size: 12px;
font-family: arial black;
text-shadow: 1px 1px 0px #000000;
padding-bottom: 5px;
border-bottom: 1px solid #5b5b5b;
}

.avatar_mess
{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 400px;
overflow: hidden;
border: 5px solid #0d0d0d;
opacity: 0.9;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}
.avatar_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}

.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -202px;
background-color: #000;
padding-left: 4px;
padding-right: 4px;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
color: #434343 !important;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-htm-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_content
{
display: block;
width: 180px;
height: 400px;
max-height: 200px;
overflow: auto;
font-size: x-small;
}
/******************* transition lien ******************************/
a {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
/******************* ENLEVER SOULIGNEMENT DES LIENS******************************/

a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

/******* curseur général********/
body {
cursor: url(http://fc05.deviantart.net/fs71/f/2014/112/4/a/cursor_by_ginl-d7fj3nw.png);
}
/******* curseur lien ********/
a {
cursor : url(http://fc05.deviantart.net/fs70/f/2014/112/2/8/cursorlink_by_ginl-d7fj3tf.png), auto;;
}

/******* BG forum ********/
body{
background-image: url('https://redcdn.net/hpimg15/pics/638615fond2.jpg', 'https://redcdn.net/hpimg11/pics/630325Sanstitre1.jpg', 'https://redcdn.net/hpimg15/pics/881593fond.jpg', 'https://redcdn.net/hpimg11/pics/789821fond.jpg');
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #000
text-align: justify;
}
/* -------------------------------- avatar rep rapide --------------------------------------- */
#av_quickreply img{
position: relative;
top: 0px;
left: 0px;
width: 110px;
height: 210px;
margin: 0 5px;
border-radius: 10px;
}

#av_quickreply {
float: left;
position : absolute;
}

/* --------------------------------- Editeur --------------------------------- */
/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200 !important; /* largeur de la palette complète */
height: relative !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}
.sceditor-container.ltr.wysiwygMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}

.slidesmile{
position:relative; !important;
top:39px; left:100px; !important;
z-index:4;
}
#smileyContainer iframe
{
height: 300px !important;
overflow: auto !important;
}
#smileyContainer
{
border: 3px solid #000000; !important;
}

.sceditor-toolbar
{
background: #141414 !important;
border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
background: #444444 !important;
border: 1px outset #333333 !important;
border-radius: 5px !important;
}
.sceditor-container
{
width:500px !important;
position: auto;
margin: 2px auto !important;
background: #000 !important;
border: 2px solid #000000 !important;
}
a.sceditor-button
{
background: #000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
a.sceditor-button
{
background: #777777 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
padding: 5px !important;
background: #555555 !important;
border: 1px solid #666666 !important;
}
/* --------------------------------- Bouton Editeur supp --------------------------------- */
a.sceditor-button.sceditor-button-farand {
display: none;
}
a.sceditor-button.sceditor-button-date {
display: none;
}
a.sceditor-button.sceditor-button-time {
display: none;
}
a.sceditor-button.sceditor-button-faupdown {
display: none;
}
a.sceditor-button.sceditor-button-fascroll {
display: none;
}


/* --------------------------------- LISTE membres --------------------------------- */

.description3
{
display: block;
width: 200px;
margin: auto;
height: 100px;
overflow: hidden;
transition:0.4s ease;
-o-transition:0.4s ease;
-moz-transition:0.4s ease;
-webkit-transition:0.4s ease;
}

.description3:hover {
display: block;
width: 200px;
margin: auto;
height: 200px;
overflow: hidden;
}

.description3_contenu
{
position: absolute;
width: 200px;
height: 200px;
overflow: 200px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'Georgia';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
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;
}
.description3_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
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;
}

/* --------------------------------- CHATBOX --------------------------------- */


/* Taille des avatars */

#chatbox .cb-avatar > img {
height: 40px !important;
width: 20px !important;
}
/* Calque des avatars */

#chatbox .cb-avatar {
float: left;
margin-right: 4px;
background: none repeat scroll 0 0 #000 !important; /* Fond */
border: 1px solid #d5d5d5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
height: 40px !important; /* Hauteur */
padding: 1px;
vertical-align: middle;
width: 20px !important; /* Largeur */
}



/* ChatBox */
body.chatbox {
background-image: url('https://redcdn.net/hpimg4/pics/640843chat.jpg');
background-position: center top;
background-repeat: no-repeat;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2,#chatbox .chatbox_row_3{
background-color: transparent;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le comptoire"; }
background-color: transparent;
body.chatbox {
background-color: transparent; }

/* ChatBox latérale */

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "La Taverne";
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 20px;
text-shadow: #DED3C1 0px 0px 0px;
margin-top:5px;
margin-left:20px;
}

body.chatbox {
display: block;

}

.chatbox_row_1, .chatbox_row_2 {
background : none;
}

/* conteneur de la chatbox et du bouton */
#cb_block {
width: 600px; /* largeur */
height: 300px; /* hauteur */
position: fixed; /* position fixe dans la fenêtre */
bottom: -205; /* est caché de 200px vers le bas */
left: 0px; /* est collé à 0px du bord gauche */
z-index: 100;
transition: 1s; /* le mouvement glissant est de 1s */
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius:5px;
}

/* chatbox seule */
.ChatboxLaterale {
width: 600px; /* largeur */
height: 200px; /* hauteur */

z-index: 100;
position: relative;
}
#chatbox {height: 75%}

/* bouton ouvrir/fermer */
.BoutonChatbox {
cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
position: center;
z-index:100;
width: 30px; /* largeur */
height: 97px; /* hauteur */
border-radius:5px;
margin-left: 0px; /* on le pousse à 15px du bord gauche */
}

.text-styles {
margin-top: -30px;
padding-top: 8px;}

#chatbox_members, .member-title.away, .member-title.online {
background:none;
}


/* --------------------------------- FIN NAVIGATION --------------------------------- */

.transparent .row1 {
background: transparent;
}
.transparent .gensmall {
font-size:12px;
}

#qeel_position {
position: relative;
margin:auto;
background-image: url("https://redcdn.net/hpimg11/pics/861652qeel.jpg");
background-position: center;
background-repeat: no-repeat;
}

#qeel_titre {
font-size:10px;
font-weight: bold;
color:black;
text-align:center;
}

.qeel_colonne1 {
font-size: 11px;
text-align: right;
width: 200px;
height: 300px;
background:#;
margin-top: 10px;
padding:60px;

border-top-left-radius:20px;
border-bottom-left-radius:20px;
}

.qeel_centre {
background:transparent;
font-size: 11px;
width:200px;
height:300px;
padding:1px;
}

.qeel_colonne2 {
width: 270px;
height: 300px;
background:#;
padding:35px;
text-align:left;
font-size:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}

.qeel_bloc {
width: 200px;
padding:5px;
height: 300px;
background:#000;
border-radius:5px;
overflow:auto;
}

.qeel_groupe {
position: relative;
top: 10px;
height: 50px;
width: 50px;
border-radius:50px;
overflow: visible;
margin: 1px;
}

.qeel_groupe .infobulle {
position: absolute;
top: 0px;
left: 50px;
width: 70px;
height: auto;
background:#000;
opacity: 0;
visibility: hidden;
transition: 0.3s;
padding: 5px;
border-radius:0px 10px 10px 10px;
}


.qeel_groupe:hover .infobulle {
opacity: 1;
visibility: visible;
z-index: 100;
transition: 0.5s;
}


Merci pour votre temps.
par ginl
le Lun 10 Oct 2016 - 16:18
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de texte -Feuille de personnage-
Réponses: 5
Vues: 1725

titre forum

[mention]◦Jay◦[/mention] a écrit:Bonjour misslena, vous pouvez ajouter ce code dans votre P.A.>Affichage>Images et Couleurs>Couleurs>Feuille de style CSS :

Code:
#logo-desc{border:1px solid #fff;}


Si vous souhaitez la ligne plus épaisse, augmentez le "1px", si vous souhaitez changer la couleur, ici blanc = {#}fff{/#}

Si vous souhaitez ajouter des bords arrondis, ajoutez un border-radius au code, comme ceci :

Code:
#logo-desc{border:1px solid #fff;
border-radius:5px;}


Si vous souhaitez un cadre en pointillés, mettez votre code comme ceci :

Code:
#logo-desc{border:2px dashed #fff;
border-radius:5px;}


etc...

Bien à vous.



Je vais essayer. merci à vous
par Invité
le Dim 24 Juil 2016 - 17:13
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: titre forum
Réponses: 7
Vues: 469

titre forum

Bonjour misslena, vous pouvez ajouter ce code dans votre P.A.>Affichage>Images et Couleurs>Couleurs>Feuille de style CSS :

Code:
#logo-desc{border:1px solid #fff;}


Si vous souhaitez la ligne plus épaisse, augmentez le "1px", si vous souhaitez changer la couleur, ici blanc = #fff

Si vous souhaitez ajouter des bords arrondis, ajoutez un border-radius au code, comme ceci :

Code:
#logo-desc{border:1px solid #fff;
border-radius:5px;}


Si vous souhaitez un cadre en pointillés, mettez votre code comme ceci :

Code:
#logo-desc{border:2px dashed #fff;
border-radius:5px;}


etc...

Bien à vous.
par ◦Jay◦
le Dim 24 Juil 2016 - 17:09
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: titre forum
Réponses: 7
Vues: 469

Nouvelle version mobile

Bonjour J0hnd0euf, pour changer la couleur de notifications :


Code:
.forum_new:before, .folder_new:before,a.folder_hot_new.forum-section::before{
background-color: #fff !important;
}


Réglez la couleur, ici, blanc=#fff.



Pour la taille de l'avatar :

Code:
.post-icon img {
 width: 40px;
 height: 40px;
}


Réglez la taille comme vous le souhaitez =40px




Enfin, pour avoir les avatars du dernier posteur en page d'accueil, il suffit de l'activer dans le PA>Affichage >Page d’accueil>Structure et hiérarchie>Hiérarchie>Afficher les avatars dans la colonne "Derniers Messages" : Cochez "Oui"

Bien à vous.
par ◦Jay◦
le Dim 26 Juin 2016 - 7:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Nouvelle version mobile
Réponses: 4
Vues: 785

Problème affichage de citation

Bonjour @LIWawa

@LIWawa a écrit:
Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.


Vous avez défini une couleur via le CSS ce qui prime sur les couleurs de base du forum ! En forçant votre CSS de base, la couleur défini pour la police de citation s'affiche bien sur le forum Wink

il suffit de revoir votre CSS perso et d'y supprimer la partie qui gére la couleur en question pour régler le problème.
@LIWawa a écrit:Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad


Dans votre PA >> général >> messages & emails >> Autoriser le bbcode : vous avez mis NON. Cela signifie que vous interdisez au forum d'interpréter le bbcode d'où l'affichage de la balise quote Wink

Il suffit de passer cette option sur OUI pour régler le problème

voilou ::fleur::
par The Godfather
le Mar 7 Juin 2016 - 16:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 737

Problème affichage de citation

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,
J'ai deux problèmes avec la citation et j'espère que vous pourriez m'aider à les résoudre. Je vous remercie en avance !

Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 Pro_bl10
J'ai essayé de changer sa couleur en ajoutant le code comme ceci mais apparemment ça n'a pas marché Sad
Code:
blockquote {
    background: #fff6c7;
    border: 1px solid #aaa;
    margin: .25em 0;
    padding: .25em;
    position: relative;
    color: #000 !important;
}


Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 Pro_bl11

Merci de votre aide !!
par LIWawa
le Mar 7 Juin 2016 - 13:03
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 737

changer l'apparence de la zone de saisie de texte

Salut !

Je teste sur un forum que j'ai en phpBB3, et pour les groupes de boutons 'b, i, s' etc, je pense que tu dois cibler ceci "div.sceditor-group" et lui attribuer un fond avec RGBA (qui gère la transparence du fond) :
Code:
div.sceditor-group {
background: rgba(255,255,255, .5);
}


Et pour ce qui est du fond de la zone de saisie, chez moi j'ai un code appliqué sur : .sceditor-container et qui l'oblige à être un blanc pûr (#FFF !important). Peut-être pourrais-tu changer ce code pour lui appliquer un autre fond de ton choix ;-) et j'ai un deuxième .sceditor-container (et je ne sais pas pourquoi d'ailleurs) qui a lui aussi un autre background-color, et donc à lui aussi il faut lui retirer son background ;-)

Code:
.sceditor-container {
    background-color: none !important;
}


et idem pour le fond de la "tool bar", que je vise via "div.sceditor-toolbar" dans mon CSS...

J'espère que mon aide t'aura aidé, n'hésite pas à analyser les blocs via l'inspecteur de ton navigateur pour voir quel css est attribué à quel bloc, ça sert plutôt bien ! Wink
par Henrykiki
le Lun 30 Mai 2016 - 19:19
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: changer l'apparence de la zone de saisie de texte
Réponses: 3
Vues: 463

Titre des catégories : décaler et changer la couleur de police

Bonjour @nnie, en mettant ce code dans votre CSS, j'ai mis comme couleur blanc (#fff)


Code:
a.cattitle{margin-left: 2px;
color: #fff;}


Bien à vous.
par ◦Jay◦
le Mer 20 Avr 2016 - 9:02
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Titre des catégories : décaler et changer la couleur de police
Réponses: 2
Vues: 488

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour le titre, c'est un height qui est trop petit.


.cate_titre {
background: #000 none repeat scroll 0 0;
clear: both;
color: #fff !important;
height: 36px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
}


Pour le clic droit, je ne reproduis pas. Vous pouvez me montrer avec un screen ?
par Lixyr
le Dim 17 Avr 2016 - 18:52
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
Réponses: 7
Vues: 1106

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour que ça fonctionne mieux, il faudrait enlever la table, et mettre directement les liens dans la div .navigation.

Pour les catégories, je dirais que c'est normal, puisque la div de background noire n'est pas la div qui entoure les titres... Vous avez mis un border-top de 35px pour avoir un fond noir alors que vous auriez pu juste mettre un background noir directement sur la div ...

Je regarde votre code et je trouve qu'il y a des choses vraiment étranges qui ne devraient pas être là. Par exemple, pourquoi avez-vous mis le float:left sur la classe forum, alors que vous avez un block parent pour positionner les blocs des catégories ? C'est illogique, et ça ne m'étonne pas que ça bugg au niveau de l'affichage...

Donc déjà je vous propose quelques améliorations, qui vous permettront de pouvoir coder sans soucis :
Vous enlevez tout ce que je raye, et vous ajoutez tout ce qui est en gras :

Dans la CSS :

.forum_bloc {
float: left;
margin: 0 5px 10px;
margin-top: 8px;
width: 800px;
}

.forum {
float: left;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
width: 390px;
}

.forum_contenu {
background: #cbcbcb none repeat scroll 0 0;
height: 65%;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
padding: 4px;
position: relative;
width: 98%;
z-index: 1;
}

.barre_noire {
border-top: 35px solid #1f1f1f;
}



.cate_titre {
clear: both;
color: #fff!important;
height: 31px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
background: black;
}

.cate_titre h2 {
color: #fff !important;
font-size: 20px;
margin: 0;
}



Dans le template :

<div class="barre_noire"></div>

<div class="cate_titre">
<br>
<h2>1ère catégorie</h2>
</div>



Et vous aurez exactement le même rendu que celui que vous aviez, sauf qu'il fonctionne à la fois sur Firefox et Chrome, et il sera sans bugg.
par Lixyr
le Dim 10 Avr 2016 - 11:20
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
Réponses: 7
Vues: 1106

code css sur la forme des avatars

Bonsoir a tous

j'ai voulu, comme sur forumactif actuellement, donner une forme arrondi aux avatars de profil en récupérant ce code ccs :

#main-content > .post .postprofile dt img, .lastpost-avatar {
     background:#FFF;
     height:100px;
     width:100px;
     border-radius:100px;
     box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
     padding:3px;
   }
   
   .lastpost-avatar, .lastpost-avatar img {
     height:34px;
     width:34px;
   }

Hélas, lorsque je valide, une doublette d'avatar s’installe dans la colonne "derniers messages"
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 2410

Pourriez-vous y remédier s’il vous plait ?

D'avance merci

Salutation

Jean Paul
par Aito
le Mer 9 Mar 2016 - 17:33
 
Rechercher dans: Archives des problèmes avec un code
Sujet: code css sur la forme des avatars
Réponses: 5
Vues: 640

Couleur légende

*pop comme une fleur*
Bonjour!
As tu essayé d'enlever
" span.gensmall a.gensmall {
color: #fff!important;
}"
dans ton css?

Je ne vois pas l'exemple de R-max dans ton template,1XMisterX1 Smile
par vampyrette
le Dim 3 Jan 2016 - 15:01
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur légende
Réponses: 10
Vues: 976

Ombre sous le texte du forum

bonjour ^^

pour agir sur tous le forum

ajouter ceci a votre feuille de styles css
Code:
body {
    text-shadow: 1px 5px 10px #fff;
}


{#}fff{/#} = la couleur de l'ombre (ici c'est blanc) .
pour choisir une couleur >> http://www.code-couleur.com/

vous pouvez modifier aussi 1px 5px 10px pour agir sur l’étendu de l'ombre

je vous laisse tester , si vous avez un soucie demandé Surprised
par Invité
le Dim 27 Déc 2015 - 22:53
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ombre sous le texte du forum
Réponses: 3
Vues: 496

Création d'un pop-up de menu sur la page d'accueil du forum ?

Voici le code HTML :

<a class="open_video" rel="video" href="#?w=500"><strong>information</strong></a>
<div style="display: block;" id="video" class="popup_block">

<div id="close">
<a href="#" onclick="return false"><img src="https://i.servimg.com/u/f21/16/87/83/03/forum110.png" alt="ferme" /></a>
</div>

</div>
<div id="shadow">
Bonsoir à toutes et à tous, Alors voilà, je souhaiterais créer un pop-up qui s'ouvre dés qu'on arrive sur la page d'accueil du forum. Mais attention, il ne s'agit pas d 'un pop-up invitant le quidam à s'inscrire où se connecter mais d'un pop-up présentant les dernières nouveautés du forum (les derniers membres inscrits, les derniers articles publiés, les plus populaires, les thèmes que je souhaiterais voir abordé, etc. ...). Par conséquent il me faudrait un pop-up sans bouton "ne plus afficher" puisque le but est qu'il revienne à chaque nouvelle visite (CQFD Wink). Les boutons "connexion" où "s'enregistrer" ne sont pas indispensables non-plus. Un simple bouton "fermer" ferait largement l'affaire... Par conséquent, une âme charitable aurait-elle un code HTML correspondant à me fournir ? Par avance, un très grand merci !!! Arthur Le Roy arthur *** Messages: 116 Réputation: 0 Inscrit(e) le: 26/06/2014 Aucun avertissement Firefox PhpBB3 Fondateur de forum: Oui CSS personnalisé: Non Templates modifiés: Non Voir le profil de l'utilisateur Envoyer un message privé http://www.coeur-bretagne.forumactif.org/
</div>


Et voici le code CSS :

/**============pop-up video ===============**/
.open_pop{ color:#000; font:bold 1.3em Arial, Helvetica, sans-serif;}

#close{ width:50px; height:50px; position:absolute; top:80px;; right:50%; color:#FFF; z-index:2;}

#shadow{ width:656px; min-height:656px; background:#000; position:absolute;margin:auto; top:100px;left:0px;right:0px;
z-index:0;text-align:justify;padding:25px;}
/**===============fin pop-up ===================**/
par Le Roy arthur
le Ven 25 Sep 2015 - 13:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Création d'un pop-up de menu sur la page d'accueil du forum ?
Réponses: 87
Vues: 6811

la Couleur intérieure du cadre du forum est toujours présente

Un grand merci R-Max mais le contenu ne fonctionne pas Embarassed
Mais le problème que j'ai c'est que j'aimerais c'est de trouver la source dans ma feuille CSS qui fait que je peux régler l'opacité ou supprimer comme mentionner cette couleur ?
Voici ma feuille CSS si cela peut vous aidé et me dire quel est la cause vu que je suis en rgba !
body {
background-image:url(https://i.servimg.com/u/f18/19/29/16/95/26923624.jpg);
background-size: 100% auto;
}
body {
background-image: url(https://i.servimg.com/u/f18/19/29/16/95/26923624.jpg);
background-size: 100% auto;

}
.bodyline {
background: rgba(186,174,80,.75);
}
.bodylinewidth {
width: 80%;
}
.forumline {
background-color: rgba(255,255,255,.5);
}
td.row1, td.row3.over:hover {
background: rgba(220,222,173,.5);
}
td.row1.over:hover, td.row2 {
background: rgba(220,222,173,.5);
}
td.row3 {
background: rgba(199,195,115,.5);
}
td.rowpic {
background-color: #dee3e7;
background-image: url("https://illiweb.com/fa/empty.gif");
}
th {
background-image: url("https://illiweb.com/fa/empty.gif");
color: #5b612e;
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color:#f5f0f0 ;
background-image: url("https://illiweb.com/fa/empty.gif");
border-style: solid;
height: 28px;
}
td.cat, td.catBottom, td.catHead {
border-width: 0;
height: 29px;
}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
border: medium solid #fff;
font-weight: 700;
}
td.row3Right, td.spaceRow {
background: rgba(199,195,115,.5);
border-style: solid;
}
td.row3.over {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
td.row2 {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
td.row3 {
-webkit-border-radius: 20px;
-moz-border-radius: 0px;
border-radius: 20px;
}
td.row1 {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.forumline {
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}
body {
width:100%;
}
par pilote109
le Dim 16 Aoû 2015 - 0:59
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: la Couleur intérieure du cadre du forum est toujours présente
Réponses: 8
Vues: 1071

Agrandir le qeel et deux module en bas en largeur

Localisez les codes suivants dans votre feuille de style css :
Code:
.case_pa_maze {
  background-color: #f0f0f0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 2px solid;
  border-color: #fff;
  border-radius: 0;
  box-shadow: 1px 5px 10px #;
  color: #fff;
  display: block;
  height: 200px;
  margin: auto;
  overflow: auto;
  padding: 5px;
  text-align: justify;
  width: 100%auto;
}


Code:
.case_pa_maze:hover {
  background-color: #fff;
  border: 3px solid;
  border-color: #fff;
  border-radius: 25px 25px 0 0;
  box-shadow: 1px 5px 10px #;
  color: #fff;
  display: block;
  height: 200px;
  margin: auto;
  overflow: auto;
  padding: 5px;
  text-align: justify;
  -moz-transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  width: 100%auto;
}


La ligne responsable est color: #fff; qui code pour un texte en blanc.
D'autres lignes sont inutiles, vous pouvez modifier le code ainsi :
Code:
.case_pa_maze {
  background-color: #f0f0f0;
  border: 2px solid white;
  border-radius: 0;
  height: 200px;
  margin: auto;
  overflow: auto;
  padding: 5px;
  text-align: justify;
}

et le deuxième ainsi :
Code:
.case_pa_maze:hover {
  background-color: #fff;
  border-radius: 25px 25px 0 0;
  -moz-transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
par MlleAlys
le Mer 17 Juin 2015 - 20:54
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Agrandir le qeel et deux module en bas en largeur
Réponses: 13
Vues: 1028

Changement couleur police d'un titre

Hello !

Essaye ce code :

Code:
.cattitle {
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}


J'ai choisi une couleur blance (#fff) pour la police, à toi d'en décider par la suite !

Cordialement.
par Witzz
le Sam 13 Juin 2015 - 12:50
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Changement couleur police d'un titre
Réponses: 2
Vues: 468

Taille de l'avatar petite

Bonsoir Smile 

Je n'ai pas ça dans le CSS ^^

Voici ce que j'ai : 
#i_logo{
            margin-bottom: 20px;
        }

.maintitle
{
margin-top:-30px;
}

#search-box{
visibility:hidden;
}

.genmed.module-title, a.cattitle  { color:#FFF}

Merci
par *Daenerys
le Mer 3 Juin 2015 - 19:05
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Taille de l'avatar petite
Réponses: 5
Vues: 980

Créer un diaporama (images défilantes)

Créer un diaporama (images défilantes)


Ce tutoriel vous explique comment créer facilement un diaporama d'images (slide show) à l'aide d'un formulaire.

Présentation du formulaire


Pour commencer, rendez-vous sur la page de notre formulaire.

Vous devez trouver cette page:

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 Formul10

La première partie explique comment le remplir et la deuxième partie contient les champs à renseigner afin de créer un diaporama personnalisé.

Les explications suivantes vous permettront de compléter facilement le formulaire pour créer le diaporama que vous souhaitez.

Comment remplir le formulaire?


Le formulaire offre différents paramètres pour la présentation des images ou leur défilement.

Si les instructions sur la page du formulaire ou les infobulles n'étaient pas assez détaillées, voici des explications sur comment remplir correctement le formulaire. Smile

Configuration générale


Il y a 6 champs à paramétrer, divisés dans 3 groupes: paramètres de défilement, paramètres de taille, paramètres de couleurs.

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 20-03-17

  1. Paramètres de défilement: Les paramètres sont définis en millisecondes. Une milliseconde est un millième de seconde. Ainsi 1000 millisecondes (ms) = 1 seconde.

    - Durée d'affichage d'une diapo: Définit la durée pendant laquelle une diapositive est affichée en millisecondes.
    - Durée de l'effet de transition: Définit la durée de l'effet de transition (ici fondu) en millisecondes.

  2. Paramètres de taille:Ils permettent de définir la taille des images du diaporama. La taille est à indiquer en pixel (px).

    - Hauteur: Définit la hauteur des images
    - Largeur: Définit la largeur des images

  3. Paramètres de couleur: Ils définissent la couleur de fond et des bordures du diaporama. Les couleurs sont à définir à l'aide de codes hexadécimaux (#FFF) ou en indiquant le nom des couleurs (black, blue...)

    - Couleur de fond: Définit la couleur de fond du diaporama
    - Couleur de la bordure: Définit la couleur de la bordure

Pour les codes couleurs, voir ici: Tuto Nomination & Couleurs

Configuration des diapos


Pour chaque diapositive, trois champs, dont un obligatoire sont disponibles: lien, lien de l'image, titre de l'image.

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 20-03-18

- Lien: C'est le lien vers lequel on est redirigé lors du clic sur l'image
- Lien de l'image: C'est l'adresse de l'image (se finit couramment en .jpg, .png)
- Titre de l'image: C'est une brève description de l'image (exemple: Thème Hitskin Harry Potter)

Les boutons du formulaire


Une fois les informations remplies, trois boutons sont affichés.

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 20-03-19

Supprimer la diapo: Supprime la dernière diapo créée
Ajouter la diapo: Enregistre la diapo et permet d'en ajouter une suivante
Générer le code: Une fois terminé le code peut être généré pour être collé sur le forum

Le code généré


Une fois le code généré, il est possible de le copier sur son forum.

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 20-03-20

Il est également possible de prévisualiser le diaporama pour modifier avant copie du code.
Enfin, en copiant une code dans le champ vierge, il est possible de le modifier en cliquant sur éditer le code.

Où placer le code du diaporama?


Le code du diaporama peut être placé n'importe où le HTML est accepté, par exemple dans une page HTML, un message de page d'accueil ou un widget.

Panneau d'Administration > Modules > HTML & Javascript > Gestion des pages HTML
Panneau d'Administration > Affichage > Généralités > Message de page d'accueil
Panneau d'Administration > Modules > Gestion des widgets du forum

Comment installer le formulaire sur mon forum?


Le formulaire est libre de droit et vous pouvez utiliser son code ou le modifier si vous le souhaitez. Le code a été créé par Ange Tuteur du forum de support anglais et est disponible ici.

Pour l'ajouter, il faut ouvrir le fichier slide show generator.html, copier le contenu et aller dans le Panneau d’Administration > Modules > Gestion des codes HTML puis le coller dans une page créée en mode avancée:

Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 20-03-16

Titre: Formulaire diaporama
Voulez-vous utiliser le haut et le bas de page de votre forum ? : Oui

Une fois la page enregistrée, cliquer la loupe pour l'afficher ou y accéder directement via l'adresse de la page (URL du lien).

par Shadow
le Mar 24 Mar 2015 - 16:05
 
Rechercher dans: Trucs et astuces
Sujet: Créer un diaporama (images défilantes)
Réponses: 0
Vues: 10037

Personnalisations spécifiques chatbox

Bonjour,

1. Pour la couleur du mot "message", vous pouvez utiliser le code css suivant :
Code:
.chatbox label[for="message"] {
    color: #fff;
}

(ici #fff pour blanc à modifier par le code de la couleur de votre choix ^^)


2. Pour modifier la taille de l'heure, vous pouvez utiliser le code css suivant :
Code:
#chatbox .date-and-time {
    font-size: 10px;
}

(ici 10px à remplacer par la taille de votre choix)


3. pour supprimer/modifier l'arobase des modérateurs je vous renvoie à l'astuce d'Ea :
Tag fff sur Forum gratuit : Le forum des forums actifs - Page 2 793295Codes(10) pour la chatbox


4. pour mettre une couleur commune à tous les connectés, je vous propose le code css suivant :
Code:
div#chatbox_members span {
    color: black;
}


et enfin pour modifier la couleur d'un membre en particulier le code css:
Code:
span[data-user="4"] {
    color: blue!important;
}

où 4 est le numéro du membre (cf le dernier numéro du lien de son profil) et ici blue la couleur du membre à modifier par le code de la couleur de votre choix ^^

à moins que pour le point 4. vous ne parliez non pas de la couleur des pseudos mais de la couleur des messages ? =s
par MlleAlys
le Dim 8 Mar 2015 - 23:32
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Personnalisations spécifiques chatbox
Réponses: 2
Vues: 767

Bannière de fond de page aléatoire (phpBB3)

La balise div ayant pour id "wrap" entoure tout le contenu du Forum, en soit sur votre forum elle ne sert pas à grand chose, dans votre CSS le seul truc utile est "border: 0 solid #FFF;" qui devrait être écrit "border: 0" pour retirer la bordure blanche de base de cette div Wink

Pour la bannière aléatoire, on va donc suivre ce tuto et reprendre le code de celui-ci en le modifiant légèrement pour que tu es l'effet désiré :

https://forum.forumactif.com/t223082-banniere-aleatoire-ou-defilante

Le code de base modifie la bannière du forum et donc change le header, dans notre cas c'est le fond de page qu'on va changer, du coup, on va modifier un peu le code en remplaçant la cible par "body" pour optimiser encore plus on va pouvoir mettre "#phpbb" qui va cibler uniquement le body de cette page, et ne touchera donc pas à celui de la Chatbox par exemple. Ensuite, on va lui demander de changer la propriété css "background-image" pour y ajouter l'image qu'on veut à chaque fois. Tu pourras d'ailleurs retirer l'image de base de fond de page que tu as mis dans tes images dans le panneau d'administration, elle sera généré par le code. Il va nous falloir aussi rajouter plusieurs images, mais ça, ce n'est pas bien compliqué.

Tu vas donc aller dans Panneau d'administration > Modules > (Tout en bas) Gestion des pages Javascript = Vérifie que tu as bien coché "oui" > Ajouter une nouvelle page Javascript > Sur toutes les pages de coché = met le titre que tu veux et ajoute ceci :

Code:
$(function() {
var a = ['http://adresse_image_1', 'http://adresse_image_2', 'http://adresse_image_3', 'http://adresse_image_4', 'http://adresse_image_5', 'http://adresse_image_6', 'http://adresse_image_7'];
$('#phpbb').css('background-image', 'url('+a[Math.floor(Math.random() * a.length)]+')');
});


Et enfin tu valides, je vais t'expliquer ce que j'ai fait en passant, si tu le souhaites.

Code:
$(function(){ // Déclare la fonction suivante en jQuery

Code:
var a = ['http://adresse_image_1', 'http://adresse_image_2', 'http://adresse_image_3', 'http://adresse_image_4', 'http://adresse_image_5', 'http://adresse_image_6', 'http://adresse_image_7']; // Ajoute une variable nommée "a" qui est égal à chaque adresse url fourni

Code:
$('#phpbb').css('background-image', 'url('+a[Math.floor(Math.random() * a.length)]+')'); // Un peu plus compliqué, on cible le corps de page (body) de ton forum, on y ajoute comme propriété css "background-img", pour définir la propriété, on va donc utiliser une fonction jQuery qui permet de générer un nombre aléatoire, ce nombre aura pour minimum 1 et pour maximum le nombre de lien fourni dans la variable a (donc ici 7), une fois le nombre généré on récupère l'url correspondant dans la variable "a", une fois cela fais, on l'ajoute à la propriété background image dans "url()" qui permet de définir l'url du background

Code:
}); // On ferme la fonction tout simple


Voilà, je sais pas si mes explications seront clair et si elles te serviront à quelque chose mais je préférais expliquer plutôt que de te donner un code et te laisser dans le flou avec, ça marche et osef de son effet XD
par Alzufen
le Dim 1 Mar 2015 - 22:45
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Bannière de fond de page aléatoire (phpBB3)
Réponses: 6
Vues: 1575

Revenir en haut

Page 2 sur 2 Précédent  1, 2

Sauter vers: