Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Changer les boutons basique en améliorer

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

Résolu Changer les boutons basique en améliorer

Message par Houders le Lun 31 Mar 2014 - 12:18

Bonjour, Like a Star @ heaven 





  • Aujourd'hui je voulais vous demander si il était possible de changer les boutons "Oui, non, envoyer, prévisualisation, connexion, réinistialiser, votez ect... "


En image :





  • J'aimerais transformer ces multiples boutons en quelques choses de plus original du genre arrondi, blanc.


Exemple en image :









  • Deuxième problème j'aimerais arrondir les espaces pour écrire disponible pour google et les autres navigateur.


Exemple en image :






  • Pour ces espaces je souhaiterais des arrondis pour les bords, déjà plusieurs sujets on été poser sur ce genre de problème mais aucun de me vas. Donc je demande votre aide en codage ou autres  Razz




 Like a Star @ heaven Cordialement, Houders  Like a Star @ heaven 


Dernière édition par Houders le Lun 31 Mar 2014 - 21:21, édité 1 fois
avatar

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer les boutons basique en améliorer

Message par Kinotto le Lun 31 Mar 2014 - 20:11

Bonsoir,

Première question : Je vous ai préparé un code. -> Affichage > Couleurs :: Feuille de style CSS :

Code:
input{
border-radius:10px;
padding:5px;
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

Ce qui donne :


Vous pouvez générer un fond gradient ici : http://www.colorzilla.com/gradient-editor/

------------------------------

Seconde question : -> Affichage > Couleurs :: Feuille de style CSS :

Code:
form{
  border-radius:10px;
}
=> Vous pouvez augmenter ou diminuer la valeur "10" à votre convenance.

** Avec cette méthode, les modifications s'appliquent à tous les boutons et à toutes les zones d'entrées du forum. **

Pensez à bien  :enreg: vos modifications.

Cordialement.
avatar

Kinotto
Membre actif

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les boutons basique en améliorer

Message par Houders le Lun 31 Mar 2014 - 21:21

Merccciiii beaucoup, résolu +1
avatar

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders 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