Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Changer le lien d'une image par une icone font awesone
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Aujourd'hui à 14:57 par Milouze14

» *RESOLU*[AwesomeBB] Profils en onglets
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Aujourd'hui à 12:04 par Milouze14

» histoire du Jour sans fin
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Hier à 8:11 par Quad Daniel

» Test d'intelligence des politiciens-(e) histoire blagounette
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Ven 23 Aoû 2019 - 9:22 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Jeu 22 Aoû 2019 - 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS] Effet 3D sur les boutons du forum Clock-10Sam 20 Juil 2019 - 11:23 par Morane

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

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

chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Sam 9 Juin 2018 - 12:34

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.

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


 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
Milouze14
Fondateur

MessageMilouze14 le Sam 9 Juin 2018 - 19:37

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}

chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Sam 9 Juin 2018 - 23:22

Bonsoir Philippe

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

Merci pour la modif clin oeil
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 10 Juin 2018 - 5:39

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 .

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