AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Réassort du coffret Pokémon 151 Électhor-ex : où l’acheter ?
Voir le deal

    Mise en page des profils

    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Mer 26 Juin 2013 - 22:33

    Commande
    Bonsoir,

    Elément à coder : Mise en page des messages sur les sujets
    Adresse du forum : http://fifaspirit.forumactif.org/
    Description du résultat voulu : Je souhaiterais avoir les profils des membres se situant en haut des messages tout comme ce forum. J'aimerais également avoir les avatars de mes membres qui soit encadré tout comme ce forum aussi.
    Vous pourrez trouver un exemple dans la champs "Image".
    Couleurs ou tons : J'aimerais des couleurs qui soit en harmonie avec mon forum, je peux vous donner les codes couleurs de mon forum si besoin.
    Images : https://2img.net/r/hpimg11/pics/817447Sanstitre.png
    http://hitskin.com/themes/18/29/52/i_back_title.png (si sa peut vous aider)
    Autres précisions : J'aurais bien aimer apprendre à faire ceci au lieu de demander dans une commande mais je suis pas mal occupé entre mes examen (il me reste encore des oraux), travail, le sport et l'apprentissage au japonnais...Je souhaite vite ré-ouvrir mon forum. Si vous avez besoin d'information complémentaire, n'hésitez pas Wink

    Je vous remercie de votre attention,
    Cordialement Hidema.
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 11:23

      Hello,

      Tout me semble bon, je valide (et je tente quelque chose) :

      La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
      ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
      ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine


      Bonne journée Wink
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 13:24

    Halloween a écrit:

      Hello,

      Tout me semble bon, je valide (et je tente quelque chose) :

      La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
      ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
      ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine


      Bonne journée Wink


    Bonjour Halloween,

    Je vous remercie de votre attention.

    Bonne journée.
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 15:01

    Voici donc mon test : lien.

    Je galère encore avec le pseudo, je ne suis pas sûre de réussir à modifier son style =$
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 15:18

    Tout d'abord, je vous remercie pour votre essais qui correspond très bien à ce que je voulais.

    Il est vrai que le style de police du pseudo est assez simple mais je ne cherchais pas une police particulière, tant qu'elle reste neutre et surtout bien visible, sa me convient parfaitement.

    Juste une remarque, c'est normal que sur le deuxième post la barre bleu est plus petite?

    En tout cas, je risque de me répéter, mais merci encore pour votre travail! :)

    Anonymous
    Invité

    Jeu 27 Juin 2013 - 15:25

    Beug corrigé normalement, je l'ai brûlé \o/ Tu le vois encore ?

    On peut se tutoyer hein Wink

    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 15:29

    Le beug n'est plus visible également de mon côté.

    Je prend note Razz
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 15:33

    Donc, voici la bête !

    A mettre dans ton CSS :



    Et dans ton template viewtopic_body :

    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 15:40

    Je te remercie.

    Cependant, si je peux me permettre. Serait-il possible de mettre une taille maximum pour les avatars? Les cadres dépendent de l'avatar et j'aimerais le contraire. C'est-à-dire que l'avatar dépendent du cadre, tu vois ce que je veux dire?

    Anonymous
    Invité

    Jeu 27 Juin 2013 - 15:43

    Yep, essaie ceci :

    Code:
    .avatar_profil
    {
      width: taille en px;
      height: taille en px;
      display: block;
      border: 5px solid #50A5AA;
      border-radius: 2px 2px 2px 2px;
      -moz-border-radius: 2px 2px 2px 2px;
      -webkit-border-radius: 2px 2px 2px 2px;
    }

    EDIT: Nop, pas ça, je cherche.
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 15:46

    Halloween a écrit:Yep, essaie ceci :

    Code:
    .avatar_profil
    {
      width: taille en px;
      height: taille en px;
      display: block;
      border: 5px solid #50A5AA;
      border-radius: 2px 2px 2px 2px;
      -moz-border-radius: 2px 2px 2px 2px;
      -webkit-border-radius: 2px 2px 2px 2px;
    }

    EDIT:  Nop, pas ça, je cherche.

    Le cadre à bien une limite avec ce code mais l'image dépasse s'il elle est plus grande que le cadre, il est pas possible qu'elle soit maqué par le cadre?
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 16:01

    J'ai bien compris oui, mais même après une recherche sur internet, il semblerait que ce ne soit pas possible, il va donc falloir compter sur la bonne volonté de tes membres, et modérer au besoin =/

    Je continue de chercher.
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 16:04

    Halloween a écrit:J'ai bien compris oui, mais même après une recherche sur internet, il semblerait que ce ne soit pas possible, il va donc falloir compter sur la bonne volonté de tes membres, et modérer au besoin =/

    Je continue de chercher.

    Il me semble que c'est possible, par exemples sur l'exemple que j'ai donné sur l'image c'est possible. Mais ce n'est pas grave :)

    D'ailleurs, c'est aussi le cas sur ce forum, non? :s
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 17:25

    Yep, mais je n'ai trouvé aucun tuto pour le moment, j'irai demander à Sparrow si je ne trouve pas.
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 17:54

    Halloween a écrit:Yep, mais je n'ai trouvé aucun tuto pour le moment, j'irai demander à Sparrow si je ne trouve pas.

    D'accord, en tout cas merci.
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 20:06

    En attendant, si tes membres chargent leurs avatars directement de leur ordinateur, tu peux aller dans "Affichage → Galerie des avatars → Avatars personnels" et choisir la taille maxi.

    EDIT : Ayé, je le tiens ! Dans ton CSS :

    Code:
    .ava.mini, .ava.mini img {
        height: 100px;
        width: 100px;
    }

    Et dans ton template, tu encadres ton avatar de cette façon :

    Code:
    <div class="avatar_profil"><div class="ava mini">{postrow.displayed.POSTER_AVATAR}</div></div>
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 21:07

    Halloween a écrit:En attendant, si tes membres chargent leurs avatars directement de leur ordinateur, tu peux aller dans "Affichage → Galerie des avatars → Avatars personnels" et choisir la taille maxi.

    EDIT : Ayé, je le tiens ! Dans ton CSS :

    Code:
    .ava.mini, .ava.mini img {
        height: 100px;
        width: 100px;
    }

    Et dans ton template, tu encadres ton avatar de cette façon :

    Code:
    <div class="avatar_profil"><div class="ava mini">{postrow.displayed.POSTER_AVATAR}</div></div>


    Sa fonctionne, je te remercie pour tes recherches et ton travail!

    Je te souhaite une bonne soirée :)

    (il y a juste les pseudo qui sont pas très beau finalement, mais j'essayerai de les modifier moi-même si j'arrive).
    Anonymous
    Invité

    Jeu 27 Juin 2013 - 21:28

    Désolée =/
    Si tu trouves, préviens-moi par MP s'il te plait ^^

    Bonne continuation.
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 5:58