[TOUTES VERSIONS] Effet 3D sur les boutons du forum

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

chrisnvidia
avatar
Milouzien

Messagechrisnvidia

  • 16px
  • 24px
  • Zoom
Hello les amis et amies

Cette astuce est donné par Consolado

Comment appliquer un effet 3D sur tous les boutons du forum en utilisant un script CSS.




 Appliquer le code CSS:

Panneau de configuration -> Affichage -> Images et couleurs -> Couleurs -> Feuille de style CSS

Code:
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

Vous pouvez augmenter les PX pour avoir plus d'effet 3D
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Christophe,
merci pour le partage, mais je doute fortement que le style soit valide pour toutes
les versions avec l'id main-content:

Ceci serait plus judicieux clin oeil .



Code:

a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border:
 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px;
 -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px
#afafaf}




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

Fondateur des forums





chrisnvidia
avatar
Milouzien

Messagechrisnvidia

  • 16px
  • 24px
  • Zoom
Bonsoir Philippe

Le 1er css sur Edge fonctionne très bien chez moi .

Merci pour la modif clin oeil
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Christophe,

Le 1er css sur Edge fonctionne très bien chez moi .

oui, je n'en doute pas.Mais comme tu mentionnes "Toutes versions",
il faut enlever cet ID clin oeil .



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

Fondateur des forums





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

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

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

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


Connexion

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