Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Code pour arrondir les angles

513 appréciations
Hors-ligne
Bonjour, 
C'est pour mon blog ( Il était une fois NOËL ) je voudrai savoir svp si il existait un code en Html pour arrondir les angles dans la page d'accueil ?
C'est pour mes bordures .

161 appréciations
Hors-ligne
 pixelles


La propriété border-radius permet d'arrondis les angles .


Voila un code à installer en Html pour arrondir les angles de ta page d'accueil 






Ou tu peux définir une valeur d'arrondi différente pour chacun des angles.




Les valeurs sont lues dans le sens horaire, en commençant par l'angle en haut à gauche. Ainsi :

Premier X   en haut à gauche. 
Deuxième X   en haut à droite. 
Troisième X   en bas à droite. 
Quatrième X   en bas à gauche. 

Bonne jounée

Dernière modification le jeudi 04 Octobre 2018 à 12:26:56

513 appréciations
Hors-ligne
Bonjour Stéphane et merci  simplement ils sont indiqués où les codes?

161 appréciations
Hors-ligne
re

Petits soucis dès que l'on installe le code directement sur le forum il s'efface

Alors je te l'ai remis le code avec photofiltre voir  plus haut.




513 appréciations
Hors-ligne
OK merci , je vais essayer 

513 appréciations
Hors-ligne
Bon comme il fallait s'en douter cela ne fonctionne pas il n'accepte aucun code, alors est ce que je le place mal ou mal recopier  pouvez vous m'aider svp 

161 appréciations
Hors-ligne
re



Pour ta page d'accueil c'est un Code en CSS a intégrer le style à une page HTML il suffit pour cela de l'encadrer par ces deux balises ci-dessous.


Et si ça fonctionne je l'utilise pour mon blog.




Dernière modification le jeudi 04 Octobre 2018 à 15:31:20

513 appréciations
Hors-ligne
je le met ou exactement ?


Dernière modification le jeudi 04 Octobre 2018 à 17:15:07

161 appréciations
Hors-ligne
 pixelle

Ton code c'est plusieurs tableaux 
 

C'est un code html pour arrondir les coins de tes tableaux que tu veux mais pas pour  arrondir les coins de la bordure de ta page d'accueil.


Dans tes tableaux après border-style: solid;

essaie en rajoutant   border-radius: 10px; 

Dernière modification le jeudi 04 Octobre 2018 à 19:18:09

513 appréciations
Hors-ligne
Bonsoir Stéphane , c'est génial ça fonctionne pour le 1er tableau , donc je répète pour les autres tableaux ,  et pour les bordures ? c'est quel code stp

161 appréciations
Hors-ligne

Pour  arrondir les coins de la bordure de ta page d'accueil.

Tu mets ce code au début de ta page html avant tes tableaux




Dans le code j'ai mis 20px, tu peux diminuer ou augmenter la valeur.




Dernière modification le jeudi 04 Octobre 2018 à 21:57:13

513 appréciations
Hors-ligne
Bonjour Stéphane, désolée cela ne fonctionne pas

161 appréciations
Hors-ligne
 pixelles

Je ne comprend pas car je viens d'installer le code HTML avec la valeur de 50px sur ma page d'accueil pour te montrer que ce code fonctionne. 

Regarde sur ma page d'accueil les coins sont bien arrondis  ici


As tu bien installer ce code dans ta page d'accueil au début de ta page en html avant tes tableaux ?

513 appréciations
Hors-ligne





161 appréciations
Hors-ligne


Ton contenu est de qu'elle couleur ?

Car si elle de couleur rouge le code fonctionne.

Pour la bordure es que ça ne vient pas de ton code dans le css Rapiddesign

Dernière modification le vendredi 05 Octobre 2018 à 11:31:49

513 appréciations
Hors-ligne
Mon contenu est vert foncé , pour le rapiddesign je ne sais pas désolée

513 appréciations
Hors-ligne
pour faire suite , est ce possible SVP ou pas d'arrondir les angles ?
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5824 autres membres