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 :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

    Commande Profil

    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Sam 10 Mar 2012 - 12:48

    Bonjour ! Une petite Commande
    Elément à coder : Profil
    Adresse du forum : http://artsport.forumgratuit.org/
    Description du résultat voulu : Tout est indiqué sur l'image Wink
    Spoiler:
    Couleurs ou tons : Comme sur l'image, mais il est possible que je sois amenée à les changer par là suite !
    Images : //
    Autres précisions : Merci a ceux qui essaieront !


    Dernière édition par overwhelming le Sam 17 Mar 2012 - 17:51, édité 1 fois
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Sam 10 Mar 2012 - 19:57

    Bonsoir overwhelming,

    Si je comprends bien, tu n'as pas de rpg (je n'arrive pas bien à lire ce qui est dans l'encart pink) ?
    Ensuite, que veux-tu en blanc plus bas ? Le nom du forum en lien ?
    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Dim 11 Mar 2012 - 8:47

    Bonsoir,
    Alors non ce n'est pas un rpg mais un forum centré sur les sports " artistiques"
    Donc je voudrais au dessous de l'image de rang, les infos du profil en fait . Puis l'aisse tomber pour le lien. Mais en dessous les boutons " profil " " mp" "site web" etc...
    Voilà merci de t'y intéresser.
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Dim 11 Mar 2012 - 10:19

    Ok, je vois ça dans la journée.

    Juste un point, quand tu dis "arrondir l'image", il faut savoir que l'on peut arrondir les coins d'une image que par un logiciel de retouche tel que Gimp (ou autres).
    L'unique arrondi que l'on peut créer par le codage, c'est celui du cadre.
    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Dim 11 Mar 2012 - 13:09

    Merci ! ♥
    Oui je voulais dire arrondir le cadre Wink
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Dim 11 Mar 2012 - 14:38

    Mouais, je n'avais pas tiqué de ssuite, mais cette commande me dérange beaucoup parce que le profil qie tu recherches ressemble trop à celui d'ici, juste à quelques détails (et je souligne ce mot) près.
    Ce n'est pas que ce soit très compliqué à coder, mais c'est l'idée qui est originale et personnelle.

    Comme tu es sur le forum de ceux qui ont réalisé cela, je préfère laisser le tuto au(x) codeur(s) d'ici.
    Si c'est bon pour ici, je me ferai un plaisir de t'aider. :cow:

    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Dim 11 Mar 2012 - 18:01

    Pas de souci , si sa pose problème aux admins , je peux changer ma commande ... Ca ne me derange pas je comprend tout a fait.
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mer 14 Mar 2012 - 15:55

    Yop !

    Il y a quand même pas mal de différence avec ici ^^"
    Je MP Sparrow pour savoir ce qu'il en est et je vous donne une réponse au plus vite Wink

    EDIT :
    C'est bon, tu as son accord, en contre-partie, il faudra vraiment un crédit, obligatoire à la base, vers Never Utopia ^^

    Merci d'avance et bonne chance Wink

    EDIT² :
    Je passe aussi pour dire que je valide la commande (même si tu n'as que 4membres) puisque ton forum est entièrement construit et l'ébauche de thème est là ^^

    Taktiik.

    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Ven 16 Mar 2012 - 17:50

    Merci beaucoup :) ! Et pas de souci pour le crédit
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Ven 16 Mar 2012 - 20:27

    B'soir overwhelming,


    Ah bonne nouvelle alors. Je ne voulais pas faire ma teigneuse, mais dans ces cas là, je préfère être en "accord parfait" avec le "Créateur" (du tuto, hein^^).


    J'essaie de te pondre un tuto pour demain.
    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Ven 16 Mar 2012 - 21:40

    Pas de soucis , encore merci pour tout le temps que tu m'accorde ♥ !
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Ven 16 Mar 2012 - 21:41

    Yop !

    Je passe pour poser le bouton En cours et son encadré Wink
    Bonne chance pour la commande.

    Taktiik.

    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Ven 16 Mar 2012 - 21:46

    Merci à toi aussi, au fait j'ai une question est-ce que je peux ouvrir deux commandes à la fois pour le même forum ?
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Ven 16 Mar 2012 - 21:51

    Yop !
    Comme il est écrit dans le règlement :
    Sparrow-style a écrit:
    • Merci de ne faire qu'une commande à la fois.

    Ainsi, c'est non ^^

    Taktiik.

    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Ven 16 Mar 2012 - 21:53

    D'accord merci beaucoup
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Sam 17 Mar 2012 - 15:30

    Prête pour un p'tit tuto ?

    Avant tout, j'aimerais juste te demander de garder les parties sans indentation (sans espace en début de ligne) tel quel, du moins jusqu'à ce que le sujet soit résolu pour toi.
    Ma partie du autiste su cerveau ne s'y retrouve pas sinon^^

    La structure du template, donc du corps des messages est modifiée au début.
    La partie qui nous intéresse est structurée de telle façon que tu pourras aisément t'y retrouver avec le CSS qui va dans le même ordre.

    Nous aurons dû juste remonter le bloc des contacts.

    Donc :
    Le template viewtopic_body:
    Ce que je peux constater ici par rapport aux proportions de ton schéma et les dimensions réelles, c'est que ton avatar est trop petit, ou alors tu n'as pas beaucoup de champs profil.

    Le CSS contient les balises /* commentaire-css */ qui te permettront de mieux suivre :
    Le CSS:

    Bien sûr, n'hésite pas si tu as des questions pour la suite.


    EDIT 17:00 : J'avais zappé le bandeau "online".
    J'ai réédité le message donc les codes sont à jour.

    Toutefois, l'image que j'utilise à cet effet est une de celle par défaut de FA et elle est déjà penchée mais dans l'autre sens.
    D'après ton schéma tu en aurais une autre...

    Si tu n'arrives pas à régler les propriétés de lintitulé ^qui s'y réfère, tu peux me donner le lien de l'image et je verrai pour te le placer:
    /* pose du online */
    .olpose {
    position: absolute; /* enfant héritier en position absolue */
    border-inherit: collapse;
    padding: 0;
    margin: -207px 0 0 90px; /* top right bottom left */
    z-index: 2; /* on donne encore une priorité sur l élément du dessous */
    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Sam 17 Mar 2012 - 17:37

    UN GRAND GRAND GRAND MERCI A TOI, c'est PARFAIT ♥ j'ai tout compris ; Encore merci
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Sam 17 Mar 2012 - 17:54

    Un tout aussi grand : Je t'en prie. Wink

    Pour ce qui est de l'avatar, il suffit d'avoir des avatars plus grands (dans la hauteur). tu peux l'agrandir (ou pas), le reste restera tel quel puisque les blocs sont indépendants les uns des autres (sauf pour l'image "online" qu'il faudra alors réadapter).
    Ce n'est pas tant un problème vu que la scrollbar s'affichera dès que la hauteur définie sera dépassée, donc les proportions que tu as maintenant dans tes profils-message ne devrait pas changer.


    Bonne continuation.
    • Revenir en haut
    overwhelming
    overwhelming
    FémininAge : 27Messages : 40

    Sam 17 Mar 2012 - 18:15

    d'accord , et comment renre la couleur de fond qui est actuellement noir, transparente ?
    • Revenir en haut
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Sam 17 Mar 2012 - 20:41

    EDIT :


    Désolée j'ai supprimé le précédent message de crainte de t'embrouiller, mais la fatigue aidant, Opera trop laxiste avec le HTML (mais c'est lui que je kiffe le plus), un corrigé de maths à finir en parallèle, bref, après vérification sur Mozilla qui décidément n'aime que les "div", il faut remplacer la partie profil... Embarassed

    Repère bien le début et la fin du code, sélectionne-le dans ton template et remplace-le avec la version finale:
    Code:
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;"><tr>
    <td colspan="2" align="center" valign="middle" width="100%">
     
    <div class="particularprofil">

    <table><tr>
    <td rowspan="2" align="center" valign="middle"> 
    <div class="avapenchu">
    {postrow.displayed.POSTER_AVATAR}
    </div>
    <div class="olpose">
    {postrow.displayed.ONLINE_IMG}
    </div>
    </td>
     
    <td align="right" valign="bottom">
    <div class="mynameis gensmall">
    <a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong>
    </div>
    </td></tr>

    <tr><td align="center" valign="top"> 
    <div class="allaboutme">
    <span class="postrang">
    {postrow.displayed.RANK_IMAGE}
    </span>

    <div class="alookinsideme">
    <span class="gensmall">
    <!-- BEGIN profile_field -->
    <strong>{postrow.displayed.profile_field.LABEL}</strong>
    {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
    <!-- END profile_field -->
    {postrow.displayed.POSTER_RPG}
    </span>
    </div> 
     
    </div>
     
    <div class="contactprofil" align="right">
    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}
    {postrow.displayed.EMAIL_IMG}
    <!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
    </div>

    </td></tr></table>
    </div>
     
    </td></tr>
     
     
    <tr class="post">

    Dans le CSS, il faut aussi préciser l'image à l'identifiant "avapenchu" :
    /* avatar */
    .poster-profile a img, .avapenchu img {

    Pour la transparence, j'avais mis dans le HTML du style pour le background et afin de garder le "forumline".
    C'est corrigé dans le code précédent.


    Voyons le bon côté de la chose :
    En manipulant ainsi les blocs, tu les gèreras sans difficultés lors de tes futures modification... Wink
    (Il fallait bien la trouver celle-la, hein ?)

    EDIT : Ce qui donne en omage :
    Profil sur mon FT:

    Le CSS qui va avec:
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Dim 18 Mar 2012 - 14:41

    Yop !

    Bouton "Résolu" appliqué, commande terminée ;D
    Merci d'avoir passé commande sur Never Utopia.
    N'oublie pas d'ajouter un crédit étant donné que c'est une astuce tout fraîche !

    Commande Archivée~
    Taktiik.

    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Dim 18 Mar 2012 - 17:38

    Double post désolé

    Petit post pour signaler que le code CSS a été modifié à la demande de Final-Blonde qui avait fait une erreur de propriété !
    Je t'ai MP pour que tu sois au courant, pense à le reprendre ;D

    Taktiik.

    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 23:45