mettre deux boutons

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

Résolu mettre deux boutons

Message par quad daniel le Mer 25 Nov 2015 - 15:29

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quadsalvetain.com

Description du problème

bonjour ;
sur mon forum, j'ai pour envoyer des sujets des "écritures" Prévisualiser & Envoyer je souhaiterai si possible avoir une aide pour avoir deux bouton dans le style comme les vôtres (style flash, mais en vert .
si cela est possible?
a se jour j'ai:

je souhaiterai Même style bouton flash en vert:


merci par avance pour votre aide

Cordialement Daniel


Dernière édition par quad daniel le Jeu 26 Nov 2015 - 16:48, édité 2 fois

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux bouton

Message par Feuilla' le Mer 25 Nov 2015 - 15:35

Bonjour,
déjà pour le vert, mettez ceci dans votre Feuille de style CSS :
Code:
a.button1, a.button2, button.button2, input.button1, input.button2 {
  color:green}
Il est possible de remplacer "green" par un code couleur avec un "#". Wink
Tags:
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: mettre deux boutons

Message par quad daniel le Mer 25 Nov 2015 - 15:42

bonjour cela ne fonctionne pas  ?

Code:
body
{
  background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;

}
div#logostrip #logo {
   display: block;
   margin: 0 0px;
                padding: 0.8em 0em 0em 0em;
   float: center;
   }
table.ipbtable tfoot td { background-color: #000000; background-image: url("http://i84.servimg.com/u/f84/13/64/43/70/rr210.jpg");}
.box-content { border-bottom:10px  #000000; }
#gfooter {
background-color:#;
height: 80px;
background: url("http://i84.servimg.com/u/f84/13/64/43/70/tes111.jpg") no-repeat 50% 50%;
}
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche10.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche11.png') no-repeat left 50%;
   }
div.maintitle .expand,div.maintitle .contract {
   float: right;
   width: 10px;
   height: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/invisi11.png') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/invisi10.png') no-repeat 50% 50%;
   }
.popmenubutton a {
   display: block;
   padding: 2px 16px 2px 8px;
   background-image: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche12.png');
   background-position: 97% 50%;
   background-repeat: no-repeat;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   white-space: nowrap;
   text-decoration: none;
   }
div.maintitle {
   vertical-align: middle;
   padding: 8px 8px 8px 15px;
   background-image: url("http://i84.servimg.com/u/f84/13/64/23/61/rr210.jpg");
   background-repeat: repeat-x;
   }
div.maintitle:hover {
                vertical-align: middle;
   padding: 8px 8px 8px 15px;
                background-image: url("http://i84.servimg.com/u/f84/13/64/23/61/test_l10.jpg");
                background-repeat: repeat-x;
}
.row2 {
   background-color: #262626;
        background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.row2:hover {
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}


.row1 {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.row1:hover {
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.ipbform2 dl dd {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.ipbform2 dl dd:hover {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}








/*******************************MODIFIER AJOUTER PAR Quad Daniel******************************/


/*mini avatar sur forum Quad Daniel*/

        .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; 
  }
      .sceditor-container iframe, .sceditor-container textarea {
    background-image: url("http://i39.servimg.com/u/f39/16/47/45/04/transp10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#topicmenu-options.popmenubutton
{
margin-top: -07px;



/*image sur barre citer*/

blockquote cite {
background-color: #677E52
background-image: url(http://i38.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
min-height: 30px;blo
}

/*image sur barre code*/

dl.codebox dt {
background-color: #003300;
background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);
color: #CC9900;
min-height: 25px;
}


dl.codebox dd {
background-color: #383636;
}


body {
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=1285), auto;
}

 
        /*L apparence normale*/
        #search #keywords
        {
        transition-duration: 1s;
        width: 150px;
        }
        /*L apparence au clic*/
        #search #keywords:focus
        {
        width: 250px;
        }



    /***************DEBUT EFFET TOGGLE FAQ PAR Milouze14***************/
    /*Les questions de la FAQ Modifier Daniel*/
    dd[onclick^="return"] a
    {
    color:#forum !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*/
    background-color:Black !important;/*couleur de fond*/
    -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 petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:#ffff00;/*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:98%;/*a 98 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq p
    {
    /*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 !important;
      /*Apparence du texte et son placement*/
    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*/
    border:none !important;/*on supprime les bordures*/
    }


    /*Apparence des liens*/
    .M14_effet_Faq p 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*/



/************Effet loupe sur chaque message**************/

    /*Le bouton pour l ouverture de la fenetre*/
    .M14_open_Body
    {
    width: 16px;
    height: 16px;
    right: 10px;
    float: right;
    cursor:pointer;
    }
    /*Le bouton pour la fermeture de la fenetre*/
    .M14_close_Body
    {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    }
    /*On place les transitions sur les messages*/
    .post-entry
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*La fenetre agrandie*/
    #M14_Effet_body.post-entry
    {
    /*On donne une position absolute*/
    position:absolute;
    /*On demande une marge a gauche et a droite pour la correction de la fenetre*/
    left:20%;
    right:20%;
    /*La couleur de fond*/
    background: #2B2E2A;
    /*La couleur de police*/
    color:forum;
    /*La taille de police*/
    font-size:14px;
    /*On donne un espace conséquent si besoin peut etre supprime*/
    padding: 20px 30px 10px 10px;
    /*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
      /*la couleur de bordure*/
    border:2px solid #339966;
      /*Les bordures arrondies sur la plupart des navigateurs*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      /*On le place au premier plan*/
      z-index:999;
    }
/*FIN EFFET LOUPE*/


/*******voir le portail façon Faq***********/

    .module .maintitle{padding: 8px 8px 8px 15px;}
    .maintitle .toggle
    {
    background:url(http://i39.servimg.com/u/f39/11/26/21/37/moin10.png) no-repeat scroll 0 0 transparent;
    display:block;
    height:17px;
    outline:0 none;
    text-indent:-3000em;
    visibility:hidden;
    width:24px;
    margin: 2px 5px -10px 0px;
    cursor:pointer;
    }
    .maintitle:hover .toggle{visibility:visible}
    .maintitle.collapsed .toggle{cursor:pointer;background-image:url("http://i39.servimg.com/u/f39/11/26/21/37/plus10.png");}

/*FIN FACON FAQ*/
   

/*******fond bouton envoyer & Titre du sujet Vert***********/

  input {
          color: #000000;
          background: #93ada6!important;
        }

/*******FIN fond bouton envoyer & Titre du sujet Vert***********/
 


Dernière édition par quad daniel le Mer 25 Nov 2015 - 17:58, édité 1 fois

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux bouton

Message par Feuilla' le Mer 25 Nov 2015 - 15:52

Re,
tentez avec ceci :
Code:
a.button1, input.button1, a.button2, input.button2, button.button2 {
   color: #000000;
   background-color:green;
   background-image:none;
   }
La deuxième/seconde ligne est changeable pour la couleur du texte,
la troisième pour celle du fond du bouton. Smile
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: mettre deux boutons

Message par quad daniel le Mer 25 Nov 2015 - 16:00

re bonjour désolé cela ne fonctionne toujours pas ?
j'ai juste installer le 1er code dans css
le tag je ne l'ai pas installé, il faut le mettre ou ?

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux bouton

Message par Feuilla' le Mer 25 Nov 2015 - 16:06

Re,
les tags ne sont pas à installer, c'est juste pour faciliter les recherches si quelqu'un a le même problème : Wink
Warning http://forum.forumactif.com/t374244-nouvelles-fonctionnalites-le-tag-des-utilisateurs-et-des-mots-cles
@quad daniel a écrit:j'ai juste installer le 1er code dans css
le code qu'il fallait installer est le dernier donné : Smile
Code:
        a.button1, input.button1, a.button2, input.button2, button.button2 {
          color: #000000;
          background-color:green;
          background-image:none;
          }
Si ça ne marche pas (ça marche sur mon forum), je vous conseille de lire ceci :
résolu http://forum.forumactif.com/t378532-boutons-previsualisation-envoyer-champs-profil-modification-des-couleurs#3191633
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: mettre deux boutons

Message par quad daniel le Mer 25 Nov 2015 - 16:34

@Feuilla' a écrit:Re,
les tags ne sont pas à installer, c'est juste pour faciliter les recherches si quelqu'un a le même problème : Wink
Warning http://forum.forumactif.com/t374244-nouvelles-fonctionnalites-le-tag-des-utilisateurs-et-des-mots-cles
@quad daniel a écrit:j'ai juste installer le 1er code dans css
le code qu'il fallait installer est le dernier donné : Smile
Code:
        a.button1, input.button1, a.button2, input.button2, button.button2 {
           color: #000000;
           background-color:green;
           background-image:none;
           }
Si ça ne marche pas (ça marche sur mon forum), je vous conseille de lire ceci :
résolu http://forum.forumactif.com/t378532-boutons-previsualisation-envoyer-champs-profil-modification-des-couleurs#3191633
Bonne journée !

re bonjour; je l'avais mis le dernier code ,fonctionne pas . pas grave je vais attendre;
pour que l'on m'aide avec le code pour mettre le bouton comme celui de ce forum mais en vert
merci quand même pour pour votre intervention
Bonne journée.

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par Neptunia le Mer 25 Nov 2015 - 18:20

Bonjour ^^


L'identifiant de ces boutons varie d'une version à l'autre.

Sous #Invision ce code devrait convenir :
Code:
.button, .mainoption{
          color: #000000;
          background-color:green;
          background-image:none;
}

Neptunia
+ Hyperactif +

Féminin
Messages : 10991
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par quad daniel le Jeu 26 Nov 2015 - 13:28

bonjour, cela ne fonctionne pas !
image:
j'ai le fond vert comme pour mes fond de Titre du sujet mais pas de bouton !
par-contre je veut conserver mon fond vert de Titre du sujet et Description
ma feuille de style css:
Code:
body
{
  background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;

}
div#logostrip #logo {
   display: block;
   margin: 0 0px;
                padding: 0.8em 0em 0em 0em;
   float: center;
   }
table.ipbtable tfoot td { background-color: #000000; background-image: url("http://i84.servimg.com/u/f84/13/64/43/70/rr210.jpg");}
.box-content { border-bottom:10px  #000000; }
#gfooter {
background-color:#;
height: 80px;
background: url("http://i84.servimg.com/u/f84/13/64/43/70/tes111.jpg") no-repeat 50% 50%;
}
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche10.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche11.png') no-repeat left 50%;
   }
div.maintitle .expand,div.maintitle .contract {
   float: right;
   width: 10px;
   height: 10px;
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/invisi11.png') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i61.servimg.com/u/f61/13/51/88/96/invisi10.png') no-repeat 50% 50%;
   }
.popmenubutton a {
   display: block;
   padding: 2px 16px 2px 8px;
   background-image: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche12.png');
   background-position: 97% 50%;
   background-repeat: no-repeat;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   white-space: nowrap;
   text-decoration: none;
   }
div.maintitle {
   vertical-align: middle;
   padding: 8px 8px 8px 15px;
   background-image: url("http://i84.servimg.com/u/f84/13/64/23/61/rr210.jpg");
   background-repeat: repeat-x;
   }
div.maintitle:hover {
                vertical-align: middle;
   padding: 8px 8px 8px 15px;
                background-image: url("http://i84.servimg.com/u/f84/13/64/23/61/test_l10.jpg");
                background-repeat: repeat-x;
}
.row2 {
   background-color: #262626;
        background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.row2:hover {
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}


.row1 {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.row1:hover {
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.ipbform2 dl dd {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
   }
.ipbform2 dl dd:hover {
   background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}








/*******************************MODIFIER AJOUTER PAR Quad Daniel******************************/


/*mini avatar sur forum Quad Daniel*/

        .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; 
  }
      .sceditor-container iframe, .sceditor-container textarea {
    background-image: url("http://i39.servimg.com/u/f39/16/47/45/04/transp10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#topicmenu-options.popmenubutton
{
margin-top: -07px;



/*image sur barre citer*/

blockquote cite {
background-color: #677E52
background-image: url(http://i38.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
min-height: 30px;blo
}

/*image sur barre code*/

dl.codebox dt {
background-color: #003300;
background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);
color: #CC9900;
min-height: 25px;
}


dl.codebox dd {
background-color: #383636;
}


body {
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=1285), auto;
}

 
        /*L apparence normale*/
        #search #keywords
        {
        transition-duration: 1s;
        width: 150px;
        }
        /*L apparence au clic*/
        #search #keywords:focus
        {
        width: 250px;
        }



    /***************DEBUT EFFET TOGGLE FAQ PAR Milouze14***************/
    /*Les questions de la FAQ Modifier Daniel*/
    dd[onclick^="return"] a
    {
    color:#forum !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*/
    background-color:Black !important;/*couleur de fond*/
    -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 petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:#ffff00;/*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:98%;/*a 98 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq p
    {
    /*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 !important;
      /*Apparence du texte et son placement*/
    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*/
    border:none !important;/*on supprime les bordures*/
    }


    /*Apparence des liens*/
    .M14_effet_Faq p 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*/



/************Effet loupe sur chaque message**************/

    /*Le bouton pour l ouverture de la fenetre*/
    .M14_open_Body
    {
    width: 16px;
    height: 16px;
    right: 10px;
    float: right;
    cursor:pointer;
    }
    /*Le bouton pour la fermeture de la fenetre*/
    .M14_close_Body
    {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    }
    /*On place les transitions sur les messages*/
    .post-entry
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*La fenetre agrandie*/
    #M14_Effet_body.post-entry
    {
    /*On donne une position absolute*/
    position:absolute;
    /*On demande une marge a gauche et a droite pour la correction de la fenetre*/
    left:20%;
    right:20%;
    /*La couleur de fond*/
    background: #2B2E2A;
    /*La couleur de police*/
    color:forum;
    /*La taille de police*/
    font-size:14px;
    /*On donne un espace conséquent si besoin peut etre supprime*/
    padding: 20px 30px 10px 10px;
    /*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
      /*la couleur de bordure*/
    border:2px solid #339966;
      /*Les bordures arrondies sur la plupart des navigateurs*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      /*On le place au premier plan*/
      z-index:999;
    }
/*FIN EFFET LOUPE*/


/*******voir le portail façon Faq***********/

    .module .maintitle{padding: 8px 8px 8px 15px;}
    .maintitle .toggle
    {
    background:url(http://i39.servimg.com/u/f39/11/26/21/37/moin10.png) no-repeat scroll 0 0 transparent;
    display:block;
    height:17px;
    outline:0 none;
    text-indent:-3000em;
    visibility:hidden;
    width:24px;
    margin: 2px 5px -10px 0px;
    cursor:pointer;
    }
    .maintitle:hover .toggle{visibility:visible}
    .maintitle.collapsed .toggle{cursor:pointer;background-image:url("http://i39.servimg.com/u/f39/11/26/21/37/plus10.png");}

/*FIN FACON FAQ*/
   

/*******fond envoyer & Titre du sujet Vert***********/

  input {
          color: #000000;
          background: #93ada6!important;
        }

/*******FIN fond envoyer & Titre du sujet Vert***********/
 

/*******bouton envoyer & Titre du sujet Vert***********/

        .button, .mainoption{
                  color: #000000;
                  background-color:green;
                  background-image:none;
        }

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par Neptunia le Jeu 26 Nov 2015 - 13:41

Là je ne saisis pas, les boutons sont bien là et dans la couleur désirée.

Neptunia
+ Hyperactif +

Féminin
Messages : 10991
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par quad daniel le Jeu 26 Nov 2015 - 14:28

Neptunia- a écrit:Là je ne saisis pas, les boutons sont bien là et dans la couleur désirée.
re bonjour,
là je ne comprend pas ! ou vous voyez les boutons moi comme mes membres voyons juste le fond vert comme image avec un lien
image ici:

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par Neptunia le Jeu 26 Nov 2015 - 15:12

Vous pointez vos deux boutons avec une flèche sur la capture écran.

Je ne parle pas des 5 cases de saisie mais bien des deux boutons prévisualiser et Envoyer

Neptunia
+ Hyperactif +

Féminin
Messages : 10991
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: mettre deux boutons

Message par Milouze14 le Jeu 26 Nov 2015 - 15:15

Salut quad daniel,

essayes ceci:
Code:
input[name="preview"] ,input[name="post"]
{background-color:#F5F5F5;background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/bg_buttons.png);
  background-repeat:repeat-x;
  border:1px solid #C3E0F1;
  border-radius:2px;
  box-shadow:1px 1px 1px;
  color:#666!important;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
  height:24px;
  line-height:18px;
  margin:5px 6px;
  padding:0 8px!important;
  text-align:center;
}
input[name="preview"]:hover ,input[name="post"]:hover
{
background-position:0 100%;
border:1px solid #00a5cd!important;
box-shadow:1px 1px 5px!important;
color:#00a5cd!important;
}



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par quad daniel le Jeu 26 Nov 2015 - 16:12

Neptunia- a écrit:Vous pointez vos deux boutons avec une flèche sur la capture écran.

Je ne parle pas des 5 cases de saisie mais bien des deux boutons prévisualiser et Envoyer
re bonjour j'ai fait passer cette image qui était plut haut dans le sujet précédent pour ne pas la refaire  mais je parle bien des boutons les autres case était pour dire que je souhaite juste conserver le font vert des case.

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par quad daniel le Jeu 26 Nov 2015 - 16:21

@Milouze14 a écrit:Salut quad daniel,

essayes ceci:
Code:
input[name="preview"] ,input[name="post"]
{background-color:#F5F5F5;background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/bg_buttons.png);
  background-repeat:repeat-x;
  border:1px solid #C3E0F1;
  border-radius:2px;
  box-shadow:1px 1px 1px;
  color:#666!important;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
  height:24px;
  line-height:18px;
  margin:5px 6px;
  padding:0 8px!important;
  text-align:center;
}
input[name="preview"]:hover ,input[name="post"]:hover
{
background-position:0 100%;
border:1px solid #00a5cd!important;
box-shadow:1px 1px 5px!important;
color:#00a5cd!important;
}



a++
Merci Milouze14 le top très jolie

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre deux boutons

Message par quad daniel le Jeu 26 Nov 2015 - 17:38

Neptunia- a écrit:Là je ne saisis pas, les boutons sont bien là et dans la couleur désirée.
merci quant même pour votre aide Very Happy

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

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