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 du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

    Commande de profil

    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Ven 14 Sep 2012 - 21:05

    Bonjour / bonsoir! Une codeuse débutante en manque de temps à besoin de votre aide!

    Commande
    Elément à coder : Profil
    Adresse du forum : http://www.hoshi-no-kyoku.com
    Description du résultat voulu : Voilà ce que j'aimerai obtenir : https://2img.net/r/hpimg11/pics/740035modleprofil.png
    En plus détaillé... J'aimerai avoir le pseudo entre guillemet, en taille 26 au dessus de l'avatar, juste au dessus du rang (qui n'a rien de spécifique).
    J'aimerai aussi avoir un système d'images pour afficher / masquer les détails du profil. Je sais que c'est pas trop compliqué mais, j'arrive pas à faire en sorte que la colonne du profil garde la même dimension en affichant & en masquant les détails des profils...
    Couleurs ou tons : Aucune couleur spécifique à ajouter
    Images : Image "afficher" : https://2img.net/r/hpimg11/pics/854667afficherprofil.png
    Image "masquer" : https://2img.net/r/hpimg11/pics/548950masquerprofil.png
    Autres précisions : I need a hero to save me! -run-




    Dernière édition par ShuwaPon le Mer 5 Déc 2012 - 21:07, édité 1 fois
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Sam 15 Sep 2012 - 9:15

    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



    Commande de profil 376864signichigo
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mer 19 Sep 2012 - 18:35

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Ven 21 Sep 2012 - 19:02

    Up!
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Lun 24 Sep 2012 - 21:48

    Up! ~
    • Revenir en haut
    Anonymous
    Invité

    Mar 25 Sep 2012 - 15:09

      Bonjour,

      Dans le template viewtopic_body, supprime ceci :

      Code:
      <!-- BEGIN displayed -->
         <tr class="post">
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
               <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                  <span class="postdetails poster-profile">
                  {postrow.displayed.POSTER_RANK}<br />
                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </span><br />
               <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
            </td>

      Que tu remplaces par ceci :

      Code:
      <!-- BEGIN displayed -->
         <tr class="post">
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
              <div class="profilentour">
                <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div style="font-size: 18px;">« {postrow.displayed.POSTER_NAME} »</div></strong></span></center><br />
                  <span class="postdetails poster-profile">
                  {postrow.displayed.POSTER_RANK}<br />
                  <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
              <div onClick="this.firstChild.src=(this.firstChild.src=='http://img11.hostingpics.net/pics/854667afficherprofil.png')?'http://img11.hostingpics.net/pics/548950masquerprofil.png':'http://img11.hostingpics.net/pics/854667afficherprofil.png';this.lastChild.style.display=(this.firstChild.src=='http://img11.hostingpics.net/pics/854667afficherprofil.png')?'none':'block';" style="text-align: left; padding: 3px; font-size: 10px; background-color: #FAF0B6;"><input type="image" src="http://img11.hostingpics.net/pics/854667afficherprofil.png"/><div style="display: none; text-align: justify;"><span style="white-space:nowrap;">
                          <!-- BEGIN profile_field -->
                          {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                          <!-- END profile_field -->
                          {postrow.displayed.POSTER_RPG}</span></div></div>
                  {postrow.displayed.POSTER_RPG}
                  </div></div>
              </span><br />
       
      </div>
      <div id=""></div><br />
              <img src="http://2img.net/i/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
            </td>

      Je me suis permise de réduire la taille demandée qui faisait vraiment grosse à mon goût =/ Pour personnaliser la taille, trouve ceci :

      Code:
      <div style="font-size: TAILLEpx;">« {postrow.displayed.POSTER_NAME} »</div>

      Quand aux images, il faudra remplacer "https://2img.net/r/hpimg11/pics/854667afficherprofil.png" par l'image d'ouverture, et "https://2img.net/r/hpimg11/pics/548950masquerprofil.png" par l'image de fermeture. Pour la couleur de fond du profil une fois afficher, il vaudra modifier ceci :

      Code:
      "text-align: left; padding: 3px; font-size: 10px; background-color: COULEUR;"

      J'espère que ça fonctionnera sur ton forum Wink
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mar 25 Sep 2012 - 21:26

    Tout d'abord merci pour la réponse n_n C'est presque tout bon, mais j'ai encore ce problème de dimension lorsque j'affiche le profil.


    Commande de profil 498960screenprofil

    Il suffit que j'ai un champ un peu long et, cela déforme tout, alors que d'habitude non ><
    De plus j'aimerai centrer les images afficher / masquer si possible (j'y arrive pas sans dérégler des trucs..)

    C'est faisable?
    • Revenir en haut
    Anonymous
    Invité

    Mer 26 Sep 2012 - 13:35

    Bon bon bon, j'en ai profité pour centrer le nom du rang, j'avais oublié, et ce devrait être bon pour la largeur du profil, mais j'avoue que je galère aussi pour les images ... peut-être faudrait-il les redimensionner tout bêtement ?

    Code:
    <!-- BEGIN displayed -->
       <tr class="post">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="profilentour">
              <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div style="font-size: 18px;">« {postrow.displayed.POSTER_NAME} »</div></strong></span></center><br />
                <span class="postdetails poster-profile">
                  <center>{postrow.displayed.POSTER_RANK}</center><br />
                <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
            <div onClick="this.firstChild.src=(this.firstChild.src=='http://img11.hostingpics.net/pics/854667afficherprofil.png')?'http://img11.hostingpics.net/pics/548950masquerprofil.png':'http://img11.hostingpics.net/pics/854667afficherprofil.png';this.lastChild.style.display=(this.firstChild.src=='http://img11.hostingpics.net/pics/854667afficherprofil.png')?'none':'block';" style="text-align: left; padding: 3px; font-size: 10px;"><input type="image" src="http://img11.hostingpics.net/pics/854667afficherprofil.png"/><div style="display: none; text-align: justify; background-color: #FAF0B6; width: 150px;"><span style="white-space:nowrap;">
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}</span></div></div>
                {postrow.displayed.POSTER_RPG}
                </div></div>
            </span><br />
     
    </div>
    <div id=""></div><br />
            <img src="http://2img.net/i/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
          </td>
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mer 26 Sep 2012 - 15:25

    Je redimensionnerai les images alors :)
    Et.. Encore un petit problème ;;

    Comme voulu, la colonne du profil garde enfin une largeur fixe, mais en affichant le profil, le texte du profil dépasse sur le message..

    Screen :
    Commande de profil 307168screenbugprofil
    • Revenir en haut
    Anonymous
    Invité

    Mer 26 Sep 2012 - 16:39

    Vraiment navrée mais là ... c'est hors d'atteinte pour moi =/
    Il faut attendre que quelqu'un de plus calé vienne te porter secours.

    Bonne chance =)
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mer 26 Sep 2012 - 16:44

    D'accord, merci de m'avoir accordé un peu de ton temps ^^
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Ven 28 Sep 2012 - 18:38

    Up!
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Lun 1 Oct 2012 - 9:46

    Up!
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mer 3 Oct 2012 - 15:23

    up!
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Ven 5 Oct 2012 - 22:08

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Dim 7 Oct 2012 - 13:06

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mar 9 Oct 2012 - 13:58

    up!
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Jeu 11 Oct 2012 - 14:19

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Mer 17 Oct 2012 - 21:28

    Up..
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Jeu 25 Oct 2012 - 17:10

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Lun 29 Oct 2012 - 17:18

    Up ....
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Jeu 1 Nov 2012 - 18:00

    Up
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Sam 3 Nov 2012 - 22:36

    up
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 11 Nov 2012 - 9:22

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici trois semaine.



    Commande de profil 376864signichigo
    • Revenir en haut
    ShuwaPon
    ShuwaPon
    FémininAge : 29Messages : 80

    Sam 17 Nov 2012 - 20:16

    Toujours d'actualité
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 10 Mai 2024 - 16:14