Membres connectés récemment
[PhpBB2] Avatar derrière cadre
2 participants
Page 1 sur 1 • Partagez
- Version du forum :PhpBB2
- Templates modifiés :non
- Navigateur :Opera
Bonjour,
Voulant faire une déco noel, j'ai mis un encadrement sur l'avatar
L'avatar se trouve devant ce cadre
J'aimerais savoir si c'est possible que cet avatar soit derrière le cadre fait avec du css dans la feuille de style
L'adresse de mon forum d'essai :
https://mon-forum-perso.forumactif.com/
Je vous met le css utilisé :
Je met également l'image
Voulant faire une déco noel, j'ai mis un encadrement sur l'avatar
L'avatar se trouve devant ce cadre
J'aimerais savoir si c'est possible que cet avatar soit derrière le cadre fait avec du css dans la feuille de style
L'adresse de mon forum d'essai :
https://mon-forum-perso.forumactif.com/
Je vous met le css utilisé :
- Code:
/*CADRE ENCADREMENT AUTOUR DE L AVATAR*/
.postdetails.poster-profile a img {
border : 30px solid transparent; /* couleur du cadre */
border-image: url(https://i.servimg.com/u/f32/11/94/15/08/ec152e10.png) 50 round;
-moz-border-radius: 5px; /* arrondi le cadre */
-webkit-border-radius: 5px;
border-radius: 5px;
}
Je met également l'image
Coucou Ambroise,
Hello
Ton profil est incomplet.
Merci de lire et d'accepter le règlement:
Cliques ici pour le visualiser et l'accepter.
Je reviens vers toi ensuite pour ta demande mon ami .
Hello
Ton profil est incomplet.
Merci de lire et d'accepter le règlement:
Cliques ici pour le visualiser et l'accepter.
Je reviens vers toi ensuite pour ta demande mon ami .
Merci Ambroise,
alors,vu que l'on touche directement l'avatar en lui attribuant une bordure image, cela va être très compliqué de faire mieux, la seule chose et de réduire le round qui est 50, essayes de le mettre à 40.
Comme ceci:
alors,vu que l'on touche directement l'avatar en lui attribuant une bordure image, cela va être très compliqué de faire mieux, la seule chose et de réduire le round qui est 50, essayes de le mettre à 40.
Comme ceci:
- Code:
/*CADRE ENCADREMENT AUTOUR DE L AVATAR*/
.postdetails.poster-profile a img {
border : 30px solid transparent; /* couleur du cadre */
border-image: url(https://i.servimg.com/u/f32/11/94/15/08/ec152e10.png) 40 round;
-moz-border-radius: 5px; /* arrondi le cadre */
-webkit-border-radius: 5px;
border-radius: 5px;
}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum