Aide profil Bouton_activeAide profil Bouton_hoverAide profil Fb-hoverAide profil Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Aide profil EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Aide profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Aide profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Aide profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Aide profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Aide profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Aide profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Aide profil EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

Partagez
 

Aide profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty


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é ?
MessageSujet: Aide profil   Aide profil EmptyLun 01 Nov 2010, 12:26
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
Donne-nous le code que tu as utilisé pour mettre un fond uni =)
MessageSujet: Re: Aide profil   Aide profil EmptyLun 01 Nov 2010, 16:42
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty

Bien sur Very Happy

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
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 04:47
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
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 =]
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 05:15
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Ah je te remercie énormément Very Happy

PS : Est t'il possible d'aggrandir la largeur du cadre ?
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 05:41
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
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 =)
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 06:45
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
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é Smile
Désolé de dérangé avec toutes mes questions.
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:12
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
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 !!
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:22
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Je te remercie énormément de ton aide.
Maintenant, je vais chercher pour l'arrondir.
Merci encore Very Happy
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:27
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
Mais de rien Wink Si tu ne trouves pas pour l'arrondir, demande encore =D
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:36
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Je veux bien ton aide encore une fois alors, si sa ne te dérange pas.
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:37
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
Tiens, va voir le tuto de Basil, il est vraiment très bien fait =D
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 07:45
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Merci, mais j'ai un peu du mal enfaite :/
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 08:01
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
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
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 08:06
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Ah je te remercie, c'est parfait.
Merci
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 08:12
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
Tout est bon ? =D
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 08:41
Revenir en haut Aller en bas
http://dream-night.forumactif.org/forum.htm
Bee
{ Membre }
{ Membre }

Féminin Messages : 16



Aide profil Empty
Oui merci Very Happy
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 14:27
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Aide profil Empty
Je déplace =)
MessageSujet: Re: Aide profil   Aide profil EmptyMar 02 Nov 2010, 14:30
Revenir en haut Aller en bas
Contenu sponsorisé




Aide profil Empty
MessageSujet: Re: Aide profil   Aide profil Empty
Revenir en haut Aller en bas
 

Aide profil

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Aide profil
» Aide profil
» Aide.
» Sortir le profil du message, demande d'aide
» Profil sous forme de phrase > Profil des membres (ANNULE)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit