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

[chrisnvidiaMilouzien]

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

[Milouze14Fondateur]

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 .

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}



[chrisnvidiaMilouzien]

Bonsoir Philippe

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

Merci pour la modif

[Milouze14Fondateur]

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 .