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 :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

    Codage pour journal

    narakye
    narakye
    FémininAge : 30Messages : 503

    Ven 28 Aoû 2015 - 14:54

    Article de journal



    Bonjour, je viens vers vous pour un petit codage de journal ! Je vous remercie pour tout l'intérêt que vous porterez à ma demande

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    Tailles des éléments : /
    Effets voulus : comme indiquer, quand on clique sur le signe la prédiction est écrit sur le cadre de droite


    Ressources
    https://2img.net/r/hpimg11/pics/689465articlejournalvide.png
    https://2img.net/r/hpimg11/pics/264602signesastrologique.png


    Autres précisions ?
    Si vous avez besoin d'autres ressources, indiquez le moi. MErci pour tout !
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Mer 9 Sep 2015 - 12:23

    Salut,

    On a pas eu de nouvelles depuis 10 jours, le sujet est-il toujours d'actualité ? :)



     
    narakye
    narakye
    FémininAge : 30Messages : 503

    Mer 9 Sep 2015 - 15:01

    Bonjour,

    Ce sujet est toujours d'actualité =)
    narakye
    narakye
    FémininAge : 30Messages : 503

    Ven 11 Sep 2015 - 23:02

    je up =)
    narakye
    narakye
    FémininAge : 30Messages : 503

    Mar 15 Sep 2015 - 20:14

    Je me permets de up =)
    narakye
    narakye
    FémininAge : 30Messages : 503

    Sam 19 Sep 2015 - 15:18

    Upy
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mer 23 Sep 2015 - 16:35

    Coucou ^^

    Dans une envie soudaine de coder et ne sachant pas quoi faire j'ai voulu faire ta demande qui me paraissait assez sympa. Du coup j'ai commencé mais j'avais quelques petites choses à te demander/dire Razz

    • Déjà, tu nous demandes des polices pour le texte mais celles-ci sont des polices que tu as installées sur ton PC. Tous membres n'ayant pas installé cette police d'écriture ne la verra pas et verra celle de base de ton forum à la base. Le mieux serait que tu cherches des polices Google Fonts équivalente, elles ont l'avantage d'être à "installer" sur son forum et donc d'être visible par tous les membres qui passent dessus ^^

    • Pour People, tu demandes une image dans le cadre en haut, est-ce que ce cadre doit être visible dans le code ? Au delà de ça, un soucis ce pose, si on met une image en codage elle se placera forcément au dessus du texte "People". On a donc pas moyen de la mettre en dessous comme sur ton schéma, l'idéal serait que tu le fasses toi-même avec un logiciel de Graph' à chaque nouveau journal (car je suppose que l'image va être légèrement modifier à chaque fois vu qu'il y a "Journal N°1" sur cette image) ou alors que tu fournisses indépendamment du reste, l'image du texte "People" et qu'on le mettre en codage ^^

    • Pour le fais que l'horoscope doit apparaître en fonction du signe sur lequel on clique, pour optimiser ça il faudrait que chaque signe soit détouré indépendamment des autres, et que donc on est une image de fourni pour chaque signe + éventuellement le texte ^^ Il y aurait bien moyen de faire ça sans détourage en HTML sauf que ça ne serait pas très précis et donc c'est mieux ainsi ^^

    • Enfin, ton image de fond pour le journal est sur fond blanc, est-ce normal ou est-ce un oubli de détourage ? C'est juste à titre d'information ça ^^


    Voilà voilà, en attente de tes réponses du coup :)



    narakye
    narakye
    FémininAge : 30Messages : 503

    Mer 23 Sep 2015 - 17:40

    Bonjour,

    Dans un premier temps je te remercie de l'intérêt que tu prête à ma demande .

    Pour la police d'écriture ; dans le cadre d"interview j'obterais pour  Reenie Beanie , le nom des signes toujours en pacifico et pour le reste Happy Monkey
    Concernant l'image dans la section people je m'en occuperais graphiquement dans tous les journaux.
    Les signes astrologiques sont accessible : ici et le fond restera blanc
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Jeu 24 Sep 2015 - 19:39

    Coucou ^^

    Cela te convient-il ? http://jsfiddle.net/Alzufen/2bxwyx3c/1/show/

    Le nom des signes est remplacé par "Chargement du code JS" tant que la page n'a pas fini de charger, histoire que les gens soient pas trop impatient de cliquer et ce plaigne que ça marche pas si jamais la page de ton forum est trop longue à charger ^^ A toi de voir si tu veux laisser ou pas, dans tous les cas, avec le code JS actuel les deux cadres seront vide tant que la page n'a pas finie de charger ^^

    Si tu as quoi que ce soit à redire, que tu aimerais modifier ou quoi, dis-le moi et je te fais ça ^^



    narakye
    narakye
    FémininAge : 30Messages : 503

    Ven 25 Sep 2015 - 13:54

    Bonjour,

    owwww c'est magnifique comme c'est *w*
    Je voulais juste savoir , l'espace entre les lignes pour le cadre interview est ainsi à cause de l'écriture ou bien à cause de la taille de l'écriture

    Et un Merci pour ce formidable travail ! =)
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Ven 25 Sep 2015 - 15:18

    C'est à cause des deux en fait ^^ C'est la police d'écriture qui est ainsi, elle a un certain espacement entre chaque ligne par défaut... Je l'ai réduit un peu en CSS mais je peux réduire encore un peu si tu veux, cela dis, je peux pas trop non plus sinon ça rend vraiment pas beau Razz Je peux aussi réduire un peu la taille de la police si ça te gêne ^^



    narakye
    narakye
    FémininAge : 30Messages : 503

    Ven 25 Sep 2015 - 15:35

    Serait-ll possible de changer la police en Gloria Hallelujah de taille 14
    Si bien entendue cela ne te dérange pas
    Merci beaucoup Very Happy
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 26 Sep 2015 - 15:40

    Non ça ne me dérange pas ^^ Comme ceci du coup ? http://jsfiddle.net/Alzufen/2bxwyx3c/2/show

    A vrai dire, je me creuse plutôt la tête à chercher comment je vais poster ça en LS (vu que tu le sais sans doute, c'est obligatoire de mettre les demandes en LS maintenant, ce n'est plus des commandes propres à une personne) en sachant que le journal fais très personnel. Notamment à cause du "Journal n°1", du nom en haut (qui est peut-être le nom de ton forum ?) et du fais que le graph est de toi je pense, et qu'on a donc pas forcément tous les compétences pour modifier le fond en graph' ^^

    Je pense que du coup, si ça te dérange pas, je te filerais le code ainsi fais et pour le LS je vais modifier l'image de fond du journal (avec ton accord) pour retirer le titre et le "journal n°1" en haut au moins, pour faire ça en codage de manière à ce que les gens puissent le modifier comme ils le veulent. Sachant que malgré tout le graph' du fond sera de toi (ou de quelqu'un d'autre peut-être ?) auquel cas, je mettrais un crédit à toi pour le graph' si tu veux, toute façon là le crédit est neutre, il est envers NU Razz

    Parce que du coup, je vois pas à quoi ça sers de faire un LS avec cette mise en page là vu que le fond est propre à ton forum je suppose, et que le "journal n°1" empêche de faire une deuxième édition du journal sans modifier ça... Du coup, si c'est poster un LS pour que ça intéresse personne car trop personnel ça sers pas à grand chose, enfin bref, ça, ça te concerne pas vraiment XD



    narakye
    narakye
    FémininAge : 30Messages : 503

    Dim 27 Sep 2015 - 15:03

    Bonjour, bonjour

    C'est juste parfait.
    Pour le LS je peux te passer le PSD ou je peux passer l'image en enlevant le titre d'en haut (Scoop et journal 1) , c'est comme tu préfère.

    Ehh je m'excuse du temps que j'ai mis pour répondre >w<
    Honte à moi !
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Dim 27 Sep 2015 - 19:33

    Je veux bien le PSD par MP si possible oui ce serait top :) Sinon juste retirer les titre en haut (scoop  et Journal 1) ça suffira, si en plus tu pouvais retirer le fond blanc du journal histoire que ce soit utilisable avec un fond au bon vouloir des gens ce serait parfait ^^ Mais sinon t'embête pas t'inquiète Razz

    Je te fais confiance pour m'envoyer ça, je te donnerais les codes quand ça sera fais comme ça je poste le LS juste après t'avoir donné les codes ici vu que ce sera pas tout à fait les même Razz

    Juste, j'ai oublié de te dire, le texte de "People" est à 205px du haut, ça sera suffisant pour y placer ton image ? Si c'est trop tu pourras toujours réduire le margin-top de ".texte_people" dans le CSS quand je t'aurais donné le code ^^



    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Lun 28 Sep 2015 - 18:46

    Reuh \o

    Du coup je te fournis le code ici sous Hide vu que ton code sera légèrement différent du LS que je posterais ensuite ^^



    Edit : Désolé, j'avais oublié de corriger un petit truc qui fais bugger sous FA lorsqu'on édite le message, tu peux re-copier le code HTML du coup si tu l'avais déjà pris >.<'



    narakye
    narakye
    FémininAge : 30Messages : 503

    Mar 29 Sep 2015 - 17:40

    Salut ! =)

    Ohhh merci pour tout .
    Je suis désolé de ne répondre que maintenant, alors je regarde pas à pas ton explication je mets tout en place .
    C'est nikel, sauf que j'ai un petit soucis au niveau des signes astrologiques , j'ai beau attendre que la page se charge complètement avant de cliquer , mais j'ai beau cliquer aucun texte n'apparaît .
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mar 29 Sep 2015 - 17:46

    Coucou :) Pas de soucis t'inquiète ^^

    ¤ Tu as bien installé le code JS ?

    ¤¤ Si oui, tu as bien activé les codes JS dans la gestion des codes JavaScript ?

    ¤¤¤ Si oui, tu as bien coché "Sur les sujets" en dessous du titre du code dans l'édition du code ?

    ¤¤¤¤ Si oui, je pourrais avoir le lien de ton forum (sous hide si tu veux) pour voir ce qui poserait soucis ? ^^



    narakye
    narakye
    FémininAge : 30Messages : 503

    Mar 29 Sep 2015 - 17:55

    Alors oui j'ai bien installer le code JS. Alors comme je ne suis pas douée pour les mots je montre en image xD

    Codage pour journal  Javasc10


    Codage pour journal  Journa10

    Voici le lien
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mar 29 Sep 2015 - 18:03

    Oui tout semble bon et c'est bien le bon code, bien installé, non modifié, donc ça viens pas de là ^^

    Par contre sur ton forum, grâce à l'outil de développement de Chrome, je peux voir qu'un script ne marche pas comme il faut, il doit rentrer en conflit avec mon script et le faire bugger ^^'

    Le soucis semble venir du script de sauvegarde des messages (donc le second en partant du haut) essaye en le copiant quelque part pour le garder en mémoire, et en le supprimant voir si le problème est résolu et donc si mon script marche ^^

    Si le problème vient bien de ce script qui rentre en conflit pour X ou Y raison (il est peut-être juste mal fait et du coup fait planter), soit tu peux l'enlever si ce n'est pas un script utile/important pour ton forum, soit tu peux le mettre ici sous hide pour que je tente de régler le soucis ^^
    narakye
    narakye
    FémininAge : 30Messages : 503

    Mar 29 Sep 2015 - 18:07

    Tu as raison , une fois enlever ça marche nikel.
    Etant un code utile je te donne le code. Désole je te donne du travail en plus >.<"

    Code:
    var messageSaver=function(e,t){"use strict";var n=function(t){t=t.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var n="[\\?&]"+t+"=([^&#]*)",r=new RegExp(n),i=r.exec(window.location.href),s=e("#text_editor_textarea").siblings('input[name="'+t+'"]').val();return i===null?s:i[1]};var r=function(e,t,n,r){var i={userID:e,topicURL:r,message:t};localStorage.setItem(n,JSON.stringify(i))};var i=function(e,t,n,r){var i,o="\nIl n'y a pas de message à charger.",u=localStorage.getItem(n);if(u!="undefined"){i=JSON.parse(u);s(e,t.val(),n,r)?t.val(i.message):alert("Erreur 1:\nLa vérification du message enregistré a échoué.")}else alert("Erreur 2: Il n'y a aucun message sauvegardé dans le WebStorage")};var s=function(e,t,n,r){var i,s=localStorage.getItem(n);if(s!="undefined"){i=JSON.parse(s);return i.userID===e&&i.topicURL===r&&t===""?true:false}else return false};var o=function(){var t=window.location.host,s=_userdata.user_id,o=n("t"),u=e('form[action="/post"]'),a=u.find('input[name="post"]'),f=e("#text_editor_textarea").sceditor("instance");f.bind("keyup",function(){r(s,f.val(),t,o)});if(localStorage.getItem(t)){a.before('<input type="button" class="mainoption btn-loader" id="ms-loader" value="Récupérer son message" /> &nbsp;')}u.on("click","#ms-loader",function(){i(s,f,t,o)})};return{init:o}}(jQuery);$(window).load(function(){typeof _userdata=="undefined"?console.log("L'objet \"_userdata\" de forumactif n'a pas été trouvé. Le script de sauvegarde des messages en cours d'écriture ne peut pas fonctionner."):messageSaver.init()})
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mar 29 Sep 2015 - 18:31

    Oula... J'avoue ne pas trop comprendre puisque sur mon forum test les deux codes JS marchent niquel ensemble...

    Essaye de le remettre sur ton forum pour voir si ça marche ou si ça rebug ?

    Le soucis vient peut-être du conflit entre ce code et un autre (que le mien) sur ton forum, je vais essayer de voir si le soucis ne se règle pas en remettant le code que tu m'as filé ^^

    Edit : J'ai trouvé le problème, le code JS semble se charger sur toutes les pages même s'il n'y pas d'éditeur, donc si tu peux pas répondre à un sujet (Par exemple, sur la page d'accueil). Dans ton cas, ce qui fais bugger sur les sujets, c'est le fais qu'il n'y est pas les réponses rapides, le code détecte qu'il n'y a pas d'éditeur sur cette page, il bug, et il fait bugger les autres codes JS (certains autres ?) sans leur permettre de se charger. Du coup, j'essaye de voir pour faire en sorte que le code ne se charge pas si il n'y a pas de l'éditeur, mais vu que c'est pas mon code à moi, j'ai un peu du mal, on a pas tous la même façon de coder surtout en JS Razz

    Par contre, j'ai dû m'inscrire sur ton forum pour repérer ça, en invité on voit pas les réponses rapides, du coup, en m'inscrivant j'ai pu voir la différence entre mon forum test et ton forum. Sur ton forum les réponses rapides ne sont pas activées alors que sur le mien elles l'étaient ,du coup le code marchait chez moi mais pas chez toi ^^ Bref, tu peux supprimer mon compte, je devrais pu en avoir besoin, désolé du dérangement Wink

    Edit 2 : Vu que le code est pas de moi, je galère vraiment à le modifier, je trouve bien des solutions pour éviter qu'il se charge n'importe où, etc. sauf que quand je règle le soucis, le code ne marche pu tout court, et quand je trouve une autre solution pour que le code marche, le problème est ailleurs...

    Ce que je peux te proposer en attendant, c'est de décocher toutes les cases dans le code JS (tu coches rien du tout), puis tu copies le lien qui mène au code JS (En dessous de URL dans la page de gestion des codes JS), tu vas dans Affichage > Poster & Messages Privés > Posting_body et sur la deuxième ligne tu colles :
    Code:
    <script src="L'url de ton script"></script>

    Normalement, le code devrait marcher comme il le devrait à la base, sauf qu'il ne gérera pu les réponses rapides et chargera uniquement quand tu réponds à un topic ou créer un nouveau sujet ^^


    Dernière édition par Alzufen le Mer 7 Oct 2015 - 18:13, édité 1 fois



    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 7 Oct 2015 - 17:07

    Hello!
    Est-ce que tu as vu le dernier message d'Alzufen? Est-ce que tout marche?



    narakye
    narakye
    FémininAge : 30Messages : 503

    Mer 7 Oct 2015 - 17:09

    Oh je suis désolé , je n'ai vu le message que maintenant
    Je te remercie pour tout =D
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 7 Oct 2015 - 18:26

    Du coup c'est terminé? On peut classer ? ^^



    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 4:36