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 : -17%
SSD interne Crucial SSD P3 1To NVME à ...
Voir le deal
49.99 €

    (ONYX) Signature codée à onglets

    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Mer 24 Sep 2014 - 19:35

    Rappel du premier message :

    Ma demande



    Bonjouur, cela fait longtemps que je voudrais une petite signa' codée, donc je me lance!

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    Tailles des éléments : Taille comme sur le schéma je pense.
    Version de votre forum : PHPBB2


    Ressources
    L'image du fond :
    Spoiler:

    La typo s'appelle "Bellerose" et les 2 codes couleur sont : #fe285a & #c8254b.


    Autres précisions ?
    Un grand merci ! =D


    Dernière édition par Madii-x le Ven 26 Sep 2014 - 19:29, édité 1 fois




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 15:26

    Ok merci je vais essayer, est-ce que je peux avoir le code entier ? xD Et si un jour je veux modifier la police, ça se trouve où ? x)




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 25 Sep 2014 - 15:44

    Bah, le code est dans le LS .-.

    Tiens, je te le recopie ici, j'ai même changé déjà le crédit pour être ton site :


    LS - Signature à onglets


    Voici un petit LS de signature à onglets j'ai fait pour la demande de Madii-x.

    Pour voir l'aperçu de l'onglet "Signature" : cliquez ici.
    Pour voir l'aperçu de l'onglet "Cadeaux" : cliquez ici.
    Pour voir l'aperçu de l'onglet "Moi" : cliquez ici.

    Ce LS est en deux parties.
    • Tout d'abord, nous allons créer notre signature dans une page html.
    • Puis, nous allons mettre l'iframe qui contient la page html dans notre signature.

    • Puisqu'on se sert d'une page html, il que vous ayez votre propre forum pour héberger la page html ou que votre administrateur accepte de le faire sur son propre forum.

    • Il ne faudrait pas que l'image de l'onglet "signature" dépasse 500x200 pixels.

    • L'image dans l'onglet "moi" a une hauteur de 180 pixels.
    Merci de ne pas enlever le crédit vers Never-Utopia.


    Pour voir le reste, il va falloir un petit merci ^^


    Pour ce qui est de la police, il y a deux manipulations.

    1. Dans la partie CSS, il faut trouver partout où il y a la police abel (c'est écrit "font-family: abel") et remplacer le abel par ta nouvelle police.

    2. Au tout début du code, tu vas trouver :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />

    C'est le lien que j'ai pris de google font et qui met la police Abel sur ta signature. Si tu choisis une autre police de google font, tu n'as qu'à modifier ce lien avec le lien de la nouvelle police ^^

    Voilà ~



    ginl
    ginl
    FémininAge : 36Messages : 88

    Jeu 25 Sep 2014 - 15:52

    merci Very Happy



    (ONYX) Signature codée à onglets - Page 2 Mjsear10
    (ONYX) Signature codée à onglets - Page 2 Galeri10
    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 15:57

    OK merci, désolée il n'y avait pas tout ça dans le LS ^^' Je viens de faire tout ça, seulement je ne sais pas où il faut mettre l'url de mes images xD Je sais que c'est dans contenu de l'onglet signature, mais où ? =x




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 25 Sep 2014 - 16:05

    Premièrement, il faut trouver le contenu de l'onglet. Dans le premier onglet, c'est là où c'est écrit :
    Code:
    Contenu de l'onglet "Signature"

    J'imagine que tu ne veux pas garder la phrase, donc il suffit de la remplacer par ton image. Pour ce qui est de l'image, il faut la mettre comme ceci :
    Code:
    <img src="URL DE TON IMAGE" alt=" " />

    Edit: Comme la plupart des LS, les codes étaient sous hide, d'où la phrase où je demande un merci pour voir la suite Wink



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 16:16

    Je viens de le faire mais rien ne se passe ...

    C'est bien ici ? :
    Code:
    /*Contenu onglet SIGNATURE*/
    .inside_1 {
      height: 200px;
    }

    Je dois mettre le code de l'image où exactement là dedans ? >_<




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 25 Sep 2014 - 17:39

    Erm... Pas du tout XD

    Ok, on va décortiquer un peu le code, d'accord?

    Premièrement, tout ce qu'il y a entre les balises "head" n'est pas à modifier. C'est ce qui met en forme la signature. Bref, cette partie ne doit pas être modifiée :
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>Signature</title>
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
    <script type="text/javascript">
            //<!--
                    function change_ongletii(name)
                    {
    document.getElementById('ongletii_'+anc_ongletii)
    .className = 'ongletii_0 ongletii';
    document.getElementById('ongletii_'+name).
    className = 'ongletii_1 ongletii';
    document.getElementById('contenu_ongletii_'+anc_ongletii)
    .style.display = 'none';
    document.getElementById('contenu_ongletii_'+name).
    style.display = 'block';
                            anc_ongletii = name;
                    }
            //-->
    </script>
    <style type="text/css">
    /*Fond par HTML*/
    body {
      margin: 0px;
    }

    /*Tableau qui entoure la sign*/
    .signii {
      border: 1px solid #fe285a;
      width: 502px;
      height: 218px;
    }
     
    /*Onglets*/
    .ongletii {
      background: #fe285a;
      height: 20px;
      font-size: 16px;
      color: white;
      font-family: abel;
      text-transform: uppercase;
      text-align: center;
      border-bottom: 1px solid #fe285a;
    }
    /*Onglet au survol*/
    .ongletii_0:hover {
      cursor: pointer;
    }
    /*Onglet actif*/
    .ongletii_1 {
      background: #c8254b;
    }
     
    /*Contenu des onglets*/
    .contenu_ongletii {
      background: url('http://i39.servimg.com/u/f39/18/85/39/07/transi10.jpg');
      display: none;
      font-family: abel;
      color: #fe285a;
      font-size: 14px;
    }
     
    /*Contenu onglet SIGNATURE*/
    .inside_1 {
      height: 200px;
    }

    /*Contenu onglet CADEAUX*/
    .inside_2 {
      overflow: auto;
      height: 200px;
    }

    /*Contenu onglet MOI*/
    .inside_3 {
      padding: 9px;
      padding-right: 0px;
      height: 182px;
    }

    /*Image dans contenu onglet MOI*/
    .imgii {
      float: left;
      height: 180px;
      border: 1px solid #fe285a;
      margin-right: 10px;
    }
     
    /*Texte dans contenu onglet MOI*/
    .textii {
      height: 172px;
      padding-right: 10px;
      text-align: justify;
      overflow: auto;
    }

    /*Liens dans contenu onglet MOI en bas*/
    .linksii a {
      display: inline-block;
      color: #fe285a;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none!important;
      margin-right: 20px;
      margin-bottom: -8px;
    }
    /*Liens au survol dans contenu onglet MOI en bas*/
    .linksii a:hover {
      color: #7a162d;
      font-size: 14px;
    }
    </style>
    </head>

    Ensuite, on a la partie entre les balises "body". Ça, c'est le vrai contenu. Cela correspond à ceci:
    Code:
    <body>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="signii"><tr>
        <td width="33%">
          <div onmouseover="javascript:change_ongletii('1er');" id="ongletii_1er" class="ongletii_1 ongletii">
            Signature
          </div>
        </td>
        <td width="34%">
          <div onmouseover="javascript:change_ongletii('2eme');" id="ongletii_2eme" class="ongletii_0 ongletii">
            Cadeaux
          </div>
        </td>
        <td width="33%">
          <div onmouseover="javascript:change_ongletii('3eme');" id="ongletii_3eme" class="ongletii_0 ongletii">
            Moi
          </div>
        </td></tr><tr>
        <td colspan="3">
          <div id="contenu_ongletii_1er" class="contenu_ongletii">
            <div align="center" class="inside_1">
              Contenu de l'onglet "Signature"
            </div>
          </div>
          <div id="contenu_ongletii_2eme" class="contenu_ongletii">
            <div align="center" class="inside_2">
              Contenu de l'onglet "Cadeaux"
            </div>
          </div>
          <div id="contenu_ongletii_3eme" class="contenu_ongletii">
            <div class="inside_3">
              <img src="URL DE L'IMAGE DE L'ONGLET MOI" alt=" " class="imgii" />
              <div class="textii">
                Texte de l'onglet moi.
              </div>
              <div align="right" class="linksii">
                <a href="LIEN VERS LE PROFIL" target="_blank">Profil</a>
                <a href="LIEN VERS LE SITE" target="_blank">Site</a>
                <a href="LIEN VERS LES MP" target="_blank">MP</a>
              </div>
            </div>
          </div>
        </td></tr>
      </table>
    <script type="text/javascript">
            //<!--
                    var anc_ongletii = '1er';
                    change_ongletii(anc_ongletii);
            //-->
    </script>
    </body>
    </html>

    Dans cette partie là, le début correspond aux onglets en haut qui changent le contenu lorsque tu passes dessus. On y touche pas non plus :
    Code:
    <td width="33%">
          <div onmouseover="javascript:change_ongletii('1er');" id="ongletii_1er" class="ongletii_1 ongletii">
            Signature
          </div>
        </td>
        <td width="34%">
          <div onmouseover="javascript:change_ongletii('2eme');" id="ongletii_2eme" class="ongletii_0 ongletii">
            Cadeaux
          </div>
        </td>
        <td width="33%">
          <div onmouseover="javascript:change_ongletii('3eme');" id="ongletii_3eme" class="ongletii_0 ongletii">
            Moi
          </div>
        </td></tr>

    Ensuite, on a les trois contenu des onglets. Là on va pouvoir faire des modifications :
    Code:
    <tr>
        <td colspan="3">
          <div id="contenu_ongletii_1er" class="contenu_ongletii">
            <div align="center" class="inside_1">
              CONTENU DE L'ONGLET SIGNATURE
            </div>
          </div>
          <div id="contenu_ongletii_2eme" class="contenu_ongletii">
            <div align="center" class="inside_2">
              CONTENU DE L'ONGLET CADEAU
            </div>
          </div>
          <div id="contenu_ongletii_3eme" class="contenu_ongletii">
            <div class="inside_3">
              <img src="URL DE L'IMAGE DE L'ONGLET MOI" alt=" " class="imgii" />
              <div class="textii">
                TEXTE DE L'ONGLET MOI.
              </div>
              <div align="right" class="linksii">
                <a href="LIEN VERS LE PROFIL" target="_blank">Profil</a>
                <a href="LIEN VERS LE SITE" target="_blank">Site</a>
                <a href="LIEN VERS LES MP" target="_blank">MP</a>
              </div>
            </div>
          </div>
        </td></tr>

    Si cela peut t'aider, j'ai mis en majuscules les endroits où tu peux modifier des choses.



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 18:12

    Aah merci j'ai trouvé !! =) Par contre ma signa est collée aux titres du haut, y'a t-il moyen de la faire descendre un peu pour qu'elle soit bien centrée ?




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 25 Sep 2014 - 20:22

    Mmhh...

    Tu sais, toute la partie "head" dont on a parlé tout à l'heure? On va le remplacer pour ceci:
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>Signature</title>
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
    <script type="text/javascript">
            //<!--
                    function change_ongletii(name)
                    {
    document.getElementById('ongletii_'+anc_ongletii)
    .className = 'ongletii_0 ongletii';
    document.getElementById('ongletii_'+name).
    className = 'ongletii_1 ongletii';
    document.getElementById('contenu_ongletii_'+anc_ongletii)
    .style.display = 'none';
    document.getElementById('contenu_ongletii_'+name).
    style.display = 'block';
                            anc_ongletii = name;
                    }
            //-->
    </script>
    <style type="text/css">
    /*Fond par HTML*/
    body {
      margin: 0px;
    }

    /*Tableau qui entoure la sign*/
    .signii {
      border: 1px solid #fe285a;
      width: 522px;
      height: 218px;
    }
     
    /*Onglets*/
    .ongletii {
      background: #fe285a;
      height: 20px;
      font-size: 16px;
      color: white;
      font-family: abel;
      text-transform: uppercase;
      text-align: center;
      border-bottom: 1px solid #fe285a;
    }
    /*Onglet au survol*/
    .ongletii_0:hover {
      cursor: pointer;
    }
    /*Onglet actif*/
    .ongletii_1 {
      background: #c8254b;
    }
     
    /*Contenu des onglets*/
    .contenu_ongletii {
      background: url('http://i39.servimg.com/u/f39/18/85/39/07/transi10.jpg');
      display: none;
      font-family: abel;
      color: #fe285a;
      font-size: 14px;
      padding: 10px;
    }
     
    /*Contenu onglet SIGNATURE*/
    .inside_1 {
      height: 200px;
    }

    /*Contenu onglet CADEAUX*/
    .inside_2 {
      overflow: auto;
      height: 200px;
    }

    /*Contenu onglet MOI*/
    .inside_3 {
      height: 200px;
    }

    /*Image dans contenu onglet MOI*/
    .imgii {
      float: left;
      height: 198px;
      border: 1px solid #fe285a;
      margin-right: 10px;
    }
     
    /*Texte dans contenu onglet MOI*/
    .textii {
      height: 188px;
      padding-right: 10px;
      text-align: justify;
      overflow: auto;
    }

    /*Liens dans contenu onglet MOI en bas*/
    .linksii a {
      display: inline-block;
      color: #fe285a;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none!important;
      margin-right: 20px;
      margin-bottom: -8px;
    }
    /*Liens au survol dans contenu onglet MOI en bas*/
    .linksii a:hover {
      color: #7a162d;
      font-size: 14px;
    }
    </style>
    </head>

    Mais après ça, l'iframe serait peut-être trop petit, alors il faudra peut-être modifier la largeur ou la hauteur de l'iframe ^^



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 21:22

    Ca ne va pas car le bloc devient alors plus grand >_< Je voudrais juste centrer la signature. *désolée je suis une chieuse perfectionniste Sad *




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 25 Sep 2014 - 23:07

    Pour l'instant j'ai ceci :
    (ONYX) Signature codée à onglets - Page 2 Sans_t12

    faudrait absolument que ce soit centré, et si possible le texte au milieu au dessus à chaque fois :/

    EDIT: c'est bon je crois avoir réussi xD




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Ven 26 Sep 2014 - 0:17

    J'interviens à la place d'Onyx pour lui faire un peu moins de boulot, vu qu'elle a un décalage horaire avec nous et que c'est un truc assez simple, je me permet de le faire à ça place Wink

    Il te suffit d'ajouter un margin-top à ta signature, mais il faudra peut-être l'adapter à la taille si tu en as une plus grande à l'avenir ou un texte plus grand ^^
    Pour ton image il te suffit d'ajouter

    Code:
    style="margin-top: 20px";

    Entre le "/" et le dernier guillemet (en ajoutant un espace après le guillemet et avant le slash)

    Pour le texte, il faut générer des sauts de lignes manuellement vu que contrairement à sur FA on a pas le script qui le fais automatiquement, donc ajoute simplement
    Code:
    <br />
    Après ton texte pour revenir à la ligne ^^



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Ven 26 Sep 2014 - 15:36

    Ah mercii ça marche !! =D Sauf la toute dernière je sais pas pourquoi elle ne veut pas se centrer xD

    (ONYX) Signature codée à onglets - Page 2 Sans_t13

    c'est la seule qui veut pas se mettre correctement, ni le texte oO

    voilà le code entier de cette partie :
    Code:
    <div id="contenu_ongletii_2eme" class="contenu_ongletii">
            <div align="center" class="inside_2">
            Merci Ething!<img src="http://img15.hostingpics.net/pics/527297Ething.png" alt=" "style="margin-top: 5px"; />
              <br />Merci Syel!<img src="http://img15.hostingpics.net/pics/159269Syel.png" alt=" " />
              <br />Merci Hallow'!<img src="http://img15.hostingpics.net/pics/877551halloween.png" alt=" " />
              <br />Merci Bruleciel!<img src="http://img15.hostingpics.net/pics/371330Bruleciel.jpg" alt=" " />
              <br />Merci Chaamallow!<img src="http://img15.hostingpics.net/pics/484495chaamallow.png" alt=" " />
              <br />Merci Ziara!<img src="http://img15.hostingpics.net/pics/871917ziara.png" alt=" " />
            </div>




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Ven 26 Sep 2014 - 16:13

    Le BR doit être mis entre le texte et l'image pas avant le texte Wink



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Ven 26 Sep 2014 - 19:29

    Ah ui voilà, merci !! Bizarre ça fonctionnait quand même avec les autres :o Bref, je pense que tout est OK, demande terminée donc =D Merci encore !




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Ven 26 Sep 2014 - 23:47

    AAAH! J'ai juste oublié une petite question, comment je fais pour la mettre ici aussi par exemple? Vous aviez dit qu'il y avait un truc pour que ça se mette à jour en inter-forum automatiquement je crois ^^




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 27 Sep 2014 - 0:27

    Regarde dans le message d'Onyx, dans le dernier bloc sur les Iframes : https://www.never-utopia.com/t51246p15-onyx-signature-codee-a-onglets#768777



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Sam 27 Sep 2014 - 13:07

    Merci c'est fait :p Par contre elle est trop large pour ici :x




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 27 Sep 2014 - 13:11

    Sparrow a mis une hauteur fixe de 200 px maximum, soit tu réduits la taille des blocs et ajoute un ascenseur(scrollbar) soit tu l'ajoutes autour de l'iframe pour qu'on puisse descendre un peu pour voir la fin Razz C'est la seule solution possible avec ce thème Razz

    Genre, tu fais ça :
    Code:
    <div style="height: 200px; overflow: auto;">
    Ton Iframe
    </div>



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Sam 27 Sep 2014 - 13:46

    Ah oui voilà, merci bien :p




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 27 Sep 2014 - 15:26

    Par contre, pour le coup, tu n'as plus du tout de crédit envers NU, et c'est assez peu sympathique, après tu en as peut-être sur ton site ou autre je ne sais pas j'ai pas été voir m'enfin, le minimum serait d'en mettre un dans ta signature aussi (ou au moins ici) ^^

    Autre chose, avec ton profil, ton site, et MP tu fais de la pub pour ce qui semble être un autre forum (De graph qui plus est) et un site, tout deux sont à toi je suppose. Or, ce n'est pas toléré de faire de la publicité pour un autre site/forum dans sa signature, même sous cette forme, encore moins si c'est du Graph' (enfin, de toute façon c'est pas toléré du tout donc Graph', Codage, Entraide, ou RPG, ça change rien) ^^'

    Ce n'est pas que je veux pas que tu mettes cette signature ici mais ce n'est pas toléré de faire de la publicité. Cela dit, si tu comptes garder ta signature et enlever la pub et tout uniquement sur ce forum, y'a moyen de tricher un peu en les faisant disparaître uniquement ici ^^'



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Sam 27 Sep 2014 - 17:55

    Effectivement les 2 sont de moi ^^ Par contre oui j'avais pas tilté que cela renvoyait les liens sur mon autre forum, mais ce n'est en aucun cas de la pub, j'ai voulu faire cette signa' pour mon forum... Du coup je vais pas mettre cette signature ici, flemme de changer les liens etc. Pour le crédit oui je veux bien le problème c'est que je ne sais pas le faire...




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 27 Sep 2014 - 18:18

    Vois ça avec Onyx vu que c'est son côté, mais je pense que si tu répètes juste ça :

    Code:
    <a href="LIEN VERS LE SITE" target="_blank">TEXTE</a>

    Avant ou après l'un des autres lien, ça rajoutera ce lien là à la barre, tu peux par exemple faire :
    Code:
     <div align="right" class="linksii">
                <a href="LIEN VERS LE PROFIL" target="_blank">Profil</a>
                <a href="LIEN VERS LE SITE" target="_blank">Site</a>
                <a href="LIEN VERS LES MP" target="_blank">MP</a>
                <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>
              </div>



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Sam 27 Sep 2014 - 19:24

    Oui mais je n'ai pas envie de le mettre au même emplacement que ces liens là, ça va me faire 4 trucs au lieu de 3, j'aurais préféré le mettre en dehors et plus petit :x Je crois savoir comment, est-ce qu'il y a moyen de mettre les 3 liens à gauche en dessous de l'image, et alors je pourrais mettre la signature de NU à droite ? x) ps : pas en rose si possible, mais en gris clair comme ceci :

    (ONYX) Signature codée à onglets - Page 2 Sans_t14




    (ONYX) Signature codée à onglets - Page 2 1E4PE
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 27 Sep 2014 - 19:33

    Oui c'est jouable ça si tu veux mettre les trois liens en dessous de l'image et celui de NU à droite, après va falloir soit jouer avec l'alignement soit avec le flottement voire avec l'alignement du texte mais moins sûr que ça marche Razz



    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 15:09