|
Bee
{ Membre }
Messages : 16
|
Voila mon probleme .
Quand je poste un message, il ya le profil de l'utilisateur sur le coté, avec les information ( localisation, age etc .. ) J'ai reussi a mettre un fond, mais c'est un fond uni et je voudrait pouvoir y inseré une image, mais je ne sais pas du tout comment faire, pourriez vous m'aidé ?
| | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Donne-nous le code que tu as utilisé pour mettre un fond uni =) | | |
|
| |
Bee
{ Membre }
Messages : 16
| Bien sur J'ai remplacé cette partie : - Code:
-
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} par celle la : - Code:
-
<div class="cadreprofil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div> Ensuite j'ai changé cette partie : - Code:
-
<!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> Par celle la : - Code:
-
<div class="cadreprofil"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> </div> Et j'ai mis cela dans mon CSS : - Code:
-
.cadreprofil { background-color:#000000; font-size:10px;} Merci de votre aide. |
Dernière édition par Bee le Mar 02 Nov 2010, 05:38, édité 1 fois | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Et bien dans ton css, il te suffit d'ajouter ceci : - Citation :
- .cadreprofil {
background-color:#000000; background-image: url('LIEN_DE_TON_IMAGE_DE_FOND'); background-repeat: VOIR 1; background-position: VOIR 2; font-size:10px; } 1/ Tu peux mettre plusieurs valeurs à "Background-repeat" : - no-repeat --> Si tu veux que le fond ne se répète pas.
- repeat --> Si tu veux que ton fond se répète verticalement et horizontalement.
- repeat-y --> Si tu veux que ton fond se répète suivant y, soit verticalement.
- repeat-x --> Si tu veux que ton fond se répète suivant x, soit horizontalement.
2/ Il existe plusieurs valeurs pour "Background-position" : - top --> Si tu veux que ton fond soit fixé en haut.
- left --> Si tu veux que ton fond soit fixé à gauche.
- right --> Si tu veux que ton fond soit fixé à droite.
- bottom --> Si tu veux que ton fond soit fixé en bas.
- top left --> Si tu veux que ton fond soit fixé en haut à gauche. Tu peux combiner avec les autres directions, comme "bottom left"....
Il te suffit ensuite de choisir les valeurs que tu veux =] | | |
|
| |
Bee
{ Membre }
Messages : 16
| Ah je te remercie énormément PS : Est t'il possible d'aggrandir la largeur du cadre ? | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| La largeur de la bordure ou de ton cadre en lui-même ? Si c'est le cadre lui-même, ajoute ceci dans ton code css : - Code:
-
width: Xpx; Remplace le X par la valeur que tu veux. Pour te donner une idée, ton avatar fait 150px de largeur et le mien 200px. Ca devrait marcher =) | | |
|
| |
Bee
{ Membre }
Messages : 16
| Ca marche merci. Pour la hauteur j'ai juste a rajouté - Code:
-
height: Xpx; ? Le probleme, c'est que sa augmente la hauteur mais du bas alors que je voudrais que sa soit bien cadré Désolé de dérangé avec toutes mes questions. | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Dans ce cas, n'ajoute pas "height" mais ceci : - Code:
-
padding-top: Xpx; padding-bottom: Xpx; Cela te permet d'ajouter une marge à l'intérieur en haut et une marge à l'intérieur en bas. Mets la même valeur si tu veux que la marge soit la même en haut et en bas, sinon, et bien fais comme tu le sens !! | | |
|
| |
Bee
{ Membre }
Messages : 16
| Je te remercie énormément de ton aide. Maintenant, je vais chercher pour l'arrondir. Merci encore | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Mais de rien Si tu ne trouves pas pour l'arrondir, demande encore =D | | |
|
| |
Bee
{ Membre }
Messages : 16
| Je veux bien ton aide encore une fois alors, si sa ne te dérange pas. | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Tiens, va voir le tuto de Basil, il est vraiment très bien fait =D | | |
|
| |
Bee
{ Membre }
Messages : 16
| Merci, mais j'ai un peu du mal enfaite :/ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| En fait, il suffit que tu ajoutes ceci dans ton css que tu as modifié tout à l'heure : - Code:
-
-moz-border-radius: (un nombre de px)px; -webkit-border-radius: (un nombre de px)px; -wo-border-radius: (un nombre de px)px; Le premier permet au navigateur mozilla de repérer que tu mets un arrondi à tes bords et le deuxième permet aux navigateurs Google Chrome, Safari et peut-être d'autres de le repérer et pour finir, le dernier code permet à Opéra de voir que tu as mis un arrondi à tes bords !! =) Modifie le nombre de px comme tu le veux, fais des essais, c'est encore ce qu'il y a de mieux =D | | |
|
| |
Bee
{ Membre }
Messages : 16
| Ah je te remercie, c'est parfait. Merci | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| |
| |
Bee
{ Membre }
Messages : 16
| Oui merci | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| |
| |
Contenu sponsorisé
| |
| |
|