Formation ► Ecleasya
    Message le Lun 3 Avr - 0:00





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Lun 3 Avr - 0:19
    Hélà :D Alors alors ce que je sais du css/html, déjà je connais la signification de chaque, où on les emplois et je connais leurs bases (je suis aussi plus douée en css que html XD). Par exemple la fiche codée dans ma boutique, ainsi que ce truc XD y'a aussi ce machin bidule truc là mais je me souviens plus comment on fait :kyaaa: ça remonte à trop loin XD

    Mon rêve ? Coder des templates et du javascript :fire: :blblbl: :ooooh: Voilà x)





    Message le Lun 3 Avr - 0:29





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Lun 3 Avr - 0:41
    Hey :) Je trouve le html plus simple, effectivement, mais je suis plus à l'aise avec le css parce que je connais pratiquement toutes les propriétés et les valeurs XD Ouais, une fois remise en selle, j'arrêterai plus de coder, pour pas perdre ce que tu m'auras appris x) Pas de soucis pour demain sinon, mais comme j'ai cours la semaine, je ne pourrai te répondre que le soir après 16h30/17h00 :bigbad:





    Message le Lun 3 Avr - 0:47





    Merci Lys pour la signature !  :hug:

    Message le Lun 3 Avr - 20:02





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Lun 3 Avr - 21:04
    Yep :fire:





    Message le Lun 3 Avr - 22:09





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Mar 4 Avr - 3:15
    Hey :) Je t'avoue que je ne suis à l'aise qu'avec les tableaux XD (donc si tu veux m'apprendre à utiliser les div je serais pas contre :P (pareil pour les tableaux, j'ai encore un peu de mal à les utiliser '^'))

    Oui, pourquoi pas pour les maquettes, ça peut être super fun à faire :kyaaa:





    Message le Mar 4 Avr - 19:27





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Mar 4 Avr - 22:52
    Toi tu me déteste :ooooh: Bon j'vais essayer de te faire ça rapidos XD Mais le soir c'Est assez chaud comme j'ai cours jusque 16h/16h30 et que j'dodo vers 20h XD Je sais pas si en 4h j'ai le temps de boucler la boucle comme on dit :P Puis question, t'entends quoi par barre de séparation ? Un bête border-bottom au titre ou tu veux quelque chose de plus compliqué ? :)





    Message le Mar 4 Avr - 23:04





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Mar 4 Avr - 23:41
    Justement, l'élément HTML j'suis pas certaine de savoir ce que c'est, alors si à la fin de l'exercice tu connais d'autre méthode, j'aimerais bien les connaître :fire: (enfin, si ça te dérange pas de me les expliquer parce que je sais que ça peu prendre du temps comme il en existe beaucoup :haha: )





    Message le Mer 5 Avr - 8:44





    Merci Lys pour la signature !  :hug:

    L'auteur de ce message est actuellement banni du forum - Voir le message
    Message le Ven 7 Avr - 22:08
    Hey :) Bon, euh j'ai, comment dire, légèrement ? (oui bon d'accord pas que légèrement XD) modifié la maquette, mais je trouvais que ce rendu-ci était plus jolie. J'espère que tu m'en veux pas ? :miou: Si c'est le cas je peux recommencer avec la maquette totale cette fois-ci XD

    Et j'me suis fourrée plus haut, c'est pas avec les tableaux que je suis la plus à l'aise, mais avec les div XD #Boulet !


    Bref, voilà le code :) (en html/css parce que j'aime quand c'est séparé XD)

    Code:
    <div id="fiche">
    <div id="titre">Ton contexte</div>
    <div id="image"><img src="http://i.imgur.com/n8TSWUu.png"/><div id="sous-titre">
    Sous-titre</div></div> <br />Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.<br />
    <div id="image"><img src="http://i.imgur.com/XrNMO6D.png"/><div id="sous-titre">
    Sous-titre</div></div> <br />Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.<br /><br /><br /><br />
    <div id="gif"><img src="https://media0.giphy.com/media/TnLiZ8si2ARuE/100.gif" /></div><br /><div id="texte">Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.</div></div><div id="copyright">Codé par Ecleasya, toute copie, partielle ou intégrale, sera punnit d'emprisonnement !</div>

    Code:
    #fiche {
      width:500px;
      height:auto;
      background-color:white;
      padding:15px;
      text-align:justify;
    }

    #titre{
      border-bottom:1px solid black;
      font-family:Georgia;
      width:350px;
      margin-left:75px;
      font-size:32px;
      text-align:center;
    }

    #image{
      width: 300px;
     height: 150px;
      border:3.5px solid darkred;
      margin-top:40px;
      margin-left:75px;;
    }

    #sous-titre {
      margin-left:80px;
      margin-top:-20px;
      font-size:35px;
      color:Cornflowerblue;
      text-shadow:2px 1px 1px 1px black;
    }

    #gif{
      width:100px;
     height:100px;
     border-radius:50px;
      overflow:hidden;
      background-position:center;
    }

    #texte {
      margin-top:-120px;
      width:350px;
      line-height:15px;
      margin-left:113px;
    }

    #copyright {
      background-darkred;
      color:white;
      width:530px;
      height:12px;
      font-size:12px;
      text-align:right;
    }


    Sinon tu peux voir le rendu ici :meow: Voilàààà :kyaaa:


      La date/heure actuelle est Sam 21 Oct - 10:46