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 :
Display Star Wars Unlimited Ombres de la Galaxie : ...
Voir le deal

    (ONYX) Avatars et jauge (je sais pas, jauge ou jauge pas la faire?)

    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Dim 7 Juil 2013 - 22:02

    Rappel du premier message :

    Bien le bonjour  mesdames, mesdemoiselles, messieurs! Voici une petite demande de code pour mon forum ! (et toutes mes excuses pour le jeu de mot pourri dans le titre de ma commande ^^")

    Commande
    Elément à coder : Avatar (et autour. Je m'explique juste après:
    Adresse du forum : http://scoundrels-stories.lebonforum.com/
    Description du résultat voulu : je vous ai fait un petit schéma de ce que j'aimerais : en haut du trait noir, c'est sans mettre le curseur sur l'avatar, en bas, c'est quand le curseur est sur l'avatar

    'aimerais aussi pouvoir avoir deux barres de couleur différentes dans les caractéristiques de la fiche de RP : une pour la santé du personnage (en rouge, bien sur), et une pour la notoriété du personnage, plutot en jaune/doré
    Couleurs ou tons :
    #F40004 pour la santé
    #D38406 pour la notoriété
    Images : ben a part la couleur des barres et des avatars...
    Autres précisions : il me semble que c'est tout. J'ajouterais juste "quelqu'un aurait-il le temps et la gentillesse de s'en charger s'il vous plait?" et je remercie d'avance la personne qui s'en chargera Wink

    Bien cordialement
    Scoundrel


    Dernière édition par Scoundrel le Sam 31 Aoû 2013 - 14:24, édité 3 fois
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Dim 4 Aoû 2013 - 23:59

    Up...
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Mar 6 Aoû 2013 - 23:55

    Up encore ~
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Jeu 8 Aoû 2013 - 0:06

    encore un up...
    • Revenir en haut
    Anonymous
    Invité

    Jeu 8 Aoû 2013 - 12:46

      Hey,

      Tu es bien en avance sur ton UP, c'est toutes les 48h minimum, pas une minute avant, or tu as un peu moins de 24h d'avance, c'est la deuxième fois que je t’avertis ...
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Jeu 8 Aoû 2013 - 18:19

    Désolé, c'est juste que comme un peu plus tot j'avais mis 72h et non 48 à répondre, je pensais que ça marchait aussi dans l'autre sens. Je recommence pas, promis!
    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Jeu 15 Aoû 2013 - 20:54

    Bonsoir :)

    Hélas non, cela ne marche pas dans l'autre sens.

    Les up ne sont pas un forfait. C'est pareil pour tout le monde :)

    Mis à part cela, es-tu encore là ?

    Penses à uper.

    Merci :)

    Première relance
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Sam 17 Aoû 2013 - 20:49

    (j'avais posté pour dire que je serais absent, soit dit en passant..)

    Toujours d'actu, up!
    • Revenir en haut
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Dim 25 Aoû 2013 - 17:50

    Hey,

    Toujours d'actu ?

    PS : je vois pas quand tu as annoncé ton absence : https://www.never-utopia.com/spa/Scoundrel . Tu as peut-être oublié sur ce forum ^^



     
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Dim 25 Aoû 2013 - 20:52

    Gotcha, j'ai zappé sur ce forum X.X toutes mes excuses, je pensais etre passé partout, mais je joue sur 3 forums, j'en gere un, j''en construit un, j'en anime deux, et je suis sur ce forum et sur coin-pub...Je suis vraiment désolé =s

    En effet, ma demande est toujours d'actu, si quelqu'un sait comment s'en occuper, je suis preneur! par contre, j'ai acheté le symbole /!\ et c'est une demande d'up qui a pris sa place, serait-il possible de remettre ce que j'ai demandé ici s'il vous plait? ^^
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Jeu 29 Aoû 2013 - 11:03

    Re-UP...
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Sam 31 Aoû 2013 - 10:42

    Up...
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Jeu 5 Sep 2013 - 21:18

    UUUUUUUUP!
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Mer 11 Sep 2013 - 22:14

    Up, encore une fois...
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 14 Sep 2013 - 0:24

    Bouh!

    Voilà, j'ai patenté un truc juste ici.
    Est-ce que cela ressemble à ce que tu voulais?

    Quant aux jauges...
    Pour en créer une: Panneau d'Administration > Modules > Jeux de rôle > Gestion des champs
    Pour la modifier: Panneau d'Administration > Modules > Jeux de rôle > Styles des champs
    Il n'y a aucun codage à faire, seulement du graph' (Tu as 4 images à faire pour chaque jauge).

    Bonne soirée ~
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Sam 14 Sep 2013 - 20:04

    Salut Onyx!

    T'es à 99% sur ce que je voulais *-* Le seul détail,c 'est que ça s'agrandit quand on passe le curseur dessus, mais sinon...GOTCHA! *-*

    Pour les jauges, merci beaucoup du conseil, je vais voir ça =) Rha c'est épique c'que t'as fait...J'adore *-*
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 14 Sep 2013 - 23:16

    Bouh!

    J'ai changé le profil pour que sa grandeur reste fixe: voir ici. Allez, je te file les codes ^^

    Il faut remplacer entièrement le code d'Halloween dans le CSS par ça:
    Code:
    #label_profil
    {
      text-align: left;
      width: 180px;
      padding: 10px;
      background-color: #6e84d6;
      border-bottom: 3px solid #00000f;
      border-radius: 0 0 20px 20px;
      -moz-border-radius: 0 0 20px 20px;
      -o-border-radius: 0 0 20px 20px;
      -htm-border-radius: 0 0 20px 20px;
      -webkit-border-radius: 0 0 20px 20px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #avatar_profil img
    {
      position: relative;
      z-index: 1;
      width: 200px;
      margin-bottom: -180px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #global_profil:hover #avatar_profil img
    {
      width: 230px;
      margin-bottom: 0px;
    }
    Dans le template "viewtopic_body", tu va devoir remplacer tout ça:
    Code:
    <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}<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span><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>
    Par ceci:
    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} align="center" 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}<div id="global_profil"><span id="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span><br />
                <div id="label_profil"><!-- 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}</div></div>
             </span><br />
             <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>

    Dernière petite chose: Si finalement tu préfères quand la largeur du profil augmente aussi quand on passe dessus, il faut rajouter ceci dans le CSS:
    Code:
    #global_profil:hover #label_profil
    {
      width: 210px;
    }
    Ciao ~
    PS: N'oublie pas de mettre les crédits de Never Utopia si ce n'est pas déjà fait ~
    • Revenir en haut
    Scoundrel
    Scoundrel
    MasculinAge : 27Messages : 92

    Sam 14 Sep 2013 - 23:25

    (T'en fais pas, ils y sont déja tout en bas, j'ai piqué sur le topic de Sparrow pour le QEEL '-')

    Rha c'est énorme *-* MERCI BEAUCOUP!!
    • Revenir en haut
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Mer 25 Sep 2013 - 11:46

    Bon, tout m'a l'air bon et installé sans problème
    J'archive :)



     
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Lun 20 Mai 2024 - 23:41