AccueilFAQRechercherMembresGroupesS'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.


    Code pour Message de Présentation - Style Twitter

    Partagez
    avatar
    SpiritGun10
    MasculinAge : 28Messages : 193

    le Sam 9 Sep 2017 - 11:32

    Rappel du premier message :

    Message de présentation style Twitter



    J'aimerais pouvoir présenter un personnage, ses informations via une carte d'identité, et des informations concernant des RPs déjà effectués, ainsi que la progression de ce-dit personnage. Le tout sous la forme d'une pseudo-page Twitter, ou site web de réseau social assimilé, avec un header et un avatar, sous lequel je pourrais mettre un pseudo et un @tag; avec nombre de followers/followings/tweets basés sur divers éléments d'un forum (forumage, message postés, membres inscrits...)


    Schéma(s) et Eléments


    Schémas : Schéma Global
    Tailles des éléments : Pas de taille standard, juste que cela puisse rentrer dans un format message. Quelque chose du genre 735px grand max de large.
    Effets voulus : J'aimerais un rendu plus violacé, une ambiance plus graphique tout en restant "viable" en tant qu'effet de page web twitter, ou une plateforme de réseau social du genre. Il faudrait aussi que je puisse caser autant d'informations que sur le schéma, notamment les trois cadres en-dessous des petits sprites roses (des Mentalis). Le fake-bouton pour s'abonner serait aussi en adéquation en termes de couleurs et de typo. La carte d'identité (où on voit le sprite du pokémon Méganium - le vert) est une carte à onglets qui partagent différentes infos, s'il était possible d'intégrer quelque chose dans le code pour cet élément ça serait chouette.
    Version de votre forum : PHPBB ? (le forum indique ça en terme de sigle donc je suppose que ça devrait faire l'affaire?)


    Autres précisions ?


    Il faudrait donc que ça suive l'esprit Twitter, ou un réseau social du même type. Sans pour autant ressembler au schéma qui est un condensé de "style" de code déjà possédé par d'autres membres, et je voudrais quelque chose de plus personnel. Mots clés : twitter, social network, violet et tons en adéquation, graphique, ludique, spacieux et ordonné. Pour les typo, quelque chose de frais mais de classe, et qui ne ressemblerait pas au schéma, de préférence. Je peux éventuellement fournir le code "à la base" du schéma, si toutefois il vous fallait une base pour opérer toutes les modifications nécessaires, pour obtenir un rendu différent mais similaire dans la direction artistique.

    Merci d'avance.






    |||Thanks Jiyuu|♥||
    avatar
    SpiritGun10
    MasculinAge : 28Messages : 193

    le Dim 18 Mar 2018 - 17:37

    Alors, déjà, merci pour le travail fourni.

    Ensuite : C'est déjà bien ciblé dans l'ensemble, c'est tout à fait le genre de code que je voudrais, en plus de ressembler à Twitter mais pas trop.
    → Je ne suis par contre pas fan de la police d'écriture, j'aimerais un truc plus féminin, pas trop arrondi, mais une police plus calligraphique dirons-nous.
    → Au niveau des couleurs, ça passe, mais j'aimerais un violet moins foncé ou alors, si possible, un dégradé de violet foncé vers le lilas je dirais, histoire de voir ce que ça donnerait. Pareil pour les écritures, si on pouvait éviter le marron/noir ... et pourquoi pas reprendre ce violet nuit prononcé, histoire de rester raccord ?
    → Le premier cadre est tout à fait ce à quoi je pensais, le fait de cliquer sur les chiffres, pour avoir accès à différentes informations. Parfait. Pour les deux autres cadres, je les aurais imaginé un poil plus grands; par contre, si c'était possible, de faire du second cadre un endroit où je pourrais mettre en "tableau", en "grille" des images telles des illustrations des pokémons que l'on pourrait potentiellement avoir dans son inventaire. Une sorte de grille de rangement qui accueillerait des avatars, en quelques sortes. Ce serait faisable tu penses ? En gardant le dégradé en fond, histoire de me forcer à créer des avatars avec transparence pour respecter le travail de fond fourni.
    → Possibilité de rajouter un quatrième cadre ? Le premier servirait à mes informations de personnages, le second pour la représentation de ma team pokémon, le troisième pour les relations RP entretenus avec les autres personnages ou PNJs; et le dernier servirait d'historique de RP produits.
    → Concernant les données "Tweets", "Abonnés" et "Abonnements" : les chiffres sont-ils aléatoires, où y aurait-il un moyen de les éditer au besoin ? J'avais dans l'idée de faire de mes "abonnés" le nombre de pokémons dans mon équipe, le nombre d' "abonnements" le nombre de personne avec qui j'aurais RPs, et les "tweets" étant le nombre de sujets de RP produits pour faire une sorte d'historique dans le 3ème cadre.

    Voilà, j'espère ne pas en avoir trop demandé, auquel cas, fais-le moi savoir o/ Encore merci pour le travail effectué, c'est déjà ce que j'avais en tête, manque plus quelques retouches par-ci par-là dans la mesure du possible et du faisable \o/





    |||Thanks Jiyuu|♥||
    avatar
    Senk
    MasculinAge : 19Messages : 47

    le Dim 18 Mar 2018 - 18:37

    Essaie de me trouver la police de tes rêves sur Google font.
    Les couleur, si tu parviens à me trouver des codes couleurs pour l'écriture et les fonds c'est bien aussi :p
    Ensuite : 4ème cadre : possible.
    Les nombres sont tout à fait modifiables.

    avatar
    SpiritGun10
    MasculinAge : 28Messages : 193

    le Ven 20 Avr 2018 - 19:28

    Tellement désolé pour ce retard d'un mois ... j'ai été super occupé, ça va pas aller en s'arrangeant, mais je peux trouver un peu de temps pour finaliser les paramètres du code. Alors, en police, je pensais à quelque chose de classique mais d'un peu sobre comme du Californian FB ou du Times New Roman, ou une police du genre arrondie, un poil graphique etc...

    Et pour le reste, c'est parfait donc, surtout si je peux y ajouter un cadre supplémentaire! Merci encore! En espérant que tu seras toujours okay pour le codage xD





    |||Thanks Jiyuu|♥||
    avatar
    Senk
    MasculinAge : 19Messages : 47

    le Sam 21 Avr 2018 - 1:30

    Dès que j'ai du temps libre je te finalise ça lors ^^
    avatar
    SpiritGun10
    MasculinAge : 28Messages : 193

    le Dim 17 Juin 2018 - 11:41

    Hâte de voir le résultat o/





    |||Thanks Jiyuu|♥||
    avatar
    Senk
    MasculinAge : 19Messages : 47

    le Dim 17 Juin 2018 - 15:03

    Oula désolé, jte finis ça maintenant Razz

    edit:
    Spoiler:

    Nom Prénom

    @nomprenom
    Pokemon
     - profession
    1
    2
    3
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae sapien non mi aliquam lacinia. Cras ultrices nulla ex, et luctus purus finibus at. Pellentesque quis mauris id justo dictum blandit vitae ac sem. Aliquam congue a enim sit amet lobortis. Ut vulputate at velit eu tristique. Curabitur id nibh scelerisque, tempus lectus nec, sodales risus. Vestibulum ultrices nibh facilisis iaculis venenatis. Sed purus tortor, pretium vitae condimentum in, pellentesque a dolor. Nunc dui diam, laoreet eu fermentum at, euismod vel dui. Ut sed magna pellentesque, vehicula augue id, elementum dolor. Sed mattis, urna id auctor convallis, justo nulla laoreet nibh, dictum molestie eros ante sed nisl. Vestibulum a finibus odio.Sed eget metus leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque id rutrum lacus. Nulla vel nibh nisi. Ut venenatis non orci in lobortis. Vestibulum dictum sapien eget egestas malesuada. Fusce rhoncus lectus venenatis nisi auctor dictum. Etiam enim elit, malesuada sollicitudin fermentum et, blandit id neque. Etiam vulputate tellus magna, ut placerat eros suscipit id. Sed nisl lorem, venenatis dapibus arcu eget, euismod tempus libero.Proin tristique nec lorem nec viverra. Aenean convallis justo vel sollicitudin efficitur. In bibendum diam vitae quam maximus hendrerit. Phasellus eleifend lacus a dui maximus finibus. Nunc vel turpis quis enim tristique mattis quis vel ligula. Nam aliquam nisi urna, ut viverra eros interdum ut. Curabitur nisi ligula, posuere ac vestibulum a, sollicitudin sed velit. Sed malesuada nibh libero, at euismod mi efficitur nec. Pellentesque ac mattis dui, at elementum erat. Nullam at turpis ac sem iaculis bibendum sit amet ac urna. Cras vestibulum condimentum est fringilla vestibulum. Mauris in libero lacus. Cras vitae leo eu felis convallis scelerisque. Pellentesque justo felis, suscipit eget massa tempus, iaculis imperdiet sem.Morbi egestas tincidunt elementum. Praesent dui felis, iaculis vel neque ac, hendrerit ultricies magna. Nunc elementum id justo vel gravida. Suspendisse eget nibh lorem. Aliquam porta dictum magna, quis ultrices nisl mattis eu. Duis porta congue tempor. Maecenas vel sem ut est lacinia volutpat et id libero. Aenean placerat augue quis dolor pharetra luctus. Phasellus ante lectus, blandit vitae luctus nec, scelerisque id sapien. Integer sit amet tristique nisl. Nullam condimentum hendrerit justo consequat pellentesque. Duis ut porttitor tortor. Nullam rhoncus laoreet enim, in semper augue condimentum laoreet. Donec aliquet lacinia odio, in sagittis mauris viverra ac. Proin scelerisque nisi at leo ultricies laoreet eget eu urna.Duis fermentum aliquam tincidunt. Praesent auctor purus quis libero gravida, et feugiat nulla hendrerit. Duis eu ultricies metus. Nunc faucibus consectetur eros. Maecenas vel diam eu nulla porttitor scelerisque. Curabitur quis dui faucibus, ullamcorper nibh ac, vehicula erat. Fusce tristique, mauris ac bibendum luctus, augue magna pellentesque metus, pretium rhoncus dolor nulla et nisi. Sed at auctor enim.
    Dernière mise à jour : DD/MM/YY
    avatar
    totalswag
    MasculinAge : 23Messages : 3

    le Dim 19 Aoû 2018 - 21:38

    nice
    Contenu sponsorisé


      La date/heure actuelle est Dim 18 Nov 2018 - 15:00