Arrondir le profil des membres

[sandra b]

Bonjour à tous , je essaye mais je n'ai pas trouvé ce qui je souhaite pour personnaliser le profil des membres sur mon forum , si quelqu'un pourrait m'aider ça serait vraiment sympa !
Le voici le profil existant , ma question est : existe t'yl un moyen de passer de ça à un profil avec contour arrondi ? un code CSS par exemple ?

Spoiler:

Je pris un exemple de ce qui je voulais avoir sur mon forum , voici en image , contour sur le profil plus ombre porté :

Spoiler:

[Freyja des Terres de Wyrd]

Bonsoir =)

Ouip, cela est possible o/
Donc, il faudra passer par le CSS et ajouter ce code :

Code:

.postdetails poster-profile {
box-shadow : 1px 1px 3px #000;
-moz-border-radius: 5px;
border-radius: 5px;
}

Si vous souhaitez augmenter l'arrondi, modifiez la valeur px du -moz-border-radius et du border-radius
Pour la couleur, c'est celle après le 3px (donc #000 à modifier)

Bonne soirée o/

[Manumanu]

Tout à fait ; juste une petite chose Freyja : Tu peux ne mettre que border-radius, firefox ne prend plus en compte -moz-border-radius. Tous les navigateurs modernes comprennent la propriété finale, on peut donc n'utiliser que celle-ci.

[Freyja des Terres de Wyrd]

Pfiou, dites donc faudrait que je me mette à jour moi ^^
Merci d'avoir relevé la petite erreur =)

[sandra b]

Bonsoir Freyja et Manumanu , merci de votre aide , donc , si je bien compris , je remplace le "-moz-border-radius" par "border-radius" dans le code css , super , je essayerais demain et je vous tiens au courent , bonne nuit !

[Freyja des Terres de Wyrd]

Pas besoin de remplacer puisqu'il y est déjà ^^
Juste enlever la partie "-moz-border-radius" =)

[tupac]

Tout à fait ; juste une petite chose Freyja : Tu peux ne mettre que border-radius, firefox ne prend plus en compte -moz-border-radius. Tous les navigateurs modernes comprennent la propriété finale, on peut donc n'utiliser que celle-ci.

Bonjour

Attention toutefois au fait que les utilisateurs qui ne disposent que d'une ancienne version de Firefox ne pourront pas profiter des coins "arrondis" avec border-radius le préfixe -moz- leur est indispensable.

[Manumanu]

Certes ;

Cependant border-radius est géré depuis Firefox 4, si certains sont encore sous une version antérieure, ils sont très rares. Et ça les poussera peut-être à se mettre à jour, ce sera toujours ça de pris.

[sandra b]

Bon bin ... Je essayé avec "-moz' et sans le "-moz" le code ne marche pas dans ma feuille css , à t'yl un autre code ou un autre moyen ?

[Manumanu]

Donne-nous le lien du forum.

[sandra b]

Le voici Manumanu : http://diamantmandarin.actifforum.com/

[tupac]

Essaye avec ce code.

Code:

.postdetails.poster-profile a img {
  -moz-border-radius: 15px;       
  -webkit-border-radius: 15px; 
    border-radius: 15px;       
}

[sandra b]

C'est bien gentil pour ce code tupac mais il arrondi uniquement le avatar sur le profil , voici en imge :

Spoiler:

[tupac]

Bonjour

Tu peux te servir de ce sujet.

Cordialement

[sandra b]

Merci encore tupac , mais c'est pas encore ça qui je veut , si quelqu'un peut me venir à l'aide ??

[Kuro Akuma]

Tu vas devoir changer dans le template ^^
dans la partie du sujet et si tu veux le mettre dans le profil apparent au membre aussi. C'est un simple div entourant ce que tu veux dans ton arrondit ^^

[tupac]

Pourtant tout est expliqué dans le sujet, essaie déjà de le faire par toi même et si tu as des difficultés nous serons la pour t'aider ou en tapant "profil" dans la barre de recherche tu as quelques sujets qui pourront t'aider.

[Manumanu]

Poste ton viewtopic_body, je vais te faire ça.

[sandra b]

Super Manumanu , je suis une bille question templates , je te passe ce lui de mon forum test :

Spoiler:

[Manumanu]

Tiens, mets celui-ci à la place :

Spoiler:

Ensuite, dans ton CSS :

Code:

.post-profile {
   margin: 8px;
   padding: 10px;
   border-radius: 5px;
   box-shadow: 0 0 5px rbga(0,0,0,.6);
}

Il y aura probablement de petits ajustements à faire.
Du reste, j'en ai profité pour ajouter des classes dans les éléments du profil, afin que tu puisses modifier certains éléments facilement à l'avenir (via css), et les repérer plus vite dans ton Template :

• .post-rang
  
• .post-avatar
  
• .post-infos
  
• .post-rpg

[sandra b]

le template et le css non marche pas Manumanu , et pourtant je bien fais comme il faut , je suis vraiment une bille , pourquoi ça bloque chez moi ? c'est mon navigateur le coupable ? je viens d'allé voir et ça ne marche pas non plus sur explorer 9 .

[Manumanu]

Non, rien à voir avec le navigateur, ne t'en fait pas pour ça.

As-tu bien cliqué sur la croix verte après avoir modifié le Template, pour le publier ?

[sandra b]

bien sure .

[Manumanu]

Les modifications ne semblent pas prises en compte. Là par contre je ne sais que te dire... Essaie de supprimer le Template pour que celui d'origine soit remis, puis refait la modification en vérifiant bien que le code que je t'ai donné ait été mis, et revalide à nouveau...

[sandra b]

Et .. non , ça ne marche pas , je fais et refais mais rien .
Merci quand même pour ton aide Manumanu , en espérant que quelqu’un passe par ici et essaye de me donner un coup de main , je me demande si c'est pas pour cause de mon css , d'ailleurs je poste ici si ça peux vous aider :

Spoiler:

[Manumanu]

Non, les modifications du template ne sont pas prises en compte, donc ce n'est pas une question de CSS. Reste à trouver pourquoi.
Au passage, dans ton CSS, pense à enlever tes -webkit-border-radius et -moz-border-radius, et autres pour mettre border-radius (et non -border-radius).

[sandra b]

Merci Manumanu , c'est fait , je tout changé .
Dure dure de ne pas savoir ou ça cloche , on verra bien si d'autres propositions peuvent marcher .

[tupac]

Essaie en rajoutant un background dans le code de Manumanu.

Code:

background-color:#BFBFBB;

[sandra b]

Essaie en rajoutant un background dans le code de Manumanu.

Code:

background-color:#BFBFBB;

Je le rajoute avant ou après le code tupac ?

[Manumanu]

Je répète que ce n'est pas un problème de CSS. Les modifications du html ne sont pas prises en compte dans le Template, donc le CSS ne trouve pas les balises sur lesquelles il doit s'appliquer.