Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment : -50%
Nike Sportswear Club Fleece – Sweat à ...
Voir le deal
29.97 €

 

 [TOUTES VERSIONS] Personnaliser tous les boutons input

Aller en bas 
+23
Kaeyla
alla13
servity
chrisnvidia
toto56
Ombi
silas88
Chocolatine
Ptite_Perle
Queen G.
SuperSpaceCab
Psychotic Bitch
dragon594
clost
OptimaluS
TOM_
Sacha
Ezio
patriciadpt30
Gae
mariok
1baptiste
Milouze14
27 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 30 Mai 2015 - 9:59

coucou ,

une petite astuce qui permettra te personnaliser tous les boutons :
Parcourir , envoyer , go , Aller etc etc

L'astuce se fera par un Javascript et on personnalisera ces derniers
dans la feuille de style.
Le script est prêt à l'emploi et la C.S.S est basique car tous les boutons auront la même apparence  hinhin .
Rien ne vous empêche de les personnaliser individuellement  clin oeil .





Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.

Déposez ce script:
Code:

$(function(){

$('input[name="fileupload"]').wrap('<label class="M14_fileupload">Choisir votre fichier sur votre PC</label>');

$('input[name="preview"]').wrap('<label class="M14_preview">Voir avant</label>');
$('input[value="Envoyer"]').wrap('<label class="M14_envoyer">On bascule sur le fofo</label>');
$('input[value="Résolu"]').wrap('<label class="M14_Resolu">Mettre le sujet en résolu</label>');
$('input[value="Go"]').wrap('<label class="M14_Go">C\'est parti</label>');
$('input[value="Ok"]').wrap('<label class="M14_Ok">C\'est parti</label>');
$('input[value="Aller"]').wrap('<label class="M14_Aller">Voir la sélection</label>');
$('input[value="Réinitialiser"]').wrap('<label class="M14_Reinitialiser">Remettre à zéro</label>');
$('input[value="Supprimer"]').wrap('<label class="M14_Supprimer">X</label>');
$('input[value="Créer mon avatar !"]').wrap('<label class="M14_CreerAvatar">Fabriquer mon avatar</label>');
$('input[name="avatar"]').wrap('<label class="M14_Avatar">Rechercher une image sur mon pc</label>');

$('input[value="Montrer la Galerie"]').wrap('<label class="M14_Galerie">Rechercher une image sur la galerie</label>');

$('input[value="Trouver un nom d\'utilisateur"]').wrap('<label class="M14_AjoutAmi">Trouver un copain sur le fofo</label>');
$('input[value="Ajouter"]').wrap('<label class="M14_Ajouter">Mettre dans la boite</label>');


$('input[value="Tout Supprimer"]').wrap('<label class="M14_ToutSupprimer">Supprimer tout</label>');

$('input[value="Arrêter de surveiller les sujets sélectionnés"]').wrap('<label class="M14_ArretSurveiller">Ne plus surveiller les sujets sélectionnés</label>');

$('input[value="Supprimer les favoris sélectionnés"]').wrap('<label class="M14_SupprimerFavoris">Ne plus surveiller les favoris sélectionnés</label>');


$('input[value="Sauvegarder la Sélection"]').wrap('<label class="M14_SauvegarderSelection">Archiver les M.P sélectionnés</label>');
$('input[value="Supprimer la Sélection"]').wrap('<label class="M14_SupprimerSelection">supprimer les M.P sélectionnés</label>');
$('input[value="Sauvegarder le Message"]').wrap('<label class="M14_SauvegarderMessage">Archiver ce M.P </label>');
$('input[value="Supprimer le Message"]').wrap('<label class="M14_SupprimerMessage">Supprimer ce M.P </label>');
$('input[type="submit"][value="Rechercher"]').wrap('<label class="M14_Rechercher">Faire une recherche</label>');
$('input[value="Mettre à jour"]').wrap('<label class="M14_MettreAjour">Mettre a jour</label>');
$('input[value="Supprimer la sélection"]').wrap('<label class="M14_Supprimerselection">Supprimer le membre</label>');
$('input[value="Ajouter le Membre"]').wrap('<label class="M14_AjouterMembre">Ajouter dans le groupe</label>');

$('input[value="Ajouter un évènement"]').wrap('<label class="M14_AjouterEvenement">Ajouter un évement au calendrier</label>');
    });
Pensez a cliquer sur le bouton  Valid

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Déposez ce style:

Code:

/*Opacite marge et largeur sur les inputs*/
input[name="fileupload"],input[name="preview"],input[value="Envoyer"],
input[value="Résolu"], input[value="Go"],input[value="Ok"], input[value="Aller"],input[value="Enregistrer"] ,
input[value="Réinitialiser"],input[value="Supprimer"],input[value="Créer mon avatar !"],
input[name="avatar"] , input[value="Montrer la Galerie"],input[value^="Trouver un nom"],
input[value="Ajouter"] , input[value="Tout Supprimer"],input[value="Arrêter de surveiller les sujets sélectionnés"],
input[value="Sauvegarder la Sélection"] ,input[value="Supprimer la Sélection"],
input[value="Supprimer les favoris sélectionnés"],
input[type="submit"][value="Rechercher"],input[value="Mettre à jour"],input[value="Supprimer la sélection"] ,
input[value="Ajouter le Membre"], input[value="Ajouter un évènement"],input[value="Sauvegarder le Message"],
input[value="Supprimer le Message"]
{
-moz-opacity:0;/*NE PAS TOUCHER*/
-khtml-opacity:0;/*NE PAS TOUCHER*/
-ms-filter:"alpha(opacity=0)";/*NE PAS TOUCHER*/
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*NE PAS TOUCHER*/
filter:alpha(opacity=0);/*NE PAS TOUCHER*/
opacity:0;/*NE PAS TOUCHER*/
width:1px !important;/*NE PAS TOUCHER*/
font-size: 12px !important;/*NE PAS TOUCHER*/
margin:0px !important;/*NE PAS TOUCHER*/
}

/*Bouton Parcoucir et envoyer personnalisé*/
.M14_fileupload , .M14_add_file ,.M14_preview ,.M14_envoyer ,
.M14_Resolu , .M14_Go , .M14_Ok,.M14_Aller  ,.M14_Reinitialiser,
.M14_Supprimer ,.M14_CreerAvatar , .M14_Avatar , .M14_Galerie , .M14_AjoutAmi,
.M14_Ajouter , .M14_ToutSupprimer , .M14_ArretSurveiller , .M14_SauvegarderSelection ,
.M14_SupprimerFavoris ,.M14_SupprimerSelection , .M14_Rechercher ,.M14_MettreAjour ,.M14_Supprimerselection ,
.M14_AjouterMembre ,.M14_AjouterEvenement, .M14_SauvegarderMessage , .M14_SupprimerMessage
{
padding:1px 5px 1px 5px;/*on donne un espace aux boutons*/
border: 1px solid darkblue;/*on donne une bordure de 1px avec un style solid et sa couleur*/
background:white;/*on donne une couleur de fond*/
font-size: 12px;/*on donne une taille de police*/
color:darkblue;/*on donne une couleur de police*/
cursor:pointer;/*on donne un style au curseur*/

-webkit-border-radius: 3px;/*NE  PAS TOUCHER*/
-moz-border-radius: 3px;/*NE  PAS TOUCHER*/
border-radius: 3px;/*NE  PAS TOUCHER*/
}

Pensez à valider les modifications en cliquant sur le bouton  Valid

Vous pouvez déposer le texte de votre choix en prenant en compte
que les textes ne doivent pas être trop long afin de ne pas déformer
votre fofo.

Les textes peuvent être modifiés dans le script:
Exemple :

Pour le bouton "Go":
Code:

$('input[value="Go"]').wrap('<label class="M14_Go">C\'est parti</label>');


Une fois le script et la css placé le texte sera donc:
Citation :
C'est parti

Dans ce cas il faudra déposer une barre oblique
avant l'apostrophe  hinhin .

Tous les textes se trouvent entre les balises :
Code:

<label class="">le texte</span>

Il vous restera plus qu'à déposer celui de votre choix.




Dernière édition par Milouze14 le Lun 29 Nov 2021 - 16:32, édité 5 fois
Revenir en haut Aller en bas
https://www.milouze14.com
1baptiste
Milouzien

1baptiste



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 30 Mai 2015 - 16:45

Merci beaucoup !
Revenir en haut Aller en bas
http://horus.forumactif.com/
mariok
Membre regretté

mariok



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyVen 19 Juin 2015 - 15:24

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
Invité
Invité
Anonymous



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 23 Aoû 2015 - 5:36

Merci beaucoup !
Revenir en haut Aller en bas
Gae
Milouzien

Gae



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 9 Sep 2015 - 11:35

Merci beaucoup !
Revenir en haut Aller en bas
http://www.famille-r3d-dw4rf.com/
Invité
Invité
Anonymous



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 9 Sep 2015 - 11:43

Merci beaucoup Philippe super
Revenir en haut Aller en bas
patriciadpt30
Milouzien

patriciadpt30



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMar 15 Sep 2015 - 21:17

Merci beaucoup !
Revenir en haut Aller en bas
Ezio
Milouzien

Ezio



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyVen 30 Oct 2015 - 15:37

Merci beaucoup !
Revenir en haut Aller en bas
http://laguerredesdesclans.forumactif.org/
Sacha
Milouzien

Sacha



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 1 Nov 2015 - 18:10

Merci beaucoup !
Revenir en haut Aller en bas
https://amis-pub.forumactif.com/
TOM_
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 7 Nov 2015 - 9:49

Merci beaucoup !
Revenir en haut Aller en bas
http://lescobrasidf.forumactif.org/forum
Invité
Invité
Anonymous



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 13 Fév 2016 - 16:47

Merci beaucoup !
Revenir en haut Aller en bas
OptimaluS
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 14 Mar 2016 - 22:48

Merci beaucoup !
Revenir en haut Aller en bas
http://maturityteam.forumactif.org/forum
clost
Milouzien

clost



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 4 Avr 2016 - 18:36

Merci beaucoup !
Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
dragon594
Milouzien

dragon594



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 11 Avr 2016 - 1:36

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
Psychotic Bitch
Milouzien

Psychotic Bitch



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyJeu 1 Sep 2016 - 10:53

Merci beaucoup !
Revenir en haut Aller en bas
https://wildestdreams.forumactif.com/
Psychotic Bitch
Milouzien

Psychotic Bitch



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 12 Sep 2016 - 1:21

Merci beaucoup !
Revenir en haut Aller en bas
https://wildestdreams.forumactif.com/
SuperSpaceCab
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyVen 7 Oct 2016 - 16:18

Merci beaucoup !
Revenir en haut Aller en bas
http://www.ets2-mods-forum.com/
Queen G.
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 2 Nov 2016 - 6:05

Merci beaucoup !
Revenir en haut Aller en bas
https://lustforlife.forumactif.com/
Ptite_Perle
Milouzien

Ptite_Perle



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 29 Mai 2017 - 17:08

Coucou,

Ah je veux bien voir, merci
Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
Chocolatine
Milouzien

Chocolatine



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyJeu 22 Juin 2017 - 21:05

Merci beaucoup !
Revenir en haut Aller en bas
http://bit.ly/2oPwMrS
Invité
Invité
Anonymous



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 31 Jan 2018 - 18:41

Merci beaucoup !
Revenir en haut Aller en bas
silas88
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 31 Jan 2018 - 22:51

Merci beaucoup !
Revenir en haut Aller en bas
http://s4-rnc.forumactif.com/
Ombi
Milouzien

Ombi



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyJeu 8 Mar 2018 - 22:08

Merci beaucoup !
Revenir en haut Aller en bas
https://vieminimaliste.forumactif.com/
toto56
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyVen 9 Mar 2018 - 5:40

Merci beaucoup !
Revenir en haut Aller en bas
http://www.capsovore.com
chrisnvidia
Milouzien

chrisnvidia



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 11 Mar 2018 - 13:18

Merci beaucoup !
Revenir en haut Aller en bas
https://sos-pc.forumactif.org/
servity
Milouzien

servity



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 12 Mai 2018 - 22:10

Merci beaucoup !
Revenir en haut Aller en bas
http://spirit-graph.forumactif.org/
alla13
Milouzien

alla13



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 13 Mai 2018 - 11:34

Merci beaucoup !
Revenir en haut Aller en bas
http://alla-omar.yoo7.com
Kaeyla
Milouzien

Kaeyla



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyMer 20 Juin 2018 - 3:17

Merci beaucoup !
Revenir en haut Aller en bas
https://sweethome.forumactif.com
fred9545
Milouzien

fred9545



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyVen 5 Avr 2019 - 21:32

Merci beaucoup
Revenir en haut Aller en bas
http://www.mecanique-auto.com/
Invité
Invité
Anonymous



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptySam 6 Avr 2019 - 19:03

Merci beaucoup
Revenir en haut Aller en bas
Ambroise
Milouzien

Ambroise



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 7 Avr 2019 - 12:10

Merci beaucoup
Revenir en haut Aller en bas
https://mon-forum-perso.forumactif.com/
soleda
Milouzien

soleda



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyDim 7 Avr 2019 - 16:44

Merci beaucoup
Revenir en haut Aller en bas
https://www.tutorielgraphismepfs.com/
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input EmptyLun 8 Avr 2019 - 14:01

Merci beaucoup
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Contenu sponsorisé





[TOUTES VERSIONS] Personnaliser tous les boutons input Empty
MessageSujet: Re: [TOUTES VERSIONS] Personnaliser tous les boutons input   [TOUTES VERSIONS] Personnaliser tous les boutons input Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Personnaliser tous les boutons input
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Personnaliser le body pour chaque catégorie
» [TOUTES VERSIONS] Mettre Youtube en plein écran sans logiciel extérieur tous forum
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
» [TOUTES VERSIONS] Restriction des boutons de message si le membre n'a pas assez de messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: