les Boutons

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

Résolu les Boutons

Message par tyane le Sam 12 Mai 2012 - 14:12

Bonjour
j'ai un forum PHPBB3
et les Boutons comme ce forme:



J'ai aimé les boutons située dans le Forum forum.forumactif.com
et je veux le code css pour ces les boutons



s'il vous plaît


Dernière édition par tyane le Sam 12 Mai 2012 - 19:13, édité 1 fois

tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 15:23

Bonjour,
Pour faire ces boutons, il faut en créer le fond, et donc remplacé l'image de votre forum, par l'image d'un fond similaire.
Cependant, ce qui est sur FA, appartient à FA.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 15:48

mais comment s'il vous plait Neutral

tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 16:42

Dans votre CSS, il faut mettre ceci:

Code:
input {
background-image: url("lien de l'image de fond");
border: solid 1px #b6b6b6; /* Remplacer le code couleur par celui voulu */
height: 30px; /* Hauteur de l'image de fond */
color: #ffffff; /* Couleur du texte */
}

input:hover { /* Survol du boutton *§
color: #b6b6b6; /* Couleur du texte quand on survole */
border: solid 1px #ff0066; /* Couleur de la bordure au survol */
}

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 17:38

pas encor ma soeur


tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 17:53

Pouvez vous copier votre code CSS s'il vous plait ?
Et ma famille est déja complète, merci.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 17:57

voilà
Code:
    #quick_reply #text_editor_controls {
        background-color: #E5F1F9;
        border-radius: 8px 8px 8px 8px;
        height: 22px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        width: 490px;
    }
    #quick_reply #text_editor_controls .button2 {
        background-color: transparent;
        background-image: none;
        border: 0 none;
        border-radius: 7px 7px 7px 7px;
        opacity: 0.7;
        padding: 1px !important;
    }
    #quick_reply a.button2:hover, #quick_reply button.button2:hover {
        background-color: #DCEAF5 !important;
        border: 0 none;
        opacity: 1 !important;
    }
    #quick_reply button.bbcode.button2 {
        background-color: #E3CED2 !important;
        box-shadow: 0 0 10px #E3ADAD;
        opacity: 1;
    }
    #quick_reply button.bbcode:hover {
        background-color: #E3CED2;
    }
    #servimg_upload_gui p {
        margin: 0 !important;
    }
    #servimg_upload_gui iframe {
        border: 0 none;
        margin: 0;
    }
    #servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
        box-shadow: 0 0 4px;
    }


.post {
        background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_post_staff.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        }


.navbar ul{border-bottom:none;}

input {
        background-image: url(http://i41.servimg.com/u/f41/16/61/53/37/12-05-12.png);
        border: solid 1px color: #0099CC;
        height: 20px;
        color: #767676;
        }

  input:hover {
        color: #0099CC;
        border: solid 1px #767676;
        }


Dernière édition par tyane le Sam 12 Mai 2012 - 18:03, édité 1 fois

tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 18:02

le seul que va changer c'est text box


tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 18:02

Vous vous êtes trompé dans la taille, c'est 22 et non 20.
De plus, vous avez rajouter un "color:" inutile dans la propriété input.

Code:
input {
        background-image: url(http://i41.servimg.com/u/f41/16/61/53/37/12-05-12.png);
        border: solid 1px #0099CC;
        height: 22px;
        color: #767676;
        }
 
  input:hover {
        color: #0099CC;
        border: solid 1px ##767676;
        }

Avec ce code, ça fonctionne très bien sur mon forum test.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 18:08

je crois j'ai un problème dans mon forum.


tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 18:15

Essayez ceci:

Code:
input.button1 {
        background-image: url(http://i41.servimg.com/u/f41/16/61/53/37/12-05-12.png);
        border: solid 1px #0099CC;
        height: 22px;
        color: #767676;
        }
 
  input.button1:hover {
        color: #0099CC;
        border: solid 1px ##767676;
        }

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 18:22

un peut


tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 18:26

Code:
border: solid 1px ##767676;

j'ai suppr #

ça marche pour le bouton Envoyer mais les reste par encor Smile

tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

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

Résolu Re: les Boutons

Message par Psyaliah le Sam 12 Mai 2012 - 18:29

Bah oui mais vous avez déja un css pour les "button 2"
Et la bordure n'a rien à voir avec le problème.

Code:
input.button1.button2 {
        background-image: url(http://i41.servimg.com/u/f41/16/61/53/37/12-05-12.png);
        border: solid 1px #0099CC;
        height: 22px;
        color: #767676;
width: auto;
        }
 
  input.button1.button2:hover {
        color: #0099CC;
        border: solid 1px ##767676;
        }

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: les Boutons

Message par tyane le Sam 12 Mai 2012 - 19:12

merci

tyane
**

Masculin
Messages : 81
Inscrit(e) le : 28/10/2009

http://www.forumofppt.com
tyane 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