Css Archives - Dootech

Tricks css : clip-path pour appliquer des formes à vos images

Dootech — Fri, 01 Apr 2022 09:40:00 +0000

Clip-path est une propriété très intéressante qui permet de couper la partie visible des éléments SVG, des images ou de tout élément HTML. Avant que cette propriété ne soit largement prise en compte par les navigateurs, la seule option était d’enregistrer les images au format PNG avec un arrière-plan transparent ou d’ajouter la couleur d’arrière-plan Lire la suite ...

Cet article Tricks css : clip-path pour appliquer des formes à vos images est apparu en premier sur Dootech.

Comment afficher une image de produit alternative au survol sur Shopify

Dootech — Wed, 16 Mar 2022 09:17:00 +0000

Avez-vous remarqué que sur certaines boutiques Shopify, lorsqu’on survol avec la souris l’image d’un produit, celle-ci change. Et bien dans ce tutoriel vous allez pouvoir le faire sans passer par la moindre application. L’effet de survol d’image attire l’attention et permet d’augmenter l’attrait pour les éléments de votre page. Cet effet de survol sera visible Lire la suite ...

Cet article Comment afficher une image de produit alternative au survol sur Shopify est apparu en premier sur Dootech.

Comment créer un texte vertical

Dootech — Thu, 05 Dec 2013 12:48:32 +0000

Il arrive dans certains cas, comme moi ce matin, où l’on veuille écrire un texte vertical pour les besoins d’un site internet ou une application web. Il n’y a pas de solution miracle mais après quelques recherches, voici les solutions que j’ai trouvé. Solution 1 : Utiliser le tag <br> La plus simple solution, mais Lire la suite ...

Cet article Comment créer un texte vertical est apparu en premier sur Dootech.

Ajouter une icone pour signaler un lien sortant

Dootech — Tue, 24 Sep 2013 01:29:02 +0000

Voici un petit code CSS tout simple qui vous permet d’ajouter une petite flèche à coté des liens pour signaler qu’ils pointent vers des liens externes. a[href^="http"] { background: url(path/to/external/icon.png) no-repeat; padding-right: 10px; }

Cet article Ajouter une icone pour signaler un lien sortant est apparu en premier sur Dootech.

Comment créer un super site web à page unique avec jQuery

Dootech — Tue, 06 Aug 2013 01:48:07 +0000

Les sites web à page unique ou One Page Navigation en anglais sont devenu à la mode surtout après que plusieurs marques de renommées mondiales l’ont utilisés pour présenter de façon originale le lancement d’un produit ou un service. Vous pouvez consulter la démonstration ici : Démo Si vous souhaitez faire la même chose voici Lire la suite ...

Cet article Comment créer un super site web à page unique avec jQuery est apparu en premier sur Dootech.

Comment créer un menu flottant avec jQuery

Dootech — Mon, 05 Aug 2013 23:07:37 +0000

Voici comment créer un menu flottant qui suit l’utilisateur lorsqu’il navigue sur le site. Le menu sera placé à gauche de notre site et lorsqu’on monte ou on descend, il sera toujours visible avec de jolies animations. Vous pouvez consulter la démonstration ici : Démo Commençons par créer la structure de notre fichier html. <div id="wrapAll"> Lire la suite ...

Cet article Comment créer un menu flottant avec jQuery est apparu en premier sur Dootech.

Comment personnaliser les checkbox avec le CSS

Dootech — Thu, 18 Jul 2013 11:54:48 +0000

S’il est très facile de changer l’apparence des champs de formulaire text et submit via le css, en revanche changer l’apparence des Checkbox n’est pas une chose aisée et pourtant comme on va le montrer dans la suite de cet article un peu de bidouillage et l’affaire est dans le sac. Au départ nous avons Lire la suite ...

Cet article Comment personnaliser les checkbox avec le CSS est apparu en premier sur Dootech.