Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

2 participants

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

Résolu Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Peguy Kemayou Dim 20 Mai 2018 - 17:11

salut les gens Smile  aujourd'hui je fais ce topic car je sollicite votre aide en ce qui concerne la personnalisation ou du moins la modification du bouton modifier, vous savez  Neutral le bouton que tout le monde est censé voir mais que personne ne voie jamais au final Ptdr .

Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".  180520042454235318

ce bouton joue un role crucial dans l’évolution de mon forum mais il est à mon avis malheureusement pas assez visible de mes visiteurs en effet j'aimerai que ce bouton sois rendu plus beau plus esthétique bref plus visible  Exclamation

j'aimerai par exemple que le nouveau bouton ressemble à quelque chose dans ce genre là:
Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".  3685216789
Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".  2398224970
Warning


Dernière édition par Peguy Kemayou le Lun 21 Mai 2018 - 22:06, édité 1 fois
Peguy Kemayou

Peguy Kemayou
**

Masculin
Messages : 56
Inscrit(e) le : 16/06/2016

Voir le profil de l'utilisateur https://tricktechforever.com/
Peguy Kemayou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Faline Dim 20 Mai 2018 - 19:37

Bonsoir,

On pourrait mettre une image bien visible à la place du mot "Partagez".

Pour phpbb2 :
Template viewtopic_body à la ligne 80 remplacer
Code:
{L_SHARE}

par

Code:
<img src="url_image_choisie"/>
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Peguy Kemayou Lun 21 Mai 2018 - 0:38

salut est ce que sa marche aussi si j'utilise ce bouton creer sur un autre site !??
car oui, je souhaite vraiment utilisé un bouton en css ou un truck dans ce genre vu que les images "partager" sa cour pas vraiment le web

Code:

Text

Partager pour soutenir votre forum
 
classname: myButton
 
Font Size:
12px
  bold   italic
Size
Vertical Size:
12px
Horizontal Size:
14px
Border
Border Radius:
28px
Border Size:
1px
  Box Shadow
 Text Shadow
Vertical Position:
2px
Horizontal Position:
0px
Blur Radius:
7px
 <a href="#" class="myButton">Partager pour soutenir votre forum</a>

.myButton {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #40961e), color-stop(1, #2041e6));
 background:-moz-linear-gradient(top, #40961e 5%, #2041e6 100%);
 background:-webkit-linear-gradient(top, #40961e 5%, #2041e6 100%);
 background:-o-linear-gradient(top, #40961e 5%, #2041e6 100%);
 background:-ms-linear-gradient(top, #40961e 5%, #2041e6 100%);
 background:linear-gradient(to bottom, #40961e 5%, #2041e6 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40961e', endColorstr='#2041e6',GradientType=0);
 background-color:#40961e;
 -moz-border-radius:28px;
 -webkit-border-radius:28px;
 border-radius:28px;
 border:1px solid #18ab29;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:12px;
 font-style:italic;
 padding:12px 14px;
 text-decoration:none;
 text-shadow:0px 2px 7px #181a18;
}
.myButton:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2041e6), color-stop(1, #40961e));
 background:-moz-linear-gradient(top, #2041e6 5%, #40961e 100%);
 background:-webkit-linear-gradient(top, #2041e6 5%, #40961e 100%);
 background:-o-linear-gradient(top, #2041e6 5%, #40961e 100%);
 background:-ms-linear-gradient(top, #2041e6 5%, #40961e 100%);
 background:linear-gradient(to bottom, #2041e6 5%, #40961e 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2041e6', endColorstr='#40961e',GradientType=0);
 background-color:#2041e6;
}
.myButton:active {
 position:relative;
 top:1px;
}
Peguy Kemayou

Peguy Kemayou
**

Masculin
Messages : 56
Inscrit(e) le : 16/06/2016

Voir le profil de l'utilisateur https://tricktechforever.com/
Peguy Kemayou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Faline Lun 21 Mai 2018 - 1:05

Si vous voulez essayer ce code, il faudra tenir compte de l'identifiant qui n'est pas le même qu'ici. Ici c'est

Code:
.addthis_button {
...
}
...
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Peguy Kemayou Lun 21 Mai 2018 - 8:00

ok, je vais dans mon code et je remplace

myButton par addthis_button

et ensuite je met tout ce beau monde ou Faline !??
Peguy Kemayou

Peguy Kemayou
**

Masculin
Messages : 56
Inscrit(e) le : 16/06/2016

Voir le profil de l'utilisateur https://tricktechforever.com/
Peguy Kemayou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Faline Lun 21 Mai 2018 - 16:01

Cela ira dans la feuille de styles (Panneau d'admin -> Affichage -> Couleurs - onglet feuille de style CSS).

On peut y mettre seulement ce qui est vraiment un style, donc de la forme syntaxique

Code:
identifiant {
...
}
Soit à partir de la ligne 31 de votre code. Ce qui s trouve avant devra encore être intégré d'une manière ou d'une autre...
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier le design, ou tout simplement l’intégralité du bouton "modifier".

Message par Peguy Kemayou Lun 21 Mai 2018 - 22:05

merçi pour l'aide que vous m'avez apporté.
je passe de suite le sujet en resolu
Peguy Kemayou

Peguy Kemayou
**

Masculin
Messages : 56
Inscrit(e) le : 16/06/2016

Voir le profil de l'utilisateur https://tricktechforever.com/
Peguy Kemayou a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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