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

    Fiche de présentation [ terminé ]

    Agrùme
    Agrùme
    FémininAge : 28Messages : 20

    Sam 3 Nov 2012 - 23:03

    Bonjour, bonsoir!

    Commande
    Type de document voulu : Fiche de présentation
    Adresse du forum : http://poudlard-marauders.forumactif.com/
    Description des éléments : La fiche rêvée! https://2img.net/r/hpimg15/pics/231544fiche.gif
    Avatar - 200x320
    Les images dans l'histoire - 245x120
    Icône - 100x100
    Couleurs ou tons : Ce sera en fonction du futur design, donc je les modifierais moi-même :)
    Images : Grande image: https://2img.net/h/oi40.tinypic.com/5bbtj4.png
    Avatar: https://2img.net/h/i175.photobucket.com/albums/w123/missreni25/suite/avapaparazzi1.png
    Images dans l'histoire: http://25.media.tumblr.com/tumblr_m63h8x7SVx1qbb98yo4_250.gif
    Icone: https://2img.net/h/oi25.tinypic.com/16707s5.jpg
    Autres précisions : Merci d'avance! :hug2:


    Dernière édition par Agrùme le Mar 20 Nov 2012 - 20:20, édité 2 fois
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Dim 4 Nov 2012 - 9:16

    Bonjour, pourrait tu ouvrir le forum au invitées que je puisse vérifiée si tu a bien 5 membres inscrit et que t'on forum soit construit merci.



    Fiche de présentation [ terminé ] 376864signichigo
    Agrùme
    Agrùme
    FémininAge : 28Messages : 20

    Dim 4 Nov 2012 - 12:32

    Ah oui, voilà c'est fait :)
    Anonymous
    Invité

    Lun 5 Nov 2012 - 13:27

      Hello,

      Je vais sûrement prendre la commande une fois que Klash aura tout contrôlé, mais avant tout saches que ta page va être extrêmement large si tu fais sur deux colonnes comme ça, à moins que l'une soit moins large que l'autre (si oui laquelle veux-tu que ce soit ?) ou que tu veuilles que les zones de texte soient réduites ?

      Au plaisir Wink
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Mer 7 Nov 2012 - 18:09

    Hello je ne peut toujours pas voir le forum il est bloquée aux invitées.



    Fiche de présentation [ terminé ] 376864signichigo
    Agrùme
    Agrùme
    FémininAge : 28Messages : 20

    Sam 10 Nov 2012 - 11:07

    Mince, l'autre admin a dû le remettre en vacance! Je l'ai re-modifié, ça doit être bon maintenant!

    Merci beaucoup Halloween, en fait, je préfèrerai que les zones de textes soit réduites je pense, j'aimerais le tout en une colonne si possible! :)
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 10 Nov 2012 - 11:12

    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



    Fiche de présentation [ terminé ] 376864signichigo
    Anonymous
    Invité

    Sam 10 Nov 2012 - 14:43

      Yosh,

      Voila donc ce que j'ai tenté : ici.

      Les couleurs rendent bizarres, il faudra les changer je pense. Quand à la police, comme tu ne l'avais pas donnée, j'ai mis en Arial par défaut.

      Si ça te va, je te passe le code Wink
    Agrùme
    Agrùme
    FémininAge : 28Messages : 20

    Mer 14 Nov 2012 - 21:01

    J'aime beaucoup pour ma part, merci! Je montre ça à l'autre admin et je te dis ce qui en est Wink

    EDIT: c'est bon, c'est parfait! Merci beaucoup en tout cas, c'est génial Very Happy
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Dim 18 Nov 2012 - 23:49

    Coucou Agrùme ^^

    Pourrais-tu mettre le logo terminé s'il te plaît ? ; )

    Sans lui, je ne peux pas voir celles qui ont été finies et celles en cours ; )

    Merci et bonne soirée à toi :)
    Anonymous
    Invité

    Lun 19 Nov 2012 - 14:01

      Arf, j'avais pas vu ton edit, pardon xD

      ▬ Pour la présentation :

      Code:
      <center><div class="cadrepresentation"></div><div class="prenom">Prénom(s) Nom</div>
      <div style="margin-left: 50px"><table width="60%" border="0" cellspacing="-100"><tr>
      <td width="30%"><div class="identity1"><div class="ava">
      <img src="http://i175.photobucket.com/albums/w123/missreni25/suite/avapaparazzi1.png"></div></div></td>
            <td width="30%"><div class="identity1"><div class="titre1">Identity</div>

      <div style="text-align: justify; width: 180px; padding: 10px; height: 250px; overflow: auto;">
      <div class="sous-titre">Prénoms</div>
      <div class="sous-titre">Nom</div>
      <div class="sous-titre">Age </div>
      <div class="sous-titre">Maison</div>
      <div class="sous-titre">Animal </div>
      <div class="sous-titre">Patronus</div>
      <div class="sous-titre">Epouventar</div>
      <div class="sous-titre">Etc ...</div>
      <div class="sous-titre">Etc ...</div>
      <div class="sous-titre">Etc ...</div>
      <div class="sous-titre">Etc ...</div>
      </div></div></td>
        </tr>
      </table></div>


      <div class="barre"></div><div class="titre2">Ton physique</div>

      <div class="texte">Doctus incusare diutius iniquitati oculos fundato tandem cruciatibus Cyprii intrepidus diutius gnarus tandem quaedam in obtrectatorem nec Stoicum fundato incusare gnarus pertinacius ut ut praecepit passus obtrectatorem multatus cruciatibus intrepidus qui nec sollemnia confutatus pertinacius mansit regis poenali poenali quemquam mentiretur veterem poenali nec suam tandem Caesar consorte doctus laceratus Zenonem cum veterem tamquam confessus multatus Zenonem tandem Caesar et torvum inplorans poenali fundato nec confutatus nec Cyprii mansit iniquitati flagitaret nec pertinacius imitatus illum veterem multatus atque intrepidus sedibus superbiam veterem quemquam consorte sedibus excarnificari obtrectatorem libertatemque morte inmobilis nec qui qui quaedam torvum sollemnia audacem nec quemquam se.</div>


      <div class="barre"></div><div class="titre2">Ton histoire</div>

      <div class="texte"><img src="http://25.media.tumblr.com/tumblr_m63h8x7SVx1qbb98yo4_250.gif" align=left hspace=10 class="arrondie"> Doctus incusare diutius iniquitati oculos fundato tandem cruciatibus Cyprii intrepidus diutius gnarus tandem quaedam in obtrectatorem nec Stoicum fundato incusare gnarus pertinacius ut ut praecepit passus obtrectatorem multatus cruciatibus intrepidus qui nec sollemnia confutatus pertinacius mansit regis poenali poenali quemquam mentiretur veterem poenali nec suam tandem Caesar consorte doctus laceratus Zenonem cum veterem tamquam confessus multatus Zenonem tandem Caesar et torvum inplorans poenali fundato nec confutatus nec Cyprii mansit iniquitati flagitaret nec pertinacius imitatus illum veterem multatus atque intrepidus sedibus superbiam veterem quemquam consorte sedibus excarnificari obtrectatorem libertatemque morte inmobilis nec qui qui quaedam torvum sollemnia audacem nec quemquam se.

      Doctus incusare diutius iniquitati oculos fundato tandem cruciatibus Cyprii intrepidus diutius gnarus tandem quaedam in obtrectatorem nec Stoicum fundato incusare gnarus pertinacius ut ut praecepit passus obtrectatorem multatus cruciatibus intrepidus qui nec sollemnia confutatus pertinacius mansit regis poenali poenali quemquam mentiretur veterem poenali nec suam tandem Caesar consorte doctus laceratus Zenonem cum veterem tamquam confessus multatus Zenonem tandem Caesar et torvum inplorans poenali fundato nec confutatus nec Cyprii mansit iniquitati flagitaret nec pertinacius imitatus illum veterem multatus atque intrepidus sedibus superbiam veterem quemquam consorte sedibus excarnificari obtrectatorem libertatemque morte inmobilis nec qui qui quaedam torvum sollemnia audacem nec quemquam se.

      <img src="http://25.media.tumblr.com/tumblr_m63h8x7SVx1qbb98yo4_250.gif" align=right hspace=10 class="arrondie">Doctus incusare diutius iniquitati oculos fundato tandem cruciatibus Cyprii intrepidus diutius gnarus tandem quaedam in obtrectatorem nec Stoicum fundato incusare gnarus pertinacius ut ut praecepit passus obtrectatorem multatus cruciatibus intrepidus qui nec sollemnia confutatus pertinacius mansit regis poenali poenali quemquam mentiretur veterem poenali nec suam tandem Caesar consorte doctus laceratus Zenonem cum veterem tamquam confessus multatus Zenonem tandem Caesar et torvum inplorans poenali fundato nec confutatus nec Cyprii mansit iniquitati flagitaret nec pertinacius imitatus illum veterem multatus atque intrepidus sedibus superbiam veterem quemquam consorte sedibus excarnificari obtrectatorem libertatemque morte inmobilis nec qui qui quaedam torvum sollemnia audacem nec quemquam se.</div>


      <div class="barre"></div><div class="titre2">Ton caractère</div>

      <div class="texte">Doctus incusare diutius iniquitati oculos fundato tandem cruciatibus Cyprii intrepidus diutius gnarus tandem quaedam in obtrectatorem nec Stoicum fundato incusare gnarus pertinacius ut ut praecepit passus obtrectatorem multatus cruciatibus intrepidus qui nec sollemnia confutatus pertinacius mansit regis poenali poenali quemquam mentiretur veterem poenali nec suam tandem Caesar consorte doctus laceratus Zenonem cum veterem tamquam confessus multatus Zenonem tandem Caesar et torvum inplorans poenali fundato nec confutatus nec Cyprii mansit iniquitati flagitaret nec pertinacius imitatus illum veterem multatus atque intrepidus sedibus superbiam veterem quemquam consorte sedibus excarnificari obtrectatorem libertatemque morte inmobilis nec qui qui quaedam torvum sollemnia audacem nec quemquam se.</div>


      <div class="derriere"><div class="titre2">Derrière ton écran</div>

      <div class="sous-titre">Pseudo</div><img src="http://i25.tinypic.com/16707s5.jpg" align=right class="arrondie1">
      <div class="sous-titre">Age</div>
      <div class="sous-titre">Double-compte</div>
      <div class="sous-titre">Etc</div>
      </div>
      <span class="credit"><a href="http://www.never-utopia.com">(c) par Never-Utopia</a></span>
      </center>

      ▬ Pour le CSS :

      Code:
      .arrondie1 {
        border-radius:50px;
      -webkit-border-radius:50px;
      -moz-border-radius:50px;
      }


      .cadrepresentation {
        width: 400px;
        height: 260px;
        border-radius : 20px;
        -webkit-border-radius : 20px;
        -moz-border-radius : 20px;
        background-image: url("http://i40.tinypic.com/5bbtj4.png");
      }

      .prenom {
        font-family: arial;
        font-size: 26px;
        color: #D2B48C;
        margin-top: -10px;}

      .identity1 {
          border-radius : 20px;
        -webkit-border-radius : 20px;
        -moz-border-radius : 20px;
        background-color: #C8B7D3;
        width: 220px;
        height: 355px;
        padding: 5px;
      }

      .ava {
        margin-left: 10px;
      }

      .titre1 {
        text-align: center;
        font-size: 20px;
        color: #FFE4E1;
      }

      .sous-titre {
          text-align: left;
        font-size: 9px;
        color: #FFE4E1;
      }

      .barre {
          background-color: #C8B7D3;
        border-radius : 25px;
        -webkit-border-radius : 25px;
        -moz-border-radius : 25px;
        width: 500px;
        height: 10px;
      }

      .titre2 {
          text-align: center;
        font-size: 20px;
        color: #FFE4E1;
      margin-top: -15px; }

      .texte {
        width: 500px;
        text-align: justify; }

      .arrondie {
      border-radius:20px;
      -moz-border-radius:20px;
      -webkit-border-radius:20px;
      }

      .derriere {
          border-radius : 20px;
        -webkit-border-radius : 20px;
        -moz-border-radius : 20px;
        background-color: #C8B7D3;
        width: 500px;
        padding: 5px;}

      .arrondie1 {
        border-radius:50px;
      -webkit-border-radius:50px;
      -moz-border-radius:50px;
      }

      .credit
      {
      display: block;
      text-align: right;
      margin-right: 20px;
      }
      .credit a
      {
      font-size: 10px;
      text-decoration: none !important;
      }

      J'ai peut-être oublié quelque chose pour le CSS, il faudra me dire. Et pour la petite explication, la plupart des membres étant réticents à compléter un formulaire codé, j'ai ajouté la majorité de ces derniers dans la feuille de style, comme ça ta fiche est light Wink

      Si tout fonctionne pense à faire ce qu'Angelusia a dit.

      Bonne journée.
    Agrùme
    Agrùme
    FémininAge : 28Messages : 20

    Mar 20 Nov 2012 - 20:19

    C'est super, je ne vois rien d'anormal!
    En tous cas merci à toi, tu m'as sauvé la vie XD

    Very Happy
    Anonymous
    Invité

    Mar 20 Nov 2012 - 20:42

    Je t'en prie xD
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Jeu 22 Nov 2012 - 18:42

    Je déplace.



    Fiche de présentation [ terminé ] 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 3:31