Problème avec les flèches d'orientation haut et bas sur le forum.

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

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

Résolu Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 4 Avr 2016 - 22:33

Rappel du premier message :

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Je dirais que ce soucis remonte à plusieurs mois pour les membres utilisant Chrôme
Lien du forum : http://dragon-graphisme59.forumactif.org

Description du problème

Bonjour ou bonsoir,

Donc je viens vers vous car j'ai un soucis depuis quelques temps sur mon forum pour mes membres qui ne peuvent utiliser les flèches de directions rapide pour descendre en bas de page ainsi qu'en haut de page.

Moi étant sur Mozilla Firefox, je n'ai pas du tout ce soucis, mais mes membres qui sont sur Google Chrôme ont ce soucis.

Donc le soucis en question est que lorsque le membre clique sur les flèches de direction ( voir image ci-dessous ) cela na strictement aucun effet comparer à moi.

Image montrant d'une flèche rouge de qu'elles flèche de direction je parle:

Je ne me l'explique pas du tout donc voilà pourquoi je demande votre aide.

Bien cordialement Dragon1973.


Dernière édition par dragon1973 le Mar 17 Mai 2016 - 17:55, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Ven 29 Avr 2016 - 12:23

Up. aidez moi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Sam 30 Avr 2016 - 19:02

Pc  Salut à toutes et tous,

Il y aurait quelqu'un pour m'aider pour mon soucis Question 

aidez moi aidez moi aidez moi aidez moi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par no_way le Sam 30 Avr 2016 - 23:47

Bonsoir, pourriez-vous remplacer vos codes pour l'ajout de ces boutons par celui-ci ?:
Code:
$(function(){$("body").append('<div class="bouhaut"><a href="#top"><img title="Haut de page"  src="http://ahp.li/36849c44dabc54d3a0ab.png" alt="Aller en Haut" /></a></div><div class="boubas"><a href="#bottom"><img title="Bas de page"  src="http://ahp.li/9d1f2744d8b3cc01c043.png" alt="Aller en Bas" /></a></div>')});



no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 1 Mai 2016 - 13:21

Bonjour No-way,

Je te remercie de tout coeur pour ton aide l'ami, donc je viens de faire la manipulation en remplaçant les deux JavaScripts par le tien et cela na strictement rien changer à propos de mon soucis sur le navigateur ch .

Par contre moi qui est sur ff  le soucis ne ce pause pas car mes flèches de direction ainsi que le haut et bas également.

Je te souhaite un bon dimanche et aussi un bon 1er mai l'ami.

Amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par no_way le Dim 1 Mai 2016 - 15:59

Il n'y a aucun souci de mon côté, testé sur:
-firefox
-chrome
-opera
-IE

Tous tes membres sous chrome ont-ils ce souci ?

Merci à toi et bon 1er mai Wink



no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 1 Mai 2016 - 20:15

Bonsoir No-way,

Et bien oui mon ami, elles ont ce soucis encore actuellement sur le forum.

Merci encore pour ton aide bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Lun 2 Mai 2016 - 9:39

Bonjour,

Je n'ai pas trouvé le lien du bottom dans les templates, mais on va déjà voir pour le top.

Du coup, pour le code JavaScript, pouvez-vous mettre celui-ci à la place ?

Code:
$(function(){$("body").append('<div class="bouhaut"><a href="#go_top"><img title="Haut de page"  src="http://ahp.li/36849c44dabc54d3a0ab.png" alt="Aller en Haut" /></a></div><div class="boubas"><a href="#go_bottom"><img title="Bas de page"  src="http://ahp.li/9d1f2744d8b3cc01c043.png" alt="Aller en Bas" /></a></div>')});

et dans le template overall_header, à la ligne 247 changez par :

Code:
<a name="go_top"></a>





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par no_way le Lun 2 Mai 2016 - 12:08

Je laisse la suite @Lixyr que je salue au passage Wink



no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mar 3 Mai 2016 - 18:05

Bonjour à vous deux les amis,

Donc j'ai fait les modifications que tu as fait Lixyr et bien cela était pire qu'avant, je m'explique.

- Sur ff qui est pour moi mon navigateur par défaut rien ne fonctionnait pour ce qui est de mes flèches de directions
- Sur ch la flèche pour aller en bas fonctionnait par clic sur la souris en ne descendant que de quelques centimètres à peine et la flèche du haut quand ta elle ne fonctionnait toujours pas.

J'ai remis le tout en conformité pour l'instant, le temps d'avoir une autre solution les amis.

Je vous en remercie beaucoup pour votre aide à tout deux et sur ceux je vais vous laisser.

Bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Jeu 5 Mai 2016 - 20:05

Up. aidez moi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Ven 6 Mai 2016 - 21:16

up up Personne pour m'aider Question Question

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 8 Mai 2016 - 17:06

UP. Question

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mar 10 Mai 2016 - 20:39

Up up up. aidez moi aidez moi aidez moi aidez moi

Personne pour m'aider à mon soucis les amis Question Question

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Mar 10 Mai 2016 - 22:10

Bonsoir,

Nous allons faire plus simple.

Right panneau > affichage > templates > overall_footer_end

Cherchez cette ligne :

<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>


et remplacez-la par :

Code:
                     <a name="forum_bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>

Le "name" a été changé, de sorte qu'on pourra appeler le bas de page par un autre id que "bottom".

Ensuite :

Right panneau > affichage > templates > overall_header

Cherchez

<a name="top"></a>

et modifiez par

Code:
 <a name="forum_top"></a>


Ensuite :

Right panneau > modules > JavaScript

Changez

<div class="bouhaut"><a href="http://dragon-graphisme59.forumactif.org/#top"><img title="Haut de page "src="http://ahp.li/36849c44dabc54d3a0ab.png" alt="Aller en haut" /></a></div>

par

Code:
<div class="bouhaut"><a href="/#forum_top"><img title="Haut de page "src="http://ahp.li/36849c44dabc54d3a0ab.png" alt="Aller en haut" /></a></div>

et

<div class="boubas"><a href="http://dragon-graphisme59.forumactif.org/#bottom"><img title="Bas de page" src="http://ahp.li/9d1f2744d8b3cc01c043.png" alt="Aller en Bas" /></a></div>

par

Code:
<div class="boubas"><a href="/#forum_bottom"><img title="Bas de page"  src="http://ahp.li/9d1f2744d8b3cc01c043.png" alt="Aller en Bas" /></a></div>


Au final j'ai changé, comme annoncé :
- name="top" par name="forum_top"
- name="bottom" par name="forum_bottom"
pour changer les identifiants.
Ensuite, dans le JS, ce sont ces identifiants qu'il faut appeler.

Faites attention lorsque vous changez les codes, surtout dans le JS, car une seule erreur, comme la dernière fois, et tout casse. Les codes JavaScript que vous avez donnés ne sont pas complets. Je ne sais pas comment vous les avez collés la dernière fois, mais faites attention à ce que ce soit cohérent avec ce que vous avez, autrement ça ne fonctionne évidemment plus...





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mer 11 Mai 2016 - 22:44

Bonsoir Lixyr,

Donc je vous informe que les modifications que je viens de finir d'après ce que vous m'avez donner na rien donner pour ce qui est de mes flèches HAUT et BAS qui ont carrément disparue de l'écran voir images sur les deux navigateurs internet ci-dessous.

Sur le navigateur ff

Image mozilla firefox:


Sur le navigateur ch

Image chrome:

Donc comme les images sont mieux que des mots pour ce qui est des explications j'ai remis cela en conformité comme avant afin que mes membres et moi même pouvons les utilisés à moitié entre parenthèse.

Je suis vraiment désolé mon amie que ces modifications ne fonctionne pas.

J'attends donc de nouvelles propositions de réponse pour ce soucis de flèches haut et bas. Et pour ce qui est d'une erreur de code sur le / les JavaScripts cela me sidère de l'apprendre car je prends ces codes avec une très grande attention afin de ne rien oublier.

Merci encore pour ton aide Lixyr, bonne fin de soirée.

Amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Jeu 12 Mai 2016 - 21:00

Je pourrais avoir l'intégralité de la feuille CSS et tous les codes Javascript dans leur intégralité également ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Sam 14 Mai 2016 - 19:40

Bonsoir Lixyr,

Je te remercie du fond du coeur pour ton aide car je commençais vraiment à perdre espoir.

Donc je peux dors j'ai déjà la totalité de ma page CSS, mais pour ce qui est des JavaScrips en totalité ils sont au nombre de 40.

Je vais de donner pour commencer ma page CSS et pour ce qui est des JavaScripts je vais voir de ce que tu vas me dire mon amie.

Voici ma page CSS AU COMPLET :

Code:
/************************* Boutons liste . liste ordonnée hr et tableau dans la réponse rapide début ***************************/

    /*Saut de ligne*/
    #M14_hr div
    {
    background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
    background-repeat: no-repeat;
    background-position: 0px -400px;
    }
    /*Liste*/
    #M14_list div
    {
    background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
    background-repeat: no-repeat;
    background-position: 0px -576px;
    }
    /*Liste ordonnée*/
    #M14_list_ordo div
    {
    background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
    background-repeat: no-repeat;
    background-position: 0px -288px;
    }
    /*Tableau*/
    #M14_tab div
    {
    background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
    background-repeat: no-repeat;
    background-position: 0px -80px;
    }

/************************* Boutons liste . liste ordonnée hr et tableau dans la réponse rapide fin ***************************/



/**************************** multicitation sur le message rapide début *****************************************/

        .Multiquote_action {
        background: #fdfdfd;
        position: fixed;
        right: 10px;
        bottom: 10px;
        padding: 10px;
        z-index: 999;
        border: 4px solid #464646;
        border: 4px solid rgba(0,0,0,0.75);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        }

/**************************** multicitation sur le message rapide fin *****************************************/




/********************************** phpbb2 : mis au milieu image au milieu du texte début*********************************************/
   
    .postbody img { vertical-align: middle; }

/********************************** phpbb2 : mis au milieu image au milieu du texte fin*********************************************/


/*********************************  Une FAQ quelque peut originale début  ***************************/

    /***************DEBUT EFFET TOGGLE FAQ PAR Milouze14***************/
    /*Les questions de la FAQ*/
    div[onclick^="return"] a
    {
    color:grey !important;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }

    /******Les reponses*******/
    /*on depose un style pour l effet de transition en relation avec le script*/
    .M14_effet_Faq
    {
    position:fixed;/*on fixe le bloc*/
    left:45%;/*on le positionne a 45 pourcent de la gauche*/
    right:45%;/*on le positionne a 45 pourcent de la droite*/
    width:10%;/*il reste 10 pourcent pour la largeur*/
    top:10%;/*on le place a 10 pourcent du haut*/
    min-height:30px;/*on lui donne une largeur minimale*/
    height:auto;/*on demande une hauteur en automatique*/
    max-height:250px;/*on impose une hauteur maximale*/
    overflow-y:auto; /*on demande en cas dde depassement un scroll*/
    z-index:999;/*Au premier plan*/
    -moz-opacity:0;/*Opacity a 0 navigateurs recents*/
    -khtml-opacity:0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
      /*on ajoute un entourage flou avec une couleur grise*/
      -moz-box-shadow: 0px 0px 30px 20px grey;
    -webkit-box-shadow: 0px 0px 30px 20px grey;
    -o-box-shadow: 0px 0px 30px 20px grey;
    box-shadow: 0px 0px 30px 20px grey;
      /*les bordures arrondies*/
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    /*La table dans le bloc*/
    .M14_effet_Faq table
    {
    border:2px solid grey;/*bordure epaisseur 2px style solid couleur grise*/
    background-color:white;/*couleur de fond*/
    cursor:pointer; /*on demande un style cursor*/
    -moz-border-radius: 5px;/*les bordures arrondies*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    /*La petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:grey;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    position:absolute;/*on demande une position bien definie*/
    top:10px;/*a 10px du haut*/
    left:96%;/*a 96 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq td
    {
    /*on demande un espace en haut 10px a droite 35px puis 5px en bas et a gauche*/
    /*le 35px est impose pour laisser la place au bouton de fermeture*/
    padding: 10px 35px 5px  5px;
    }
    /*Apparence du texte et son placement*/
    .M14_effet_Faq span.postbody
    {
    color:grey;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    font-style:italic;/*on demande en style italic*/
    padding-right: 35px;/*on demande un espace de 35px a doite pour placer le bouton*/
    }
    /*Apparence des liens*/
    .M14_effet_Faq span.postbody a
    {
    color:orange;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }
    /***************FIN EFFET TOGGLE FAQ***************/


/*********************************  Une FAQ quelque peut originale fin  ***************************/



/************************** Personnalisation du menu déroulant sauter vers début *********************************/

    /*Le texte avant le menu deroulant*/
    #M14_Select
    {
    color:black;
    font-weight:bold;
    cursor:pointer;
    }
    /*Le titre present dans le menu*/
    #M14_Select select
    {
    text-align:center;/*Texte au centre*/
    color:Brown;/*couleur de police*/
    border:1px solid black;/*epaisseur couleur style de bordure*/
    border-right:none;/*suppression de la bordure droite*/
    background:#B59377;/*couleur de fond*/
    cursor:pointer;/*style du curseur*/
    -webkit-border-top-left-radius: 6px;/*les bordures gauche arrondies*/
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    }
    /*Alignement de la premiere option*/
    #M14_Select option.M14_First_Option
    {
    color:black;
    text-align:center;/*Texte au centre*/
    }
    /*Alignement des autres options*/
    #M14_Select option
    {
    text-align:left;/*Texta a gauche*/
    }
    /*Les categories dans le menu deroulant*/
    option[value^="c"]
    {
    color:Brown;/*couleur de police*/
    }
    /*Les forums sous forums dans le menu deroulant*/
    option[value^="f"]
    {
    color:black;/*couleur de police*/
    }

/************************** Personnalisation du menu déroulant sauter vers fin *********************************/



/************************************ Personnalisations des permissions du forum début **************************/


    /***DEBUT DES MODIFICATION DES PERMISSIONS***/

    /*Autorisation accordee sur les cellules*/
    td.M14_Ok
    {
    background:#408732;
    }
    /*Autorisation accordee sur les textes*/
    td.M14_Ok .gensmall ,td.M14_Ok .gensmall a[href^="/modcp?"]
    {
    color:orange !important;
    text-decoration:none !important;
    }
    /*Autorisation refusee sur les cellules*/
    td.M14_None
    {
    background:darkred;
    }
    /*Autorisation refusee sur les textes*/
    td.M14_None .gensmall
    {
    color:white !important;
    }
    /***FIN DES MODIFICATION DES PERMISSIONS***/



/************************************ Personnalisations des permissions du forum fin **************************/



    /********************************* Personnalisation de la pagination des pages début ************************************/
    /*Les couleurs hors lien*/
    span#M14_page.gensmall
    {
    color:darkred;/*la couleur de police*/
    font-weight:bold;/*caractere gras*/
    }
    /*L apparence des non lien au survol*/
    span#M14_page.gensmall:hover
    {
    color:darkgreen;/*la couleur de police*/
    }
    /*L apparence des numeros*/
    span#M14_page.gensmall a[href^="/t"]
    {
    margin-left 2px ;/*on decale de 2px sur la gauche*/
    margin-right:2px;/*on decale de 2px sur la droite*/
    padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
    font-weight:bold;/*caractere gras*/
    background-color:white;/*la couleur de fond*/
    color:black;/*la couleur de police*/
    border:1px solid orange;/* bordure de 1px de style solid et sa couleur*/
    text-decoration:none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    /*L apparence du premier numero*/
    span#M14_page.gensmall a[href^="/t"]:first-child{margin-left:5px;}
    /*L apparence du dernier numero*/
    span#M14_page.gensmall a[href^="/t"]:last-child{margin-left:10px;}
    /*On demande des transitions au survol des numeros*/
    span#M14_page.gensmall ,span#M14_page.gensmall a[href^="/t"],.gensmall.M14_PAGE a[href^="/t"]
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*L apparence des liens au survol des numeros*/
    span#M14_page.gensmall a[href^="/t"]:hover
    {
    padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
    background-color:black;/*la couleur de fond*/
    color:white;/*la couleur de police*/
    border:1px solid darkgreen;/* bordure de 1px de style solid et sa couleur*/
    }
    /*********FIN D AFFICHAGE PAGINATION LISTE DES SUJETS*********/

    /*********DEBUT PAGINATION DES SUJETS*********/
    /*Suppression du texte Aller a la page*/
    a[onmousedown^="createPagination"]{display:none;}


    /*Suppression de la couleur de fond des liens avec image*/
    a#M14_PAGE_Last ,a#M14_PAGE_First
    {
    background:transparent !important;/*NE PAS TOUCHER*/
    border:none !important;/*NE PAS TOUCHER*/
    }
    /*Numero du numero de la page active*/
    .gensmall.M14_PAGE b
    {
    cursor:pointer;
    position:relative;
    top:2px;/*on decale de 2px du haut le numero*/
    margin-left 2px ;/*on decale de 2px sur la gauche*/
    margin-right:2px;/*on decale de 2px sur la droite*/
    padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
    background-color:white;/*la couleur de fond*/
    color:black;/*la couleur de police*/
    border:1px solid darkgreen;/* bordure de 1px de style solid et sa couleur*/
    -webkit-border-radius: 3px;/*les bordures arrondies*/
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    /*Numero du numero des autres pages*/
    .gensmall.M14_PAGE a[href^="/t"]
    {
    top:0px;
    position:relative;
    margin-left 2px ;/*on decale de 2px sur la gauche*/
    margin-right:2px;/*on decale de 2px sur la droite*/
    padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
    font-weight:bold;/*caractere gras*/
    background-color:white;/*la couleur de fond*/
    color:black;/*la couleur de police*/
    border:1px solid orange;/* bordure de 1px de style solid et sa couleur*/
    text-decoration:none !important;
    -webkit-border-radius: 3px;/*les bordures arrondies*/
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    /*Numero des autres pages au survol*/

    .gensmall.M14_PAGE a[href^="/t"]:hover
    {
    top:-5px;/*on remonte de numero de 5px*/
    background-color:black;/*la couleur de fond*/
    color:white;/*la couleur de police*/
    border:1px solid darkgreen; /* bordure de 1px de style solid et sa couleur*/
    }
    /*On supprime l apparence sur les fleches precedente et suivante*/
    .gensmall.M14_PAGE a#M14_PAGE_Last:hover ,.gensmall.M14_PAGE a#M14_PAGE_First:hover
    {
    top:0px !important; /*NE PAS TOUCHER*/

    }
    /******************************************** Personnalisation de la pagination des pages fin **********************************/



/************************************** DEBUT APPARENCE DE lA LISTE DES MEMBRES PAR MILOUZE14 début *****************************************/
    /*couleur de fon des deux blocs*/
    #M14_Members ,#M14_Members_bloc
    {
    background:#ccc;
    }
    /*arrondis pour la partie haute*/
    #M14_Members
    {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    }
    /*arrondis pour la partie basse*/
    #M14_Members_bloc
    {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    }
    /*apparence des onglets*/
    .M14_Members
    {
    padding:5px;
    margin-left:2px;
    margin-top:2px;
    width:12%;
    height:auto;
    display:inline-table;
    border:1px dotted grey;
    text-align:center;
    background:white ;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    /*apparence des avatars*/
    .M14_Members .avatar.mini
    {
    margin-left: auto !important;
    margin-right: auto !important;
    border:none !important;
    }
    /*fond tranparent des cellules*/
    #M14_Members th ,#M14_Members td
    {
    background:transparent;
    }
    /*apparence  des input et case a cocher*/
    #M14_Members select[name="order"] ,#M14_Members select[name="mode"] ,#M14_Members input
    {
    font-style:italic;
    background:transparent;
    border:none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
    /*suppression du souligement et ajout curseur*/
    .M14_Members a , #M14_members a ,#M14_Members .nav a
    {
    text-decoration:none !important;
    cursor:pointer;
    }
    /*on impose un caractere gras aux pseudos et premiere lettre en majuscule*/
    .M14_Members .M14_User{font-weight:bold !important;text-transform:capitalize;}
    /*on donne une couleur et une taille à toutes les police*/
    .M14_Members a strong ,.M14_Members span.gen ,.M14_Members span.gensmall ,.M14_Members td ,#M14_Members th ,
    #M14_Members select[name="order"] ,#M14_Members select[name="mode"] ,#M14_Members input ,.M14_Members a ,
    #M14_members a , .M14_Members p ,#M14_Members .nav a
    {
    font-size:11px !important;
    color:grey !important;
    }
    /*le bouton de fermeture*/
    .M14_Members p
    {
    cursor:pointer;
    }
    /* on decale vers le haut les images precedent et suivant*/
    #M14_Members .nav img[alt="Précédent"] ,#M14_Members .nav img[alt="Suivant"]
    {
    margin-top:-16px;
    position: absolute;
    }
    /*on decale la pagination et on impose une taille negative pour les virgules et deux points*/
    #M14_Members .nav
    {
    font-size:0px;
    margin-right:60px;
    }
    /* l onglet actif*/
    #M14_Members .nav b
    {
    padding:3px;
    position: relative;
    top:-5px ;
    margin-left:3px ;
    margin-right:3px ;
    font-size:11px !important;
    color:black !important;
    font-weight:bold;
    }
    /*les autres onglets*/
    #M14_Members .nav a
    {
    padding:3px;
    margin:0px 3px 0px 3px;
    cursor:pointer;
    }
    /**************************FIN APPARENCE DE lA LISTE DES MEMBRES PAR MILOUZE14 fin ******************************************************/



/************************ Afficher un zoom sur la colonne " les derniers sujets " début ********************/

    /* Les cellules zoomees*/
    td#M14_Zoom
    {
    padding:5px;
    border:5px solid white;
    z-index:999;
    box-shadow: 3px 3px 10px 2px black;
    border-Radius:6px;
    cursor:pointer;
    -webkit-transform: rotate(360deg) scale(2);
    -moz-transform: rotate(360deg) scale(2);
    -o-transform: rotate(360deg) scale(2);
    -ms-transform: rotate(360deg) scale(2);
    transform: rotate(360deg) scale(2);
    }
    /*L apparence des couleurs et tailles de police*/
    td#M14_Zoom a.gensmall ,td#M14_Zoom .gensmall{font-size:15px;}
    /*On depose les transitions sur tous les styles*/
    td.row3.over,  td.row3Right
    {
    cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

/************************ Afficher un zoom sur la colonne " les derniers sujets " fin ********************/


/************************************ Fil d'actualité pour Facebook et Tweeter début ************************************/

/**====================onglet twitter a gauche ==========par R-max=============**/



#volet {
  width: 246px;                        /* Largeur du Volet */
  padding: 3px;                        /* Marge intérieure dans le Volet */
  background:#333;                /* Couleur de fond du Volet */
  color: #ffffff;                    /* Couleur texte dans Volet */
  height: 510px;                      /* Hauteur du Volet */
  border-radius:15px;
  border:2px solid blue;
}

#volet a.ouvrir,
#volet a.fermer {
  padding: 10px 26px;    /* Largeur et hauteur du bloc de Infos et de Fermer */
 
  color: #000;        /* couleur de Infos et de Fermer */
  text-decoration: none;  /* Décoration du texte Infos et de Fermer */
 
}

#volet {
  position: absolute;    /* Positionnement du Volet */
  left: -258px;          /* Décalage de 270px vers la droite */
 
 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

#volet a.ouvrir,
#volet a.fermer {
  position: absolute;  /* Positionnement de Infos et Fermer */
  right: -95px;        /* Position gauche droite du bloc de Infos et de Fermer */
  top: 0px;          /* Position haut bas du bloc de Infos et de Fermer */
 -moz-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

#volet a.fermer {
  display: none;    /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet:target {
  left: 33px;        /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet:target a.fermer {
  display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet:target a.ouvrir {
  display: none;        /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer:target #volet {
  left: -258px;          /* Pour que le volet retourne à sa place */
}

#voletfermer {
  position: fixed;
  top: 65px; left: 0;  /* Positionnement haut bas de tout */
}


/**======================onglet facebook a gauche===============par R-max============**/


#volet_1 {
  width: 246px;                        /* Largeur du Volet */
  padding: 3px;                        /* Marge intérieure dans le Volet */
  background:#333;                /* Couleur de fond du Volet */
  color: #ffffff;                    /* Couleur texte dans Volet */
  height: 500px;                      /* Hauteur du Volet */
  border-radius:15px;
  border:2px solid blue;
 
}
#volet_1 a.ouvrir,
#volet_1 a.fermer {
  padding: 10px 26px;    /* Largeur et hauteur du bloc de Infos et de Fermer */
 
  color: #000;        /* couleur de Infos et de Fermer */
  text-decoration: none;  /* Décoration du texte Infos et de Fermer */
 
}

#volet_1 {
  position: absolute;    /* Positionnement du Volet */
  left: -258px;          /* Décalage de 270px vers la droite */
 
  /* Transition sur le volet */
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
 
}

#volet_1 a.ouvrir,
#volet_1 a.fermer {
  position: absolute;  /* Positionnement de Infos et Fermer */
  right: -95px;        /* Position gauche droite du bloc de Infos et de Fermer */
  top: 171px;          /* Position haut bas du bloc de Infos et de Fermer */
 -moz-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

#volet_1 a.fermer {
  display: none;    /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_1:target {
  left: 33px;        /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_1:target a.fermer {
  display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_1:target a.ouvrir {
  display: none;        /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_1:target #volet_1 {
  left: -258px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_1 {
  position: fixed;
  top: 65px; left: 0;  /* Positionnement haut bas de tout */
}

/************************************ Fil d'actualité pour Facebook et Tweeter fin ************************************/



/************ Pagination dans un message début ************/

    .postpagination span {
        float: left;
        display: inline;
        margin-left: 4px;
        padding: 0 8px;
        height: 26px;
        border: 1px solid;
        border-color: #C2D5E3;
        background-color: #FFF;
        background-repeat: no-repeat;
        color: #333;
        overflow: hidden;
        text-decoration: none;
        margin: 0 4px 0 0;
        line-height: 26px;
        cursor: pointer;
        font-weight: normal;
    }
    .postpagination span:hover {
        border-color: #369;
        color: #369;
    }
    .postpagination span.pp_current {
        background-color: #E5EDF2;
        border-color: #C2D5E3;
        color: #333;
        font-weight: bold;
    }
    .postpagination {
        display: block;
        font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
    }
    .postpagination:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    div.postpagination { margin: 10px 0 }
    span.postpagination span {
        float: none;
        padding: 0 4px;
        font-size: 0.8em;
        margin: 0 2px 0 0;
    }
    .postpagination span.pp_next {
        padding-right: 25px;
        background-image: url(http://i.imgur.com/2C4dvL5.gif);
        background-position: 90% 50%;
    }
    span.postpagination span.pp_next {
        padding-right: 12px;
        background-position: 90% 50%;
    }

/************ Pagination dans un message fin ************/




/*** Ajouter un message de remerciement pour un membre qui à poster dans son message quand nous cliqu'on sur l'onglet merci début ***/

    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#000000;
      font-size:16px;
      font-weight:bold;
      text-align:center;
      background-color:#B59377;
      border:1px solid #7D6D60;
      border-radius:6px;
      padding:6px;
      margin:6px;
    }

/*** Ajouter un message de remerciement pour un membre qui à poster dans son message quand nous cliqu'on sur l'onglet merci fin ***/




/* Couleur de l'intérieur de la chatbox début */

    body > span.gen + table .forumline {
      background:#D4AF90;
    }

/* Couleur de l'intérieur de la chatbox fin */




    /*******************************************DEBUT CHATBOX MOBILE********************/
   
    @media only screen and (max-device-width:700px), only screen and (max-width:700px) {
   
      #chatbox_footer {
        height: 30px !important;
      }
      body.chatbox {
        min-width: initial !important;
      }
   
      #chatbox_header .cattitle, #help-button, #chatbox_messenger label, #divcolor, #divsmilies, .cb-avatar, .date-and-time {
        display:none !important;
      }
      #chatbox .user, #chatbox .msg {
        display: inline !important;
      }
   
      #chatbox_members {
        width: 25%;
      }
      #chatbox {
        left: 26%;
      }
    }
   
   
    @media only screen and (max-device-width:500px), only screen and (max-width:500px) {
   
      .chatbox-options, #chatbox_footer table.text-styles {
        float: left !important;
        text-align: left;
        width: 100%;
        border-collapse: collapse !important;
      }
      #message {
        width: 75% !important;
      }
   
      #chatbox_members {
        position: static;
        width: auto;
        max-width: none;
        border: 1px solid rgb(176, 2, 57);
        border-width: 0 0 1px 0;
        height: 45px;
        line-height: 20px;
        padding: 0 5px 0 5px;
      }
      #chatbox_members h4[style="display: block;"] {
        margin: 0;
        padding: 0 !important;
        display: inline !important;
        white-space: nowrap;
        background-color: transparent;
      }
      #chatbox_members h4:before {
        content: " • ";
      }
      #chatbox_members h4:after {
        content: " : "
      }
      #chatbox_members ul, #chatbox_members li {
        display: inline !important;
        margin: 0;
      }
      #chatbox_members li span {
        white-space: nowrap;
        font-size: 12px;
      }
      #chatbox_members li:after {
        content: ', ';
      }
   
      #chatbox {
        top: 76px;
        left: 0;
        bottom: 30px;
        right:0;
      }
      .chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
        font-size: 11px;
      }
   
    }
   
    /*******************************************************FIN CHATBOX MOBILE*******/




/* Style des avatars de la chatbox modifier leur taille cadre autour etc... début */


    #chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 50px !important; height: 50px !important; }/* taille de l'avatar */
 
    #chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
    body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }

    #chatbox .user-msg .user, #chatbox .user-msg .msg {
        display: inline; /* Mettre la phrase à la même hauteur que le pseudo */
    }

/* Style des avatars de la chatbox modifier leur taille cadre autour etc... fin */



/* Ajouter des boutons Haut / Bas début ***********************************************************/

                .M14_Scroll
    {
    width:48px; /*largeur de l image*/
    height:48px;/*hauteur de l image*/
    position:fixed;/*on fixe le bouton */
    bottom:100px;/*on le place a 100px du bas*/
    right:40px;/*on le place a 40px de la droite*/
    display:none;/*on cache le bouton*/
      /*l image du bouton */
    background: url('http://i18.servimg.com/u/f18/11/26/21/37/arrow-11.png') no-repeat ;
    }



/* Ajouter des boutons Haut / Bas fin ************************************************************/




/* Bouton sélectionner le contenu aux balises de code pour tout prendre d'un seul clic début */

    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }

/* Bouton sélectionner le contenu aux balises de code pour tout prendre d'un seul clic fin */




/******************* Personnaliser entièrement la toolbar via CSS début **********************/

    #fa_toolbar {
        background-color: transparent !important;  /* Rend transparent le fond principal */
    }
    #fa_right {
        background-color: #B59377;  /* Couleur de fond barre de connection*/
        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: 100px;  /* Décale la toolbar de la droite */
    }
   
    #fa_left {
        background-color: #B59377;  /* Couleur de fond barre de forumactif*/
        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: #7D6D60;  /* Couleur de fond  barre de recherche*/
        margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
        padding-left: 20px;  /* Règle la marge intérieure gauche */
        padding-right: 20px;  /* Règle la marge intérieure droite */
    }
   
    #fa_share {
        background-color: #B59377;  /* Couleur de fond barre de partage */
        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 */
    }

/******************* Personnaliser entièrement la toolbar via CSS fin **********************/



/******************** Coloriser les cases des Note et des annonces début *******************/

    tr.annonce td {background-color:#7D6D60!important;} /* Modifie la couleur de fond des annonces */
    tr.Note td {background-color:#B59377!important;} /* Modifie la couleur de fond des Note */

/******************** Coloriser les cases des Note et des annonces fin *********************/

/*******début tableau accueil dragon**************R-max,graphcode*******/
/**********img left*******/
.mazrunner_2 a{
  float:left !important;
  margin-top:5px;
}
 
/*********img right**********/
.mazrunner_3 a{
  float:right !important;
  margin-top:5px;
}
/*********logo rotate rond**********/
.mazrunner_4 a{
  float:center !important;
  margin-top:1px;
 -webkit-transition: -webkit-transform 1s ease-in;
  -mz-transition: -mz-transform  1s ease-in;
  -0-transition: -0-transform 1s ease-in;
  transition: transform 1s ease-in;
    }
/********logo rotate rond*********/
.mazrunner_4:hover{
 float:center !important;
  margin-top:1px;
  -webkit-transform: rotate(50deg);
  -moz-transform:rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
 
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform  1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  }
/***************fin de table dragon *****************R-max graphcode**********/



/*Boutons suivant et précédent pour la messagerie privée début*/

        #navMP>a{
          display:inline-block;
          padding-left:10px;
          padding-right:10px;
          font-size:16px;
          line-height:16px;
          color:#eee;
          background:#BDC8D0;
          text-decoration:none !important;
          border:1px solid #aaa;
        }
        #navMP>a:hover{
          color:#fff;
          background:#CDD8E0;
          text-decoration:none !important;
        }
        #navMP-precedent{
          border-radius:8px 0 0 8px;
        }
        #navMP-suivant{
          float:right;
          border-radius:0 8px 8px 0;
        }
       
        #navMP-precedent::before{
          content:"Précédent"
        }
        #navMP-suivant::before{
          content:"Suivant"
        }

/*Boutons suivant et précédent pour la messagerie privée fin*/



/* Code permettant de cacher la colonne des widgets de gauche début*/

        #content-container #left {display:none;}

/* Code permettant de cacher la colonne des widgets de gauche fin*/



/*Bouton Avertissement Rapide pour Modo et Admin début*/

        /*()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; 
        }

/*Bouton Avertissement Rapide pour Modo et Admin fin*/



/*Personnaliser la palette de couleurs de l’éditeur début*/

        /* 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: 200px !important;  /* largeur de la palette complète */
        height: 100px !important;  /* hauteur de la palette complète */
        padding: 5px !important;
        border-radius: 5px !important;
        }

/*Personnaliser la palette de couleurs de l’éditeur fin*/



/*Tous les LIENS du forum même comme le titre etc... début*/
        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;
            }

        a {
                -moz-transition:color 5s; /* Mozilla Firefox */
                -webkit-transition:color 5s; /* Safari et Google Chrome */
                -o-transition:color 5s; /* Opera */
                transition:color 5s;
            }

        a:hover {
                color:#ff0000;
            }

/*Ajouter un effet de transition sur les liens fin*/



/*Pseudos personnalisés en fonction du groupe début*/

a span[style="color:#9C1C1C"] strong /* groupe des administrateurs fondateur du forum*/
   {
        background:url(http://ahp.li/ac84df0487e365d5a328.png) no-repeat;
        padding-left:32px;}

        a span[style="color:#FF0000"] strong /* groupe des administrateurs du forum*/
   {
        background:url(http://ahp.li/e4a5d46cf4335a67447f.png) no-repeat;
        padding-left:16px;}

        a span[style="color:#0A68F5"] strong /* groupe des modérateurs du forum*/
   {
        background:url(http://ahp.li/525d06de06be40214526.png) no-repeat;
        padding-left:16px;}   

   a span[style="color:#000000"] strong /* groupe des membres graphique débutant du forum*/
   {
        background:url(http://ahp.li/2b25e132fb327b91859f.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#6B4722"] strong /* groupe des membres graphique confirmé du forum*/
   {
        background:url(http://ahp.li/2ce9e23bba66a561c2e4.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#9C8267"] strong /* groupe des membres graphique expert du forum*/
   {
        background:url(http://ahp.li/0605601068004ccc60cc.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#8C00FF"] strong /* groupe des membres VIP du forum*/
   {
        background:url(http://ahp.li/f37feeec30fe7673fca5.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#429412"] strong /* groupe des nouveau venu du forum*/
   {
        background:url(http://ahp.li/09a30c0f3e3b9a1090c4.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#FFEE33"] strong /* groupe des autorisés du forum*/
   {
        background:url(http://ahp.li/e324f35d81570d727092.png) no-repeat;
        padding-left:16px;}

   a span[style="color:#FF7700"] strong /* groupe des animateurs du forum*/
   {
        background:url(http://ahp.li/4b7589352fb33f5d33fc.png) no-repeat;
        padding-left:16px;}

/*Pseudos personnalisés en fonction du groupe fin*/



        /*Cela est le code pour la présentation des membres sur le forum début*/
       
                    .mariok13 {
            background-image: url(http://i21.servimg.com/u/f21/13/05/48/28/tete_111.png);
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.7), -1px 2px 20px rgba(255,255,255,0.6) inset;
            margin: 40px auto;
            padding: 100px;
            width: 70%;
            background-size: contain;
        }
       
        /*Cela est le code pour la présentation des membres sur le forum fin*/



/*Mettre une image de fond dans le message rapide du forum début*/

       
        .sceditor-container iframe, .sceditor-container textarea {
        background:url(http://ahp.li/9cbb49a55a953668c85a.png)!important;
        background-repeat:no-repeat!important;
        background-position:center!important;
        }

/*Mettre une image de fond dans le message rapide du forum fin*/



/*Mettre l'avatar du membre sur votre Toolbar début*/

     .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

/*Mettre l'avatar du membre sur votre Toolbar fin*/



/*Coloriser les cellules lors d'un nouveau message début*/

        tr.newpost td {
        background-color:#b86e32!important;}

        /*--- Bloc réponse rapide ---*/
       
        .sceditor-container.ltr.sourceMode {
        width:750px !important;
        background-color: #EBBC96 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:750px !important;
        background-color: #EBBC96 !important;
        }
       
        /*---  Partie supérieur contenant les outils ---*/
       
        div.sceditor-toolbar {
        background-color: B59377 !important;
        width: 700px !important;
        }
       
        /*---  Partie texte area : fond ---*/
       
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #EBBC96 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 13px;
        width: 750px !important;
        color: #444444 !important;
        font-size:13px !important;
        }
       
        /*---  Groupe de boutons ---*/
       
        div.sceditor-group {
        background-color: #B59377 !important; }
 
        /*---  Boutons ---*/
       
        a.sceditor-button {
        ...
        }

        /*---  Boutons sélectionnés ---*/
       
        a.sceditor-button.hover {
        background-color: #EBBC96 !important;
        }

        /* fond d'un bouton survolé ou activé */
 
.sceditor-button.hover, a.sceditor-button:hover {
background: #EBBC96;
}
       
        /* bordure de l'éditeur */
        div.sceditor-container {
        border: none;
        }
       
        /* bordure entre la barre d'outils et la zone de saisie de texte */
        body div.sceditor-toolbar {
        border-bottom: none;
        }
       
        /* bordure sous les groupes de bouton */
        body div.sceditor-group {
        border-bottom: none;
        }
       
        /* ombre d'un bouton survolé ou activé */
        a.sceditor-button:hover, a.sceditor-button.hover {
        box-shadow: none;
        }

        /*---  Smileys ---*/
       
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
 
        /* largeur de l'éditeur */
        .sceditor-container { width: 710px!important;
        }
       
        /* largeur de la zone de saisie de texte */
        .sceditor-container iframe, .sceditor-container textarea {
        width: 98%!important;
        }

/*Placer l'avatar à côté de la réponse rapide début*/

  #av_quickreply img {
            left: 5px;
         width: 75px;
            height: 115px;
            position: relative;
            top: 80px;
        }
       
        #av_quickreply {
            float: left;
            position : absolute;
        }

/*Placer l'avatar à côté de la réponse rapide fin*/



/*Centrage automatique dans les messages début*/

tr.post td{
text-align: center;
}

/*Centrage automatique dans les messages fin*
   


/* ********** QUI EST EN LIGNE *********** */

      .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: left;
    height:270px;}

    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}


.forumline {-moz-border-radius: 15px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 1px;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

a {
font-variant: small-caps;
text-decoration: none!important;
}

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

****************************************************************************************************************************

a.forumlink:link, a.forumlink:visited {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #ffffff;
border-bottom: 1px solid #000000;
color: #000000;
font-family: Times New Roman;
font-size: 15px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

a.forumlink:hover{
color: #888888;
letter-spacing: 2px;}

  .titre01 {
  font-size: 24px;
  font-family: Times New Roman;
  text-align : center ;
  letter-spacing: -1px;
  padding-left: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 3px;
  display: block;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-weight:normal;
  color : white;
}

.titre02 {
  border-radius-topleft: 50px;
  border-radius-topright: 50px;
  background : #3b3b3b;
  border : 2px solid #fff;
  text-align: center;
  text-transform: uppercase;
  color : #12385f;
  text-shadow: 1px 1px 1px white;
  box-shadow : 0px -1px 5px black;
  border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
  width : 771px;
  height : 80px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : justify;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}

.boxpa2 {
  width : 247px;
  height : 100px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : center;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}


#boitetatu{
position: fixed;
top: 300px;
left: 20px;
width: 200px;
+ les votres
}

.titreboiteta{
Propriétés CSS
}

.paragraphe{
Propriétés CSS
}

/*--- Cette partie correspond à la description du forum ---*/

.forum-description {
overflow: auto;
text-align: justify;
background: #BD997B;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 110px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

.forum-forum {
overflow: auto;
text-align: center;
background: #BD997B;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*---Derniers messages---*/

.lastpost{
width: 130px;
height: 110px;
background-color:#BD997B
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink{
font-size: 20px;
margin-bottom: -13px;
padding-top: 7px;
margin-left: 0px;
color : #BD997B;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #000000;
}

J'attends donc votre réponse pour les JavaScripts ?

Et vous pouvez donc voir de ce qu'il en ait pour mon CSS s'il y à possibilité soit de le modifier ou de l'améliorer, enfin vous verrez après tout.

Sur ceux je vous souhaite un bon week-end bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 15 Mai 2016 - 14:43

Bonjour Lixyr,

Je viens de mettre à la place ces codes que j'ai trouvé sur un autre forum et qui fonctionne sur les deux navigateurs de mon côté qui sont ch  et ff .

Voici les codes en question :

Pour le JavaScript à placer sur toutes les pages.

Code:

    $(function(){
        //ON IMPORTE LE BOUTON
        $('body').append('
    <span title="Haut de page">
    <a href="#" class="M14_ToP"></a></span>
    <span title="Bas de page">
    <a href="#" class="M14_BoTTom"></a></span>');
        });

        $(document).ready(function(){
           $(window).scroll(function(){
        //CONDITION SI ON DESCEND DE 200PX
              if ($(this).scrollTop() > 200) {
        //ON AFFICHE LE BOUTON
                 $('.M14_ToP').fadeIn();
              } else {
        //SI INFERIEURE ON CACHE
                 $('.M14_ToP').fadeOut();
              }
           });
          
           //AU CLIC ON REMONTE
           $('.M14_ToP').click(function(){
              $('html ,body').animate({scrollTop : 0},1000);
              return false;
           });
               });

    $(document).ready(function(){
           $(window).scroll(function(){
        //CONDITION SI ON DESCEND DE 200PX
              if ($(this).scrollTop() > 200) {
        //ON CACHE LE BOUTON
                 $('.M14_BoTTom').fadeOut();
              } else {
        //SI INFERIEURE ON AFFICHE
                 $('.M14_BoTTom').fadeIn();
              }
           });
          
           //AU CLIC ON REMONTE
           $('.M14_BoTTom').click(function(e){

      $("html, body").animate({ scrollTop: $(document).height() }, 1000);
              return false;
           });
    });

Pour la feuille CSS.

Code:

    /** bouton haut bas forum **/
    a.M14_ToP
        {
        width:24px; /*largeur de l image*/
        height:24px;/*hauteur de l image*/
        position:fixed;/*on fixe le bouton */
        bottom:20px;/*on le place a 100px du bas*/
        right:10px;/*on le place a 40px de la droite*/
        display:none;/*on cache le bouton*/
          /*l image du bouton */
        background: url('http://i21.servimg.com/u/f21/18/51/82/95/remont10.png') no-repeat ;
        }
    a.M14_BoTTom
        {
        width:24px; /*largeur de l image*/
        height:24px;/*hauteur de l image*/
        position:fixed;/*on fixe le bouton */
        top:70px;/*on le place a 100px du bas*/
        right:10px;/*on le place a 40px de la droite*/
        background: url('http://i21.servimg.com/u/f21/18/51/82/95/decsen10.png') no-repeat ;
    }


Donc pouvez-vous me dire de votre côté ci cela fonctionne également les amis. aidez moi

Moi de mon côté je vais demander à mes membres ci cela fonctionne aussi du leurs. Pc

Et ci c'est le cas je passerai ce sujet en résolue.

Sur ceux je vous souhaite un bon week-end bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mar 17 Mai 2016 - 17:54

Hi  Bonjour,

Je reviens vers vous pour vous dire que mes membres mon confirmer que la dernière modification à résolue mon soucis et n'ayant pas de nouvelle de votre côté.  Mais oui

Je mets ce sujet donc en résolut jusqu'à la prochaine fois que j'aurais besoin de vos services. Yes

Bonne semaine et merci de tout coeur pour votre aide à toutes et tous. Pc

Bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

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

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


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