Agrandir / Grossir un bouton d'achat PAYPAL

Bonjour tout le monde,
J'ai un blog Over-Blog (oui, basique, mais quand même Premium). Récemment, j'ai installé un bouton Paypal pour vendre un de mes ouvrages jeunesse. Quelqu'un m'a fait remarquer, à juste titre qu'il set minuscule... Comment faire pour le rendre plus visible.
Voici le code que m'a fourni Paypal :


<form action="https://www.paypal.com/cgi-bin/webscr"; method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="JV36JRKHEQDM4">
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_buynow_LG.gif"; border="0" name="submit" alt="PayPal, le réflexe sécurité pour payer en ligne">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif"; width="1" height="1">
</form>

Merci pour votre aide...

Réponses

  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    Essaie ceci :
    [== html ==]
    <input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_buynow_LG.gif"
        border="0" width="93" height="26" name="submit"
        alt="PayPal, le réflexe sécurité pour payer en ligne" />
    
    2 petites remarques :
    tu dois pouvoir virer :
    [list=*]
    [*]name="submit" dans la ligne ci-dessus[/*]
    [*]virer avec pixel.gif width="1" heigh="1" ... ( Cela pénalise le téléchargement de ta page )[/*]
    [/list]
    C'est quoi le rapport avec PluXml :D
  • Merci Bazouka, je vais essayer demain.
    Aucun rapport avec PluXML :8
    Je suis venue ici suite à une recherche Google sur ce problème et je croyais que je pouvais poser des questions sur d'autres sujets... La discussion datant de 2012,on me suggérait de reposer la question... Voilà pourquoi.
    Je le ferai demain car là, j'ai d'autres choses à faire.
    Françoise
    PS : je veux juste agrandir ce satané bouton !
  • C'est votre feuille de style qui force la hauteur de votre image à 18 pixels alors que l'image originale était de 47 pixels. Simplement forcer la hauteur comme suggéré par notre ami Bazooka07 avec une valeur un peu plus grande que 18, je ne sais pas si 26 sera assez, peut-être un peu plus sera mieux. Déconseillé de forcer aussi la largeur, seulement la hauteur suffira.
    [== HTML ==]
    <input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="PayPal, le réflexe sécurité pour payer en ligne" style="height:26px;">
    
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    @Francoise,
    Fais ton essai demain. Si cela ne marche pas donne le lien vers ton site.

    Ceci dit sans présumer de quel bien ou service que tu cherches à monnayer, il serait judicieux de prendre un hébergement avec son nom de domaine.C'est pas la ruine ( <50€ /an).
    Cela évitera des bandeaux publicitaires.

    @Pierre,
    les dimensions que j'ai donné sont celles de l'image.
  • Je te sauve du temps:

    Son site est http://francoisegrenierdroesch.over-blog.com , elle est romancière, on y vend ses livres à ne pas lire avant d'aller dormir...

    L'image du bouton Paypal est forcée en hauteur par le CSS de son formulaire qui donne une hauteur générique fixe pour les boutons sociaux Facebook, Pinterest, etc. Tu étais sur la bonne voie, diriger un peu le style juste pour la hauteur fera l'affaire en deux minutes. Elle verra si le 26 doit être ajusté un peu à la hausse ou à la baisse.
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    juillet 2017 modifié
    Effectivement cela gagne du temps :

    oubliez ce que j'ai proposé au début et faire ce qui suit :

    Dans le fichier :
    99/00/00/01/designs/382/default/7.css
    modifier la ligne n°9 pour mettre la règle pour l'attribut height en commentaires, comme ceci :
    [== CSS ==]
    input {border:solid 1px #dedede; font-size:100%; background-color:#FFF; color:#000000; /* height: 18px; */ }
    

    Comme cela, le bouton prendra sa taille originale.

    S'il n'est pas possible de modifier ce fichier, modifier le code pour le bouton comme suit, en rajoutant une clause de style :
    [== HTML ==]
    <input src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal, le réflexe sécurité pour payer en ligne" style="height: 49px;" border="0" type="image">
    

    Pas trop le temps de jeter un oeil à cette oeuvre littéraire mais les feuilles de style que j'ai vu m'énervent grave.
    Il y a vraiment des gens qui codent avec leurs pieds.

    Le genre de site à basculer sur Pluxml ( un bouquin = un article ) :/

    P.S. : Dans la sidebar, le lien vers Facebook est mort.
  • :lol: Merci Bazooka !!! Voici le lien direct de cette page :
    http://francoisegrenierdroesch.over-blog.com/preview/d5bf9eae671bc37bf1c79525d0355a7b08f6f2d7
    Peut-être qu'à présent, est-il trop gros :O Mais c'est déjà super ! Je peux descendre un peu en dessous de 49...
    Je verrai pour les autres pages dans la soirée. :)
    En effet Pierre, j'écris et parfois quand mes textes sont acceptés et publiés, j'achète des exemplaires avec une réduction auteur et aimerais en vendre ailleurs que sur les salons où je m'inscris parfois... Comment m'avez-vous trouvé ? Je suis bluffée.
    À un de ces jours si je veux changer de système car c'ets sûr que la pub et les bizarreries de ce blog dessert mon travail... Enfin, je suis nullissime ne informatique :/
  • nom d'usager fgrenier + prénom Françoise + blog actif chez over-blog = recherche Google assez simple
  • Francoise des qu'on a une presence sur Internet quelqu'un va te trouver si il le veut vraiment.

    mais la comme le dit Pierre tu lui avais facilite la tache :D
Connectez-vous ou Inscrivez-vous pour répondre.