Css Magician is loading ...

Élément sélectionnéModifier par CLASS

Modifier uniquement cet élément
Normal::before::after
Aucun état:hover

Bordure

Tous les arrondis

!Haut Gauche
!Haut Droit
!Bas Droit
!Bas gauche
Toutes les Bordures

!Gauche
!Haut
!Droit
!Bas


Toutes les couleurs

!Gauche
!Haut
!Droit
!Bas

Texte

!Couleur
Utiliser Dégradé



!Hover

!Police
!Taille Police

!Hauteur Ligne

!Gras!Italic


!---- Ombre ----

Horizontal
Vertical
Flou
Couleur

Fond

!Couleur
Utiliser Dégradé




!Couleur Hover

Télécharger une image de fond
Choisir une image de fond
!

!Répéter X-YNe pas RépéterRépéter XRépéter Y

!ScrollFixé

!autocovercontain

!Largeur
Hauteur
!Position Gauche
!Position Haute

Marges / Espaces

Toutes les marges
!Gauche
!Haut
!Droit
!Bas
Tous les espaces
!Gauche
!Haut
!Droit
!Bas

Largeur / Hauteur

!Largeur
Pixels
!Hauteur
Pixels
!Min-Width
Pixels
!Max-Width
Pixels
!Min-Height
Pixels
!Max-Height
Pixels

Ombre de boite

!
Vertical
Horizontal
Flou
Propagation
Couleur Ombre

Position

!Haut
!Gauche
!Droit
!Bas
!Z-Index
!Position relativeAttention: Modifier uniquement cet élément non validé

Transformation

!
Echelle
Rotation
Translation X
Translation Y
Oblique X
Oblique Y

Animation Simple

Lorsque

Lancer Animation

Boucle infinie

Vitesse

Tester Animation

SVG

Couleur Ligne
Couleur Fond
Epaisseur Ligne

CSS Personnalisé

CSS Personnalisé

Description

Description de la modification

Ajouter Nouveau Bloc

Où ajouter le bloc

Ajouter un nouveau bloc
Modifier Miniatures produits

Cacher Editeur de Bloc
Activer Inspecteur Dom
Css Magician
Lorsque un sous menu est ouvert, cliquez sur CTRL afin de le forcer à rester ouvert.
V.2.0.3
EDITEUR CSS
EDITEUR JAVASCRIPT
Cliquez simplement sur le Widget que vous voulez utiliser. Il sera ajouté dans la colonne courante. Css Magician Widgets
Prestashop Modules








Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician





(en savoir plus sur les fonctions d'accélérations)
Choisir Audio

Téléverser Fichier Audio (uniquement MP3)
Choisir une image

Téléverser une image
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)


Ouvrir dans un nouvel Onglet








Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)







Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Utiliser un Widget flottant

Utiliser Dégradé

Choose a background Image

Téléverser une image de fond
Choisir une vidéo de fond

Téléverser une vidéo de fond.
Utiliser la Parallaxe Css Simple
Utiliser la parallaxe Réelle






Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)





Compteur inversé
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Afficher %


Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Retournement Horizontal
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Ajouter Bouton de partage

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Boucle Infinie
Yoyo


Stop Animation (pour travailler sur les caractères)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir une image

Téléverser une image


px

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir une image

Téléverser une image


Inversez la valeur Cx de 0 à 100 et inversement lorsque vous passez de gauche à droite et de droite à gauche.


Inversez la valeur Cx de 0 à 100 et inversement lorsque vous passez de gauche à droite et de droite à gauche.

Passez à la ligne lorsque vous arrivez au bout du conteneur.
Sinon, vous aurez un saut et le contenu sera à l'extérieur du conteneur.
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir Image

Téléverser une image
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)


Cliquez sur la mise en page que vous désirez utiliser.
IL sera possible de le modifier comme vous voulez avec l'éditeur de grille.
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Déplacer le texte de droite à gauche.
Stop Animation (pour travailler sur le texte)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Origin

Votre Thème Original

Style 1
-20% Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 2
-20% Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 3
-20% Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 4
-20% Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 5
-20% Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 6
-20% Nom Produit

Nom Produit

20.00 € 16.00 €
Style 7
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Style 8
-20% Nom Produit

Nom Produit

20.00 € 16.00 €
Style 9
-20% Nom Produit

Nom Produit

20.00 € 16.00 €
Style 10
-20% Nom Produit

Nom Produit

20.00 € 16.00 €
Style 11
-20%
Nom Produit

Nom Produit

Description courte produit.
20.00 € 16.00 €
Style 12
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 13
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 14
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 15
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 16
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 17
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 18
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 19
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 20
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 21
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 22
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 23
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 24
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.
Style 25
-20%
Nom Produit

Nom Produit

20.00 € 16.00 €
Description courte produit.

Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Toutes les marges
Gauche

Haut

Droite

Bas
Marge Vertical

Marge Horizontal

Utiliser Dégradé
Choose a background Image

Téléverser une image de fond
Choose a background Video

Téléverser une vidéo de fond

Ajouter des Particules de Fond
Utiliser Parallaxe Css simple
Afficher la navigation
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir SVG

Téléverser SVG
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)




None Box Open Box Fill Twirl Box Slide Left
Box Slide Right Box Slide Up



Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir une image de fond

Téléverser une image de fond
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)
Choisir une vidéo

Nom vidéo ou URL (*.mp4, youtube, vimeo, dailymotion)
Téléverser une vidéo (uniquement MP4)
Contrôles
Lancement auto
Tourne en Boucle
Son désactivé
Tous les autres styles peuvent être modifiés avec le Stylizer de Css Magician.





(en savoir plus sur les fonctions d'accélérations)

Vous avez déjà un compte ? Connectez-vous !

(Ex. : 31/05/1970)
Optionnel