*RESOLU* problème d'apparence

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

*RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 18:13
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Bonsoir,

j'ai un problème d'apparence. Je suis entrain de travailler sur un thème et j'ai un souci que je n'arrive pas à comprendre!

J'ai une revue de presse sur mon forum Petite Feuille voir screen N° 1  que je veux mettre sur mon forum test pour comparer au niveau couleur et là sur mon forum test j'ai un blanc qui s'affiche voir screen N° 2 , je voudrais qu'il soit comme la couleur du forum ou alors en transparence ..  comme sur mon forum Petite feuille!
Donc je ne comprends pas ... Pouvez-vous m'aider s'il vous plait ?

Merci d'avance

Lydie




Dernière édition par petitefeuille le Jeu 31 Aoû 2017 - 17:16, édité 1 fois

Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 18:35
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
re .. bonsoir ; j'ai vu le problème c'est donc au niveau des couleurs, est-ce qui est possible de mettre ma revue de presse en transparence ? comme ma TchattBox ?

Code:

<div align="center" class="M14_pa">
                                                                                                                                 <a href="http://www.petitefeuille.net/t18684-rythmes-scolaires-faut-il-ou-pas-reduire-la-duree-des-vacances-scolaires"><img src="https://i11.servimg.com/u/f11/15/86/06/11/faut-i11.jpg" title="Rythmes scolaires: Faut-il (ou pas) réduire la durée des vacances scolaires?" /></a>  <a href=" La Roumanie, 20e pays à adopter l'euro ?"><img src="https://i11.servimg.com/u/f11/15/86/06/11/la-rou11.jpg" title="La Roumanie, 20e pays à adopter l'euro ?" /></a>  <a href="http://www.petitefeuille.net/t18655-pourquoi-la-tempete-harvey-est-elle-pire-que-les-autres"><img src="https://i11.servimg.com/u/f11/15/86/06/11/image_17.jpg" title="Pourquoi la tempête Harvey est-elle pire que les autres?" /></a>  <a href="http://www.petitefeuille.net/t18651-coup-d-etat-social-denonce-par-melenchon-philippe-le-renvoie-a-sa-fascination-venezuelienne"><img src="https://i11.servimg.com/u/f11/15/86/06/11/31364110.jpg" title="Coup d'Etat social «dénoncé» par Mélenchon: Philippe le renvoie à «sa fascination vénézuélienne»" /></a>   <a href="http://www.petitefeuille.net/t18657-un-virus-se-propage-sur-facebook-messenger"><img src="https://i11.servimg.com/u/f11/15/86/06/11/70904610.jpg" title="Un virus se propage sur Facebook Messenge" /></a>  <a href="http://www.petitefeuille.net/t18659-le-mont-saint-michel-est-il-breton-ou-normand"><img src="https://www.francebleu.fr/s3/cruiser-production/2016/06/e33355ff-6bc9-44ab-a13c-dc470694b208/870x489_illus_msm.png" title="Le Mont-Saint-Michel est-il breton ou normand ?" /></a>  <a href="http://www.petitefeuille.net/t18540-la-sncf-veut-elle-imposer-a-ses-hotesses-de-porter-la-jupe"><img src="https://i11.servimg.com/u/f11/15/86/06/11/648x4110.jpg" title="La SNCF veut-elle imposer à ses hôtesses de porter la jupe?" /></a>  <a href="http://www.petitefeuille.net/t18685-video-nemo-le-chien-d-emmanuel-macron-a-fait-ses-premiers-pas-sur-le-perron-de-l-elysee"><img src="https://i11.servimg.com/u/f11/15/86/06/11/image_18.jpg" title="VIDEO - Nemo le chien d'Emmanuel Macron a fait ses premiers pas sur le perron de l'Elysée" /></a><br />
</div><br />   
<div align="center">
</div>

Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 18:58
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Lydie,

hum merci de suivre tes demandes et de les mettre en résolu comme le mentionne le bandeau en haut du message initial.
Ce dernier a été corbeillé suite à nos 4 relances pascontentGrrrrrr .

https://www.milouze14.com/t30883-edge-souci-de-visu#587574


As tu une css associée avec ce code html et ou est il placé .
Je présume que ton fofo de test est en version EDGE?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 19:12
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
bonsoir , non pas de CSS avec ce code Phil , il est placé dans  Affichage >> Page d'accueil >> Généralités, et non mon forum test il est comme mon forum PF PHPBB2

Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 19:17
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
hum merci de suivre tes demandes et de les mettre en résolu comme le mentionne le bandeau en haut du message initial.

Hum !!!!!

Pour ton forum merci de mettre a jour ton profil car
il mentionne une version EDGE impeccable .

Hum tu as de la css Lydie,

Code:

.M14_pa

Il va me falloir tout ce qui touche à cette class Lydie hinhin
Ainsi que le lien du fofo de test clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 19:24
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
ah d'accord : j'ai trouvé ça dans le CSS j'espère que c'est bon :

Code:

  /*Hauteur du menu*/
                .M14_pa { height:100px;background:#FFFFFF0;}
       
                /*Position des images dans le menu*/
                .M14_pa img{width:100px;height:72px;padding-top:30px;padding-left:10px;cursor:pointer;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;}
       
                /*Effet au survol des images avec reprise des tailles originales*/
                .M14_pa img:hover{padding-top:0;width:150px; height:104px;}
    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#280;
      font-size:16px;
      font-weight:bold;
      text-align:center;
      background-color:#DFD;
      border:1px solid #BDB;
      border-radius:6px;
      padding:6px;
      margin:6px;
    }
    /* Coloriser le lien /f4-jeux-a-flood-quizz */
    form[action="/search?search_id=watchsearch"] a.postdetails[href="/f4-jeux-a-flood-quizz"] {
    color: orangered !important;
    }
      #newsareal1 div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #FFF1C7 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        #newsareal1 div.topictitle:hover {
        background-color: #FFF1C7;
        }
        #newsareal1 div.topictitle a {
        color: #105E0C !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }
    a[href^="/u1098"]{
        background-image:url(http://papillondavril.p.a.pic.centerblog.net/97832277.gif);
        }
 a[href^="/u1276"]{
        background-image:url(http://www.icone-gif.com/gif/espace/soleil/edsunclr.gif);
        }
 a[href^="/u1451"]{
        background-image:url(http://www.icone-gif.com/gif/fleurs/jardin/fleurs_autre012.gif);
        }
    /** BEGIN Quote Collapse */
    .fa-quote-collapsed {
      display:block;
      height:200px;
      overflow:hidden;
      position:relative;
    }
    a.fa-quote-expand {
      display:none;
      position:absolute;
      z-index:1;
      left:50%;
      width:150px;
      margin-left:-75px;
      height:30px;
      line-height:30px;
      bottom:15px;
      text-align:center;
      text-decoration:none;
      color:inherit;
      background-color:#fff;
      border:1px #999 solid;
    }
    .fa-quote-collapsed a.fa-quote-expand {
      display: block;
    }
    /** END Quote Collapse */

je vais faire la mise à jour de mon profil :)

merci Phil

Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 19:29
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Phil, je te dis à demain , merci de ton intervention :)

Re: *RESOLU* problème d'apparence

Sujet résolu le Mer 30 Aoû 2017 - 19:41
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Il manque le lien du fofo de test Lydie................



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 9:12
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Bonjour, pardon .. voilà le lien  :  http://forum-entraide.forumactif.org/

merci :)

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 10:42
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Bonjour Lydie

Personnellement je n'arrive pas à reproduire cet effet de blanc comme sur ta capture d'écran .

Par contre, à quoi sert ce code couleur ?

Code:
/*Hauteur du menu*/
                .M14_pa { height:100px;background:#FFFFFF0;}

Logiquement les codes couleur ne vont pas au delà de six  ( lettres et chiffres inclus . )
Actuellement , il pourrait prendre en compte le blanc .

Essaie de remplacer le code au dessus par celui ci .

Code:
/*Hauteur du menu*/
                .M14_pa { height:100px;
                  background-color: transparent !important;
                 }    

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 12:06
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
bonjour Jackymi et merci de ton intervention, je vais de suite faire la modif ... je re ....

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 12:10
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
c'est toujours en fond blanc oups1

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 13:59
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Si tu as bien validé ce code Css et actualisé , c'est qu'il y a conflit quelque part .
Personnellement, j'ai fait l'essai sur un forum test en Phpbb2 , le code couleur s'exécute . J'ai même testé avec du jaune pour voir .....

Dans le cas où tu aurais des javascripts d'activés , essaie de les désactiver afin de voir si il n'y a pas un conflit quelque part . clin oeil

As tu fait des modifications sur tes templates concernant ton forum test ?

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 15:11
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Dans le cas où tu aurais des javascripts d'activés , essaie de les désactiver afin de voir si il n'y a pas un conflit quelque part .

J'ai désactivé et toujours pareil

As tu fait des modifications sur tes templates concernant ton forum test ?

les mêmes modifs que sur Petite feuille

Spoiler:

mon CSS en entier :

Code:
/* retrait du bouton de vote negatif dans les messages */     
        .vote {
            width: 30px;
        }
        .quote {
          border: 1px solid #40A497;
        }
        .quote {font-size:13px;}
        #chatbox_header .catBottom .cattitle {
            color: #399F47;
        }
        #chatbox_header .chatbox-options .genmed,
        #chatbox_header .chatbox-options,
        #chatbox_header .chatbox-options a {
            color: #399F47;
        }
    .bouhautbas {
        bottom: 40px;
        right: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
                .element {font-family:"Grand Hotel";}
        texte
        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          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;
        }
        .mini_ava img {float:left;}
        .sceditor-container iframe, .sceditor-container textarea {background:url(http://i55.servimg.com/u/f55/17/21/66/44/img_ar10.png) no-repeat center center !important;}
        /*()Bouton avertissement rapide */
       
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
       
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
       
        /* administrateur bb-Code - bloc de message d'enregistrement */
       
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Administrateur bb-Code - mise en page */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* Administrateur BB-Code - présentation du texte */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
        }
       
        /* Messages BB-Code - bloc de message d'enregistrement */
       
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Messages BB-Code - Un titre */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /* modernité BB-Code - présentation du texte */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
        }           
        @charset 'utf-8';
        /*************************************************!
        *
        *  project:    liteAccordion - a horizontal accordion plugin for jQuery
        *  author:    Nicola Hibbert
        *  url:        http://nicolahibbert.com/liteaccordion-v2/
        *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
        *
        *  Version:    2.0.2
        *  Copyright:  (c) 2010-2011 Nicola Hibbert
        *  Licence:    MIT
        *
        **************************************************/
        /****************************************** Core */
        .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
        .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
        .accordion .slide > h2 {
          color: black;
            font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        .accordion .slide > h2 span {
            display: block;
            padding-right: 8%;
            text-align: right;
            height: 90%;
            margin-top: 5px;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
        }
        .accordion .slide > h2 b {
            display: inline-block;
            position: absolute;
            top: 13%;
            left: 10%;
            text-align: center;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        }
        .accordion .slide > h2:hover { cursor: pointer }
        .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
        .accordion noscript p { padding: 10px; margin: 0; background: white }
       
        /***************************************** Light */
        .accordion {
            border: 9px solid white;
            border-bottom-width: 8px;
            padding: 5px 5px 6px 0;
            background: #a0a0a0;
            -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
        }
        .accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
        .accordion .slide > h2 span {
            background: #fcfcfc;
            background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
            background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
            -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            color: #909090;
        }
        .accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
        .accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
        .accordion .slide > div { background: #a0a0a0; margin-left: 5px }
       
        /*************************************** Rounded */
        .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
        .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
       
        /******************************************** IE */
        .ie .slide > h2 b { top: 42%; left: 5% }
        .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
        .ie.accordion .slide > h2 b { top: 44% }
        .accordion .slide > h2 span { filter: none }
       
        /******************************************** FA */
        .accordion figure .full { width: 100%; height: 100%; }
        .accordion h2 { border: none; }
       
        /* centrer l'accordéon */
                .accordion {
        margin: auto;
        border-color: #D29B3C;
        }
        .accordion .slide > div {background-image:url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");}

        dl.codebox dt {
        color: #5E6C58; /* Code coleur HEX de votre choix */
        }
        dd.quote{
                        background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
                        border-radius: 10px 10px 10px 10px;
                        border: 1px solid rgb(0, 0, 0);
                      box-shadow: 3px 3px 6px rgb(black);
                        margin: 0px;
                        font-family: Georgia;
                        font-size: 14px;
                        color: rgb(0, 0, 0);
                        padding: 10px 10px 10px 10px;
                        text-indent: 15px;
                        overflow: hidden;
                          }
dd.code{
                        background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
                        border-radius: 10px 10px 10px 10px;
                        border: 1px solid rgb(0, 0, 0);
                      box-shadow: 3px 3px 6px rgb(black);
                        margin: 0px;
                        font-family: Georgia;
                        font-size: 14px;
                        color: rgb(0, 0, 0);
                        padding: 10px 10px 10px 10px;
                        text-indent: 15px;
                        overflow: hidden;
                          }
    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }
        .selectCode { float:right; text-transform: uppercase; cursor:pointer; font-family: Georgia; }
        div.cont_code { clear: right; }
        dd.spoiler_closed {
        background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg"); /* couleur noire du fond */
        border:2px #b3acac double; /* bordure blanche en traits peu épais */
        border-radius: 15px; /* tous les côtés sont arrondis */
        -moz-border-radius: 15px; /* tous les côtés sont arrondis */
        -webkit-border-radius: 15px; /* tous les côtés sont arrondis */
        color: #b3acac; /* couleur du texte blanche */
        padding-top: 10px !important; /*espace entre la bordure et le texte*/
        padding-bottom: 10px !important; /*espace entre la bordure et le texte*/
        }
          .signature_div img{
            max-width: 500px !important;
            max-height: 200px !important;
            }
div#left img, div#left iframe {
          max-width: 200px !important;
        }
        .forumline.mod_news embed {
            max-width: 200px !important;
        }
        .titrefofo{
          color:#006400;
          font-size: 16px;}
        .gen {
          font-family: Georgia !important;
        }
       
        #M14_Invite
        {
        color:darkblue;
        }
                  /*Hauteur du menu*/
                .M14_pa { height:100px;
                  background-color: transparent !important;
                } 
                        /*Position des images dans le menu*/
                .M14_pa img{width:100px;height:72px;padding-top:30px;padding-left:10px;cursor:pointer;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;}
       
                /*Effet au survol des images avec reprise des tailles originales*/
                .M14_pa img:hover{padding-top:0;width:150px; height:104px;}
    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#280;
      font-size:16px;
      font-weight:bold;
      text-align:center;
      background-color:#DFD;
      border:1px solid #BDB;
      border-radius:6px;
      padding:6px;
      margin:6px;
    }
    /* Coloriser le lien /f4-jeux-a-flood-quizz */
    form[action="/search?search_id=watchsearch"] a.postdetails[href="/f4-jeux-a-flood-quizz"] {
    color: orangered !important;
    }
      #newsareal1 div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #FFF1C7 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        #newsareal1 div.topictitle:hover {
        background-color: #FFF1C7;
        }
        #newsareal1 div.topictitle a {
        color: #105E0C !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }
    a[href^="/u1098"]{
        background-image:url(http://papillondavril.p.a.pic.centerblog.net/97832277.gif);
        }
 a[href^="/u1276"]{
        background-image:url(http://www.icone-gif.com/gif/espace/soleil/edsunclr.gif);
        }
 a[href^="/u1451"]{
        background-image:url(http://www.icone-gif.com/gif/fleurs/jardin/fleurs_autre012.gif);
        }
    /** BEGIN Quote Collapse */
    .fa-quote-collapsed {
      display:block;
      height:200px;
      overflow:hidden;
      position:relative;
    }
    a.fa-quote-expand {
      display:none;
      position:absolute;
      z-index:1;
      left:50%;
      width:150px;
      margin-left:-75px;
      height:30px;
      line-height:30px;
      bottom:15px;
      text-align:center;
      text-decoration:none;
      color:inherit;
      background-color:#fff;
      border:1px #999 solid;
    }
    .fa-quote-collapsed a.fa-quote-expand {
      display: block;
    }
    /** END Quote Collapse */



Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:07
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Lydie et Jean,
heu Lydie, cette couleur est représentée par le fond de ton forum voyons clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:13
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:Hello Lydie et Jean,
heu Lydie, cette couleur est représentée par le fond de ton forum voyons clin oeil

Bonjour Phil, ébé oui !! c'est bien ce qui me semble ... et pas moyen de mettre en transparence ? yeux charmeurs

bon j'aurais essayé .. timidesortdutrou

Jean et toi merci vraiment fr4

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:25
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Mais si il y a moyen via un script qui va rechercher la class .row1 et .forumline et donner un background transparent clin oeil .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index.

Déposes ceci:
Code:

$(function(){
$('.M14_pa').closest('.forumline,.row1').css('background-color','transparent');
});


Penses a cliquer sur le bouton Valider

hinhin



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:36
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
ah d'accord ... attends je le fais de suite et je reviens ..

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:43
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
alors oui, ça a changé de couleur, pas sûr par contre que se soit transparent ... si c'était le cas je verrais en fond de la revue de presse l image N°1 et non la couleur N°2 .. enfin je pense non ?
Spoiler:

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 16:46
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum,
édites le script et remplaces tout le contenu par celui-ci Lydie:
Code:

$(function(){
$('.M14_pa').closest('.forumline').css('background-color','transparent');
$('.M14_pa').closest('.row1').css('background-color','transparent');
});



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 17:05
petitefeuille
avatar
Nouveau membre

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Oh génial Phil fr4  merci vraiment fr4

donc voilà c'est terminer pour cette demande :) merci beaucoup et je vous souhaite à tous une bonne soirée!

mes amitiés


je met en résolu  :)

Re: *RESOLU* problème d'apparence

Sujet résolu le Jeu 31 Aoû 2017 - 17:49
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum