Tutoriel | Arrondir certains angles uniquement (grĂące au CSS)

Pingview Tutoriels & astuces
1

:hourglass: Temps nécessaire : 2 min
:thermometer: Niveau de difficulté : 1/5
:penguin: Sources de données nécessaires : 0

Introduction

Un titre avec un fond de couleur dans le haut d’un rectangle avec des coins arrondits sera plus harmonieux visuellement si les coins infùrieurs ne le sont pas, comme l’exemple ci-dessous :

image

Pour faire cela, il vous faudra passer par la personnalisation CSS de Pingview.

Cliquez sur le bouton se situant dans le menu situĂ© dans le coin supĂ©rieur gauche du concepteur pour ouvrir l’éditeur de CSS.

image

Collez ce code :

.arrondis {
    border-radius: 10px 10px 0 0 !important
}

:warning: Vous pouvez remplacer les valeurs par d’autres. 0 = pas d’arrondis.

Voici l’aperçu dans l’éditeur de CSS Pingview :

image

Appliquez votre CSS Ă  un widget texte

  • SĂ©lectionnez ensuite les propriĂ©tĂ©s graphiques du widget texte, puis sĂ©lĂ©ctionnez la classe correspondante Ă  celle qui est dans la fenĂȘtre du code CSS (arrondis, ici).