Le site de vente de fleurs sur lequel je travaille m'a permis de découvrir les joies du paiement en ligne.

J'ai déjà installé sur le site le module de paiement Cyberplus (celui de la Banque Populaire). Ca me semblait compliqué au départ mais finalement, grâce à une contribution oscommerce, j'ai pu l'installer sans trop de difficulté. Ca semble fonctionner nickel, il ne me reste plus qu'à mettre le module en production.

Et voilà que le client souhaite installer Paypal sur son site comme mode de paiement supplémentaire. Alors Paypal j'en avais souvent entendu parler mais c'est tout. C'est-à-dire qu'en gros je n'y connaissais rien. Il a fallu donc que j'aille sur le site de paypal, que je crée un compte pour mon client et surtout que j'essaie de comprendre.

Et là, c'est drôlement compliqué. En effet, le site paypal.fr est très mal fait (du moins à mon goût). On ne comprend rien à ce que l'on doit faire après avoir créé le compte. Les informations sont très denses, se répètent, on est renvoyé d'une page à l'autre pour finalement tomber sur des pdf qui en disent beaucoup sans rien dire de concret, bref, juste le fait de surfer sur ce site m'a donné la migraine.

Heureusement qu'il y a la communauté oscommerce. En effet, j'ai exprimé ma nullité pour Paypal et posé mes questions sur le forum. Du coup, quelques forumeurs m'ont gentiment expliqué comment ça marche paypal, et qu'est-ce qu'il faut faire pour bien l'installer sur un site. Sans ce forum, je ne m'en serais pas sortie. (Mais d'ailleurs, aurais-je jamais pu faire un site d'e-commerce sans le forum oscommerce ? Je ne crois pas)

Cependant, même si j'ai mieux compris, ce n'est pas fini. Car avec tout ça il va falloir que j'explique à mon client comment ça marche et, pour faire ça, mieux vaut que j'ai tout compris moi-même.

Alors à bientôt pour mes nouvelles aventures avec Paypal !

C'est en voulant reproduire en css un graphisme effectué par un client sur un powerpoint que j'ai été amenée à me poser cette question : est-ce possible de diminuer l'opacité d'un élément tel qu'une balise div de façon à ce qu'il laisse voir par transparence le fond d'une page ?

Quelques rapides petits tours sur les tutoriels et forums m'ont appris l'existence d'une propriété css : opacity.

Pour que la propriété opacity fonctionne, il faut faire comme ça dans la feuille de styles :

 #div {
    opacity : 0.1;
    filter : alpha(opacity=10); 
 -moz-opacity : 0.1; 
  }

Le 0.1 correspond au niveau d'opacité demandé, ce nombre devant être compris entre 0 et 1 (0 est totalement transparent et 1 totalement opaque).
La propriété filter sert à faire fonctionner l'opacité sous Internet Explorer, cette fois-ci le nombre devant être compris entre 0 et 100 (100 étant totalement opaque, vous l'aurez deviné).
La propriété -moz-opacity, c'est la même chose mais spécifique à mozilla, ça aussi vous l'aurez deviné.

Et bien, devinez quoi ? C'est bien beau tout ça mais ça n'a pas marché. En effet, on peut arriver à faire fonctionner la propriété opacity sous bien des navigateurs mais sous IE7 ça ne marche pas !

Et oui, c'est encore Internet Explorer qui fait des siennes, pour changer ! (un jour il faudra que j'écrive un billet sur les problèmes que moi et nombre de Webmasters ont avec Internet Explorer, et même avec Microsoft en général, un jour il faudra...)

J'ai donc laissé tomber la propriété opacity car j'ai trouvé quelque chose de mieux encore : les gif ou png transparents.

En effet, il est possible d'enregistrer une image gif ou png transparente et de la mettre comme image de fond sur une div. Cette div aura alors un fond semi-opaque, sur Mozilla et même sur IE7, et laissera voir le fond de la page la contenant.

Du coup, mon code ressemble plutôt à ça :

#div  {
background-image: url(images/image_transparente.png);
}

Bien entendu, après coup, l'idée de l'image transparente de fond me paraît encore plus simple que la propriété opacity, mais vous savez ce que c'est, on perd souvent beaucoup de temps à  trouver l'idée la plus élémentaire...