La date/heure actuelle est Mar 19 Mar 2024 - 6:38

8 résultats trouvés pour couleur

Ecriture grossie

Une bordure est décrite par trois informations : la largeur, le style de bordure, et la couleur.
En vérité, c'est surtout le style de bordure qui est obligatoire, les deux autres étant complétées par défaut si non précisées.
Une bordure "normale" est dite "solid", ce qui donne le code css :
border: 2px solid #couleur;
par MlleAlys
le Sam 3 Déc 2022 - 0:14
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ecriture grossie
Réponses: 30
Vues: 581

Ecriture grossie

Effectivement, je ne sais pas d'où il vient.. Possiblement d'un autre code qui décide de nous faire une farce.

Tout est nickel, merci beaucoup ! J'ai juste une dernière question. Je tente de mettre une bordure de couleur comme sur la catégorie au-dessus pour l’harmonie avec un
border: 2px #couleur;

Ca ne fonctionne pas. scratch
par Oz-Chan
le Sam 3 Déc 2022 - 0:11
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ecriture grossie
Réponses: 30
Vues: 581

Enlever le mot "sujet" et le remplacer par le nom du membre

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai essayé de trouver une réponse à mon souci d'apparence mais je n'ai rien qui correspondait.
J’aimerais qu'à la place du mot sujet souligné en jaune dans la capture soit remplacé par le nom du membre.

Je ne sais pas quels Templates vous mettre!

Merci d'avance.

Capture d'écran:
Feuille CSS:
par Gourmandine.P
le Lun 19 Juin 2017 - 11:24
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Enlever le mot "sujet" et le remplacer par le nom du membre
Réponses: 2
Vues: 1240

La taille changeante du forum

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai un souci que je n'arrive pas à résoudre.
Lorsque je suis sur la page d'accueil du forum la taille que j'ai défini est correcte, mais lorsque j'ouvre un sujet posté afin de le lire la fenêtre du forum s'agrandit ce qui est désagréable pour les yeux.
Est-ce que cela est possible de mettre ta taille du forum fixe pour toutes les pages et sujets.
Merci pour votre réponse.
Mon CSS:


Page normale:
Page plus grande:
par Gourmandine.P
le Mer 14 Juin 2017 - 13:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La taille changeante du forum
Réponses: 4
Vues: 1036

Déplacement du forum à chaque modification dans le CSS

Tag couleur sur Forum gratuit : Le forum des forums actifs 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Difficile à dire sans apercevoir le problème sur votre forum. Néanmoins en parcourant votre CSS, on peut apercevoir certaines erreurs (qui n'entrainent cependant pas le problème rencontré).

J'ai passé votre code dans un "beautifier" pour qu'il soit un peu plus lisible et mieux organisé, le voici :
Code:
.bodyline {
    border-top: none !important;
    border-bottom: none !important;
}
body.chatbox {
    background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/fondtc11.jpg")
}
#chatbox_members .cb-avatar > img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
#chatbox_header .cattitle:before {
    content: "Crossing";
}
body {
    cursor: url(""), auto;
}
.forumline {
    border-bottom: 5px #EFEFEF solid;
    border-top: 5px #EFEFEF solid;
    border-right: 2px #EFEFEF solid;
    border-left: 2px #EFEFEF solid;
    border-radius: 7px;
}
a.forumlink:link,
a.forumlink:visited {
    font-family: finkheavy;
    text-transform: uppercase;
    text-align: center;
    font-size: 100%;
    border-bottom: 5px solid #couleur;
    color: #couleur;
    letter-spacing: 1px;
    display: block;
    -moz-border-radius: 10px;
}
a.forumlink:hover,
a.forumlink:hover:visited {
    background-image: url("url de votre image");
    color: #couleur;
    text-align: center;
    display: block;
    border-bottom: 5px solid #couleur;
    -moz-border-radius: 10px;
}
.catHead {
    border: none !important;
}
.catBottom {
    border: none !important;
}
.thLeft {
    border: none !important;
}
.thRight {
    border: none !important;
}
.row3Right {
    border: none !important;
}
-RETRAIT: ce CSS pose de nombreux problèmes - {
    display: none;
}
.code {
    background-color: #000;
    border: 1px #FFF dotted;
}
.cont_code span {
    font-family: Comic Sans MS, sans-serif;
    font-size: 12px;
    color: #9b6b6b;
    line-height: 125%;
}
1. 2.
/*===description forum===*/

3.p#pun-desc {
    4. color: transparent;
    5.
}
1..mobile_image {
    max-width: 99%
}
2.#mpage-body .postbody > .content > div {
    overflow: hidden
}
body {
    background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
    background-position: fixed;
    background-size: 150%;
}
div.topictitle strong {
    display: none;
}
body {
    background-image: url(https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg);
    background-size: 100% auto;
}
#chatbox_header .catBottom .cattitle {
    font-family: 'FinkHeavy';
}
.date-and-time {
    display: none;
}
#chatbox > p {
    border: none !important;
}
/************** DEBUT DES CODES PROFILS ********************/

table.tableau_profil {
    width: 210px;
    border-radius: 20px;
    margin: auto;
    border: 0;
}
table.tableau_profil td.milieu_tab {
    width: 210px;
    background-color: #DFE4E6;
    border-radius: 20px;
    background-repeat: repeat-y;
    border: 1px solid #95a9b7;
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur {
    font-family: 'Georgia', cursive;
    font-size: 18pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur {
    font-family: 'arial', cursive;
    font-size: 11pt;
    color: white;
    font-style: italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur {
    width: 190px;
    margin: auto;
    padding: 4px;
    text-align: left;
    font-family: 'arial', cursive;
    background-color: #EFEFEF;
    border: 1px solid #95a9b7;
    border-radius: 20px;
    opacity: 0.5;
    /* Transparence : 0 = transparent // 1 = opaque */
   
    -moz-opacity: 0.5;
    /* Transparence pour Firefox */
   
    -ms-filter: "alpha(opacity=50)";
    /* Transparence pour IE 8 */
   
    filter: alpha(opacity=50);
    /* Transparence pour les versions IE antérieure à la 8 */
}
.postdetails.poster-profile a img:hover {
    filter: grayscale(1);
    /* Firefox 35+ */
   
    -webkit-filter: grayscale(1);
    /* Chrome, safari, opera */
   
    filter: gray;
    /* IE 6-9 */
}
/************** FIN DES CODES ********************/
/*========================================================================================================
                                              PROFIL DES MEMBRE - BY Batty
    ========================================================================================================*/

.batty_corp {
    background: rgba(22, 22, 22, 0.5);
    border-radius: 20px;
    padding: 15px;
    border: 3px solid #fff;
}
.batty_corp-info {
    width: 100%;
    background: rgba(22, 22, 22, 0.8);
    border-radius: 20px;
    padding: 15px;
    color: #fff !important;
    font-size: 15px;
}
.batty_corp-avatar {
    width: 200px;
    background: rgba(22, 22, 22, 0.8);
    text-align: center;
    border-radius: 20px;
    padding: 15px;
    color: #fff;
    font-size: 15px;
}
.batty_corp-avatar img {
    margin: 5px 0px;
}
.batty_rang {
    font-size: 0px;
}
.batty_titre {
    width: 300px;
    background-color: rgba(22, 22, 22, 0.8);
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: 'Times New Roman';
}
.batty_titre div {
    padding: 0px 8px;
    background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
    background-repeat: no-repeat;
}
.batty_titre2 {
    width: 300px;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 0px;
    font-family: 'Times New Roman';
}
.batty_titre2 div {
    padding: 0px 8px;
    background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
    background-repeat: no-repeat;
}
.batty_info-fiche {
    display: inline-block;
    width: 33%;
    min-height: 100px;
    text-align: center;
    color: #fff;
}
.batty_info-fiche textarea {
    display: block;
    background: none;
    border: none;
}
/*========================================================================================================
                                              PROFIL DES MEMBRE - BY Batty [END]
    ========================================================================================================*/
/* CODES POUR LE QEEL */

#qeel h1,
#qeel h2,
#qeel h3,
#qeel p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
#qeel {
    width: 800px;
    min-height: 200px;
    border-radius: 10px;
    background: #fff;
    margin: 75px auto 20px;
    position: relative;
    padding-top: 50px;
    font-family: "FinkHeavy", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: gray;
}
#qeel a {
    color: darkgray;
    text-decoration: none;
}
#qeel a,
#qeel h2 {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#qeel a:hover {
    color: #d74e77;
}
#qeel h1 {
    width: 328px;
    height: 83px;
    background: url("https://i37.servimg.com/u/f37/19/51/29/30/qui_es10.png") no-repeat;
    position: absolute;
    top: -58px;
    left: 50%;
    margin-left: -164px;
    text-indent: -9999px;
}
#qeel td {
    vertical-align: top;
}
#qeel td p .gensmall,
#qeel td.row1 .gensmall,
#qeel .gensmall {
    font-family: "FinkHeavy", sans-serif;
    color: #F54DA0;
    font-size: 10px;
}
#qeel table td {
    border-radius: 10px;
    position: relative;
    padding-top: 25px;
    min-height: 50px;
}
#qeel table td.withbg {
    background: #e4e1e2;
}
#qeel h2 {
    /*height: 34px;*/
   
    position: absolute;
    top: -12px;
    z-index: 3;
    font-size: 24px;
    font-family: 'FinkHeavy', cursive;
    color: #808080;
}
#qeel h2:hover {
    color: rgba(209, 42, 97, 1);
}
#qeel td.row1,
td.row3.over:hover {
    background-color: transparent !important;
}
#qeel table.annifs {
    margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
    padding-top: 0px !important;
}
.groups {
    padding: 10px !important;
    text-align: center;
}
/* CREDITS */

#credits {
    position: absolute;
    padding: 0px 10px;
    bottom: -20px;
    right: 0px;
    height: 20px;
    line-height: 20px;
    font-size: 8px;
    color: gray;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #ffffff;
}
/*
    * Libre service bloc de connexion rapide verte
    * NEVER UTOPIA
    */
/* Bloc qui entoure tout */

.cnxl-bloc {
    margin: 20px auto;
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 15px;
    color: #484848;
}
/* Aligner les 3 blocs */

.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
    display: inline-block;
    vertical-align: middle;
}
/* Style commun pour tous les champs */

.cnxl-form input {
    padding: 10px;
    border: none;
    font-family: inherit;
    font-size: 15px;
    outline: none;
}
/*
      * Décoration à gauche
      * Inscription
      */

.cnxl-inscription {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #92B735;
    padding: 8px;
}
.cnxl-inscription img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
/*
      * Champs à remplir au centre
      */

.cnxl-input-bloc {
    margin: 0 20px;
    width: 200px;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #92B735;
    overflow: hidden;
    padding: 0 5px;
    /* espace entre le bord et le trait des input */
   
    background: #FFFFFF;
}
.cnxl-input-bloc input {
    color: black;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #92B735;
    /* bordure entre les input */
   
    box-shadow: 0 0 0 100px #ffffff inset;
    /* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
    border: none;
}
/*
      * Connexion à droite
      */
/* Bouton de connexion */

.cnxl-submit-bloc input {
    background: #92B735;
    border-radius: 3px;
    cursor: pointer;
    transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */

.cnxl-submit-bloc input:hover {
    background: #ede390;
}
/*
      * Zone en bas
      */

.cnxl-form label {
    cursor: pointer;
}
/* Liens (Mot de passe oublié) */

.cnxl-bloc a {
    font-size: 10px;
    text-decoration: none!important;
    color: #766e6e;
    text-decoration: none;
    transition: all 300ms ease-out;
}
/* Liens au survol

        /* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */

.cate {
    width: 500px;
    height: 150px;
    overflow: hidden;
    background-color: #ffffff;
}
.cate_img {
    position: relative;
    z-index: 2;
    width: 500px;
    height: 150px;
    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;
}
.cate:hover .cate_img {
    margin-left: 510px;
    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;
}
.cate_description {
    position: relative;
    z-index: 1;
    width: 500px;
    height: 150px;
    margin-top: -150px;
    text-align: justify;
    font-size: 11px;
    color: #8c8c8c;
    padding: 2px;
    overflow: auto;
}
/* CSS perso */

.forumline.genmed {
    background-image: url("https://i58.servimg.com/u/f58/19/51/29/30/tablea12.png");
    background-color: transparent;
    border: none;
}
td.row1,
td.row3.over:hover {
    background-color: transparent;
}
.row1 > .marquee {
    margin-left: 10px;
    background-color: rgba(239, 239, 239, 0.3);
}
.catLeft > .genmed.module-title {
    text-shadow: 2px 0px 1px rgb(222, 174, 102)
}
td.catLeft {
    border-style: none;
}
.js-marquee > a {
    color: #1c7037;
}
/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets {
    width: 950px;
    margin: auto;
    background: #dfdfdf;
    border: 1px solid #ececec;
    box-shadow: 0px 0px 3px #868686;
    -o-box-shadow: 0px 0px 3px #868686;
    -moz-box-shadow: 0px 0px 3px #868686;
    -webkit-box-shadow: 0px 0px 3px #868686;
    -htm-box-shadow: 0px 0px 3px #868686;
    padding: 5px;
}
.sujets {
    background: #ececec;
    border: 1px dotted #ffffff;
    padding: 3px;
}
.topictitle {
    font-variant: small-caps;
    font-size: 12px;
}
.sujets_auteur {
    display: block;
    width: 200px;
    font-size: 11px;
}
.sujet_last {
    display: block;
    width: 180px;
    height: 40px;
    background: #f4f4f4;
    border-left: 3px solid #9e9e9e;
    border-right: 3px solid #9e9e9e;
    padding-top: 10px;
    font-size: 11px;
}
.sujets_stats {
    width: 900px;
    text-align: right;
    margin-bottom: 5px;
}
.sujets_stats_contenu {
    font-size: 10px;
    color: #a4a4a4;
}
div.signature_div img {
    max-width: 600px;
    max-height: 350px;
}
tr.annonce td {
    background-color: #E6B5E1!important;
}
/* Modifie la couleur de fond des annonces */

tr.Note td {
    background-color: #6FCDC0!important;
}
/* Modifie la couleur de fond des Note */


Ouvrez le dans un éditeur de texte (je vous conseille Notepad++) pour corriger les erreurs rencontrés :
  • Lignes 16 à 18 : aucune URL fournie pour le curseur. Mettez le code en commentaire : /* code ici */
  • Lignes 32, 33, 41, 44 : #couleur ça n'existe pas. Il faut mettre un code couleur hexadécimal #... ( http://www.code-couleur.com/ ) ou entrer le nom de la couleur en anglais.
  • Ligne 40 : aucune URL fournie pour le background-image. Supprimez-la ligne ou commentez-la ( /* ... */ )
  • Ligne 62 à 64 : supprimez le code, vous l'avez sans doute trouvé pour supprimer le "Dernière édition par ..." mais ce code pose de nombreux problèmes et est censuré ici (d'ailleurs ça se voit dans le code). Pour retirer les mentions, je vous invite à lire ce tutoriel.
  • Lignes 75 à 85 : vous avez des chiffres qui viennent s'ajouter comme ça n'importe où, sans doute à cause d'un C/C.

Le reste me parait correct (bien que je n'ai pas vérifié en profondeur).

Concernant votre problème maintenant, si il réapparait, laissez-le tel quel que nous puissions observer et analyser le code.

Cordialement.
par Tech
le Jeu 25 Mai 2017 - 15:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Déplacement du forum à chaque modification dans le CSS
Réponses: 13
Vues: 1551

Erreur sur feuille de style CSS

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://poetikart.forumactif.org

Description du problème

Bonjour,
J'ai un souci avec ma feuille CSS car lorsque je désire actualiser les codes ce message d'erreur s'affiche.

Erreur
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.

Voici ma feuille CSS
Spoiler:

par Gourmandine.P
le Mer 8 Fév 2017 - 15:16
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Erreur sur feuille de style CSS
Réponses: 3
Vues: 938

Problème avec la Largeur de mon forum

    Bien le bonsoir, ForumActifs!

    Je viens vous solliciter car j'ai un problème avec la largeur de mon forum.
    J'ai beau suivre tous vos tutoriels et les sujets déjà résolus, mais cela ne marche pas. Mon forum reste bloqué à cette largeur là. J'ai également modifié la largeur dans le panneau de configuration rien n'y fait. Je pense que cela vient de mes codes de CSS et Templates mais j'ai beau farfouiller dedans, je ne trouve pas où est le problème!

    J'aimerais que mon forum ait une largeur de 50 ou 60 pourcent. c:

    Mon forum : http://domaine-sorrom.forumactif.org/

    Mon CSS et mon Template Index_Box :

    CSS:



    Mon Index_Box:



    Merci d'avance!

    Dxiie


par DXiie
le Lun 8 Aoû 2016 - 3:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème avec la Largeur de mon forum
Réponses: 4
Vues: 2159

Comment changer la couleur du cadre du forum ?

Je viens d'essayée de supprimé :
Code:
border: 5px solid rgba(106, 90, 205, 0.6) !important;
le Rgba par {#}couleur{/#} lol mais sa na pas l'air de fonctionné correctement.
par Invité
le Mer 24 Juin 2015 - 14:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Comment changer la couleur du cadre du forum ?
Réponses: 10
Vues: 980

Revenir en haut

Sauter vers: