Ouvrir une demande d'aide
Connexion

Récupérer mon mot de passe

Derniers sujets
» Sur les moteurs de recherche
Mar 30 Aoû 2016, 14:03 par Alicia Hopeful

» Date d’un article sur un blog
Lun 27 Juin 2016, 19:50 par Gérard du 07

» achat de crédits défectueux
Mer 11 Mai 2016, 12:33 par Nicoape

» Intégration d'un sondage sur le blog
Mer 27 Avr 2016, 20:40 par Nicoape

» Articles apparaissant dans la partie module
Mer 27 Avr 2016, 11:06 par Nicoape

» (#2105): Problème d'affichage des commentaires
Sam 16 Avr 2016, 19:34 par Singleton

» Présentation des membres
Sam 16 Avr 2016, 18:40 par Zeno

» inserer un tableau dans un article
Dim 27 Mar 2016, 20:28 par Nicoape

» Répertoriage de mon blog sur les moteurs de recherche
Lun 14 Mar 2016, 16:01 par Nicoape

» Redirection Adf.ly
Ven 04 Mar 2016, 21:55 par mespetitstresors

Les posteurs les plus actifs du mois
Moustache
 
Caryle chaverot
 
kikikapitaine
 
Zeno
 
Singleton
 

Qui est en ligne ?
Il y a en tout 3 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 3 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 183 le Mar 16 Juil 2013, 12:37

Arrondir les coins de vos articles

Voir le sujet précédent Voir le sujet suivant Aller en bas

Astuce Arrondir les coins de vos articles

Message par Singleton le Dim 12 Fév 2012, 12:11

Arrondir les coins de vos articles


Le but de ce tutoriel est de vous expliquer comment arrondir les coins de vos articles. Le résultat obtenu sera celui-ci:


Attention : Sur certains navigateurs comme Internet Explorer, il se peut que cette astuce ne fonctionne pas. Nous vous invitons fortement à changer de navigateur pour un plus "récent" : Firefox, Chrominium ...

Pour mettre des bords arrondis à vos articles, il suffit de suivre les étapes suivantes :

  1. Allez dans votre panneau d'administration → Blog ou Multiblog → Thème personnalisé → Edition experte.

  2. Entrez ce code dans votre CSS :

    Code:
    .post {
    border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            padding: 2px;}

  3. Vous avez la possibilité de paramétrer le "degré" des arrondis de vos articles en changeant le nombre après "px" (pixel).


N'oubliez pas d'enregistrer une fois que vous avez terminé !

Vous pouvez réaliser ce tutoriel sur d'autres endroits de votre blog en remplaçant la classe ".post" par :

.module pour arrondir les bords de vos modules ;
.comment pour arrondir les bords de vos commentaires.

Vous pouvez trouver une liste des attributs CSS dans Blog ou MultiBlog → Thème personnalisé → Edition avancée.

Ce tutoriel a été rédigé par le Staff du Forum des Blogs,
Et en particulier par Wave.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

Singleton
Adminblog
Adminblog

Masculin
Messages : 1508

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum