Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

...

#PaylineWidget .pl-icon-close { color: #ABCDEF; }

            "padding-right", "padding-bottom", "padding-left", 'text-transform', 'text-decoration', 'letter-spacing', 'word-spacing',

            'line-height', 'text-align', 'vertical-align', 'direction', 'background-color',

            'background-image', 'background-repeat', 'background-position', 'background-attachment', 'opacity', 'margin-top',

            'margin-left', 'margin-right', 'margin-bottom'];

Extrait

Les fonctions de personnalisation du Widget en mode lightbox et en mode in-shop (tab/colonne).

Les attributes CSS pour l'intégration Widget :

       public static STYLE_ELEMENT_KEYS = ["font-size", "font-family", 'font-weight', 'font-style', "color", "padding-top",

DescriptionParamètre
la couleur du bandeau Enseigne

#PaylineWidget .pl-header-title-wrapper

{ background-color: #ABCDEF; }

la couleur du texte de l'Enseigne

#PaylineWidget .pl-header-title-content h4 { color: #ABCDEF; }

la couleur du texte du montant à payer

#PaylineWidget .pl-header-title-content p { color: #ABCDEF; }

la couleur du bouton de paiement

#PaylineWidget .pl-pay-btn { background-color: #ABCDEF; }

#PaylineWidget .pl-pay-btn:hover { background-color: #ABCDEF; }

la couleur de fond du formulaire

#PaylineWidget .pl-body { background-color: #ABCDEF; }

la couleur de la zone moyen de paiement

#PaylineWidget .pl-pmContainer {
background-color: #ABCDEF;
border-color: #ABCDEF; }

la couleur du bouton fermer la lightbox


Le détail de la liste des class :

DescriptionClass
Définit la taille de caractères de l'élément.font-size
Définit la famille de polices à utiliser pour afficher le contenu.font-family
Définit l'épaisseur de la police de caractères à appliquer à l'élément.font-weight
Détermine si l'élément doit être affiché en caractères normaux, italiques ou obliques.font-style
Définit la couleur du texte affiché au premier-plan de l'élément.color
Ces quatre propriétés permettent de définir individuellement le remplissage à appliquer à chaque côté d'un élément.padding-top, padding-bottom, padding-right, padding-left
Contrôle la capitalisation du texte d'un élément.

text-transform

Définit les enrichissements à appliquer au contenu d'un élément (souligné, barré, barre supérieure et clignotement).

text-decoration

Définit l'espacement entre les caractères à l'intérieur d'un élément.

letter-spacing

Définit l'espacement entre les mots lorsque le texte n'est pas soumis à des règles d'espacement externes.

word-spacing

Définit la hauteur de la zone contenant une ligne physique du contenu.

line-height

Détermine l'alignement horizontal du texte à l'intérieur d'un élément.text-align
Deux valeurs, top et bottom, déterminent le positionnement du texte à l'intérieur de ce cadre.vertical-align
Définit le sens d'affichage des éléments de contenu incorporés et l'ordre de remplissage des cellules de tableau sur une ligne.direction
Définit la couleur d'arrière-plan de l'élément.background-color
Définit l'image d'arrière-plan à associer (le cas échéant) à l'élément.background-image
Indique la nécessité ou non de répéter l'image d'arrière-plan.background-repeat
Définit l'emplacement du bord gauche et du bord supérieur de l'image d'arrière-plan.background-position
Définir si l'image défile par rapport au document.background-attachment
L'opacité d'un élément est le contraire de sa transparenceopacity
Définir les marges d'un élément.margin-top, margin-top, margin-left, margin-right, margin-bottom