Code cadre de profil

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

Résolu Code cadre de profil

Message par Sakur4 le Jeu 22 Juil 2010 - 9:47

Bonjour!

J'ai un code pour encadrer l'avatar.

Mais je ne sais pas ou le mettre, malgres mes recherches.

Pourriez vous m'aidez ?

Merci.


Dernière édition par Sakur4 le Dim 25 Juil 2010 - 16:44, édité 1 fois

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par vuhj le Jeu 22 Juil 2010 - 10:39

Coucou,

Dans ta feuille de style, Affichage » Couleur » Feuille de style CSS.

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Sakur4 le Jeu 22 Juil 2010 - 15:19

Merci, enfin tout est clair Very Happy

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par drfik le Jeu 22 Juil 2010 - 23:23

veillez ns partager le code svp

drfik
Nouveau membre

Messages : 9
Inscrit(e) le : 21/07/2010

http://www.univdg-rr.forumactif.com
drfik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par demeter1 le Jeu 22 Juil 2010 - 23:44

La méthode la plus simple via css.

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #COULEUR SOUHAITEE;
}

Il existe d'autres méthodes pour encadrer l'avatar + les infos du membre par des images ais cela requière un minimum de connaissance pour modifier les templates.

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Invité le Ven 23 Juil 2010 - 0:16

Moi j'utilise aussi:

Code:
.postdetails.poster-profile a img
{
border: LARGEUR STYLE COULEUR; /*La bordure*/
}

    Cliquez sur les endroits où il y a des liens (couleur comme ça)qui illustrent !
      Largeur : de 1px à la largeur que vous voulez. (Exemple : 6px)
      Style : choisir entre solid, dotted, dashed, double, groove, ridge, inset ou outset.
      Couleur : la couleur de votre cadre. Difficile d'en dire plus.

    Note : si vous voulez des bords arrondis, mettez ce code entre les crochets ({}) : [n'oubliez pas de modifier la valeur 8 si vous le souhaitez]

Code:
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

Mais très bon code aussi demeter1 ^^


Dernière édition par Sasuke315 le Ven 23 Juil 2010 - 17:33, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Sakur4 le Ven 23 Juil 2010 - 16:57

Merci Sasuke ! C'est personnaliser. Je vais tester dans installer un .

Edit : Cela marche, sauf les coins arrondis Sad

Voici le code :

Code:
.postdetails.poster-profile a img
{
border: 6px dashed #BA55D3; /*-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;*/
}

Une erreur ?


Dernière édition par Sakur4 le Ven 23 Juil 2010 - 17:02, édité 1 fois

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Invité le Ven 23 Juil 2010 - 16:58

De rien ^^

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Sakur4 le Ven 23 Juil 2010 - 17:02

J'ai fait un petit edite, si tu pourrais m'aidez a trouver l'erreur s'il te plait =)

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Invité le Ven 23 Juil 2010 - 17:06

Essaye ceci

Code:
.postdetails.poster-profile a img
{
border: 6px dashed #BA55D3;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;*/
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Sakur4 le Ven 23 Juil 2010 - 17:18

Cela n'a pas fonctionner :s mais merci quand meme pour ton aide =)

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Invité le Ven 23 Juil 2010 - 17:31

TROUVER!!!

Code:

.postdetails.poster-profile a img
{
border: 6px dashed #BA55D3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

Modifiez ce que vous voulez ^^
Hier j'était fatigué si vous n'avez pas compris j'ai édité mon poste ou il propose mon code

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Sakur4 le Sam 24 Juil 2010 - 17:35

Cela fonctionne parfaitement, je te remercie =-D

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code cadre de profil

Message par Invité le Dim 25 Juil 2010 - 11:48

De rien ^^

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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


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