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

[horemaket]

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.

[Neptunia]

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.

[Invité]

Salut horemaket,

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

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

[Neptunia]

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

[horemaket]

oui milouze14

[Invité]

Re,

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

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   ..
a++

[Neptunia]

Merci Milouze14

[Invité]

Re,

Merci Milouze14

mais de rien ce fût un plaisir   .

a++

[horemaket]

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

[Invité]

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 bouton


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


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


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 bouton

a++

[horemaket]

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