améliorer la visibilité du lien "achat des crédits"

2 participants

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

Résolu améliorer la visibilité du lien "achat des crédits"

Message par horemaket Ven 4 Avr 2014 - 17:55

bonjour a tous,

j'aimerais savoir comment rendre plus visible la fonction "achat de crédits" car actuellement cette fonction est perdu en bas de page et pas forcement tres visible.

je ne voudrais pas que ce soit trop intrusif mais plus visible et surtout plus accrocheur, du style remplacer "achat de credits" par "soutenez votre forum" ou quelque chose dans le genre.

comment procéder car actuellement dans mon PA, je ne peux que personnaliser le texte de l'annonce mais pas le titre ?  

Merci a vous.


Dernière édition par horemaket le Ven 4 Avr 2014 - 19:55, édité 1 fois
avatar

horemaket
**

Masculin
Messages : 78
Inscrit(e) le : 23/03/2013

http://www.alarmes-maisonsansfil.com/
horemaket a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Neptunia Ven 4 Avr 2014 - 18:24

Bonjour ^^


Je propose deux solutions.

La première enlève le lien du footer, cela te permettra de remettre le lien où tu veux et avec le nom et l'apparence qui te conviennent.
Rajouter ceci à ton CSS
Code:
#page-footer a[href^='/buy-credits'] { display: none; }

La deuxième solution consiste à modifier le style du lien existant
Code:
#page-footer a[href^='/buy-credits'] {
  font-weight: bold;
  color: #FF0000;
}
#page-footer a[href^='/buy-credits']:hover {
  font-size: 14px;
  font-style : italic;
  color: #88EB7F;
}

Tu peux évidemment rajouter d'autres attributs. Mon exemple donne un lien en rouge et en gras et vire au vert, italique et taille 14px au survol.

Il est possible de changer l'intitulé via javascript mais je ne sais pas encore le faire.




J'ai testé ce code en phpBB3 (il devrait aussi fonctionner en phpBB2)

Merci de fournir le lien de ton forum si mon code ne fonctionne pas.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Invité Ven 4 Avr 2014 - 18:32

Salut horemaket,

edit :
AoF-Neptune tu as été plus rapide que moi  Very Happy  .

désires tu avoir ce lien ( avec modification de l'intitulé )
dans une cellule qui sera affiché en permanence en bas de page ?
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Neptunia Ven 4 Avr 2014 - 18:44

J'ai p'têt été plus rapide mais je veux bien le moyen de changer l'intitulé tout en le laissant dans le footer Wink
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par horemaket Ven 4 Avr 2014 - 18:46

oui milouze14
avatar

horemaket
**

Masculin
Messages : 78
Inscrit(e) le : 23/03/2013

http://www.alarmes-maisonsansfil.com/
horemaket a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Invité Ven 4 Avr 2014 - 19:16

Re,

AoF-Neptune a écrit:J'ai p'têt été plus rapide mais je veux bien le moyen de changer l'intitulé tout en le laissant dans le footer Wink

Un tit Javascript comme celui-ci (sur toutes les pages) :
Code:

$(function(){
$('div#page-footer a[href^="/buy-credits"]').html('Soutenez votre forum').addClass('M14_credit');
        });

On change l'intitulé et on lui donne une class:
de ce fait si on dépose dans la css ceci:

Code:

.M14_credit
{
position:fixed;
background:white;
border:1px solid red;
padding:2px 5px 2px 5px ;
right:30px;
bottom:0;
}
a.M14_credit
{
color:black;
font-size:15px;
text-decoration:none !important;
}
a.M14_credit:hover
{
color:red;

}


On fixe le bloc en bas à droite puis on lui donne une couleur de fond , des bordures etc etc  Wink ..
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Neptunia Ven 4 Avr 2014 - 19:31

Merci Milouze14 Wink
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Invité Ven 4 Avr 2014 - 19:36

Re,
AoF-Neptune a écrit:Merci Milouze14 Wink

mais de rien ce fût un plaisir  Wink .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par horemaket Ven 4 Avr 2014 - 19:42

merci mais je ne comprend pas le terme " on lui donne une classe"? c'est quoi? c'est un titre en fait?

avatar

horemaket
**

Masculin
Messages : 78
Inscrit(e) le : 23/03/2013

http://www.alarmes-maisonsansfil.com/
horemaket a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par Invité Ven 4 Avr 2014 - 19:49

Re,
ha ...

Pour le Javascript:

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

Colles ceci:
Code:

       
        $(function(){
        $('div#page-footer a[href^="/buy-credits"]').html('Soutenez votre forum').addClass('M14_credit');
                });

Penses à cliquer sur le boutonaméliorer la visibilité du lien "achat des crédits"  Boutonvalider


Le fait d'attribuer une class , nous donne la possibilité de faire presque
tout ce que l'on veut  Wink .


Fait un essai pour voir ,
ensuite modifies les couleurs car elles ne sont pas chouettes  Very Happy .


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

Code:

        /*le bloc*/
        .M14_credit
        {
        position:fixed;
        background:white;
        border:1px solid red;
        padding:2px 5px 2px 5px ;
        right:30px;
        bottom:0;
        }
    /* le lien */
        a.M14_credit
        {
        color:black;
        font-size:15px;
        text-decoration:none !important;
        }
    /* le lien au survol*/
        a.M14_credit:hover
        {
        color:red;
       
        }
       

Penses à cliquer sur le boutonaméliorer la visibilité du lien "achat des crédits"  Boutonvalider

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: améliorer la visibilité du lien "achat des crédits"

Message par horemaket Ven 4 Avr 2014 - 19:55

Mais c'est parfait, ça me convient parfaitement. c'est discret mais visible. Je laisse telle quelle.

Un grand MERCI a vous et notamment a Milouze14

 cheers ok 
avatar

horemaket
**

Masculin
Messages : 78
Inscrit(e) le : 23/03/2013

http://www.alarmes-maisonsansfil.com/
horemaket 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