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.

-29%
Le deal à ne pas rater :
DYSON V8 Origin – Aspirateur balai sans fil
269.99 € 379.99 €
Voir le deal

    (NEVA) Javascript pour élément nocturne

    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Mer 3 Juil 2013 - 22:46

    Bonjour tout le monde, voici mon bon de commande (j'ai l'impression d'être chez le traiteur en disant ça XD)

    Commande
    Elément à coder : Lanternes, ciel nocturnes
    Adresse du forum : http://preaulard.forum-gratuit.cc/forum
    Description du résultat voulu : Je voudrais un code pour pouvoir mettre deux lanternes flottant de chaque coté de mes catégories, ainsi que pour qu'un ciel étoilé passe juste devant mon théme et juste derrière mon logo
    Couleurs ou tons : bleu nuit
    Images : Motif de fond: https://2img.net/r/hpimg15/pics/697582hardwood.png
    Autres précisions : On m'a dit que c'était un javascript et qu'ensuite j'ajouterais les liens des lanternes voilà ^^ merci beaucoup
    Anonymous
    Invité

    Jeu 4 Juil 2013 - 11:19

      Hello,

      Tout me semble bon, par contre "ainsi que pour qu'un ciel étoilé passe juste devant mon thème et juste derrière mon logo" est un peu vague ... devant ton thème et derrière le logo ? Devant quel thème ? En fond de page ? En intérieur du forum ?

      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


      Bonne attente.
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Jeu 4 Juil 2013 - 12:16

    Je vais faire plus simple juste en intérieur du forum Very Happy
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 4 Juil 2013 - 12:22

    Comme dit, je vais tenter quelque chose.
    Je ne te promets rien parce que le JS et moi n'avons fait connaissance que récemment et j'ai même pas fini le tutoriel des bases mais c'est amusant.

    Je te tiens au courant



     
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 8 Juil 2013 - 15:20

    Salut

    Voilà mon forum de test :



    Selon l'heure à laquelle tu vas te connecter tu vas voir une version ou une autre. Le javascript calcule le design selon l'heure de ton ordinateur. Il te suffit donc de modifier l'heure puis de recharger la page :)

    J'ai mis le design de nuit entre 8 et 19h. Je peux facilement modifier ces horaires =)

    Dis-moi si c'est bon pour toi (bien sûr, il te faudra tes images) ) !

    PS : Scoundrel m'a dit que tu es ok pour qu'il fasse pareil sur son forum avec son fond et des torches. Tu me permets donc de lui passer également le code ?



     
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Lun 8 Juil 2013 - 16:08

    Oui bien sur je suis d'accord ^^ tu peux lui passer Very Happy
    Le code est parfait *_* il marche a la perfection Very Happy
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 8 Juil 2013 - 17:08

    Vraiment contente que ça te plaise =D
    J'ai rajouté un crédit vers Never que j'avais oublié et comme t'as pas déjà des crédits sur la page d'accueil je me suis dit que c'était aussi bien de l'incruster dans le codage de nuit (j'ai essayé de le faire discret mais dis-moi si tu veux que je change quelque chose)

    Et voilà les codes :



    Pour changer les images :
    - pour le fond : dans le code javascript remplaces https://2img.net/h/oi39.tinypic.com/2j0mpzq.jpg par ton image de ciel étoilé
    - pour les lanternes : tu retrouves cette partie dans ton template

    Code:
    <div class="lanterne_gauche"><img src="http://fc07.deviantart.net/fs70/f/2012/020/e/1/mine_lantern_png_by_dbszabo1-d4n0jxh.png" width="140px" /></div>
    <div class="lanterne_droite"><img src="http://fc07.deviantart.net/fs70/f/2012/020/e/1/mine_lantern_png_by_dbszabo1-d4n0jxh.png" width="140px" /></div>

    Et tu changes les adresses des images. Si ton image est à la bonne taille, tu peux te passer de width="140px" et ne garder que :

    Code:
    <div class="lanterne_gauche"><img src="http://ADRESSE_DE_TON_IMAGE" /></div>
    <div class="lanterne_droite"><img src="http://ADRESSE_DE_TON_IMAGE" /></div>

    Dans tous les cas, quand tu auras tes images, si tu as un problème pour l'installation tu me MP et je t'aide (ou, si je suis en vacances (c'pas pour tout de suite mais ça devrait bien arriver un jour =D), tu postes un topic d'aide avec le lien vers ce message et les gens auront pas de mal à t'aider)



     
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Lun 8 Juil 2013 - 17:23

    Merci merci merci, mille fois merci Neva Very Happy par contre je trouve pas ou changer les lanternes Sad
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 8 Juil 2013 - 18:47

    Tu as lu la fin de mon message ? C'est le code que je t'ai montré et qui se trouve dans le template



     
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Lun 8 Juil 2013 - 19:28

    Oui j'ai lus mais je trouve pas où il se trouve dans le code que tu m'a donné pour le template XD je vais l'éplucher a nouveau pour le trouver ^^
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 8 Juil 2013 - 20:28

    Copie/colle le template dans le bloc note/text edit et fait ctrl + f (soit "rechercher") et cherche lanterne_gauche



     
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Lun 8 Juil 2013 - 21:23

    Merci infiniment je savais pas qu'on pouvais faire comme ça ^^
    Anonymous
    Invité

    Lun 15 Juil 2013 - 11:21

      Hello,

      Commande terminée du coup ?

      Bonne journée.
    Eclair
    Eclair
    MasculinAge : 28Messages : 27

    Mar 16 Juil 2013 - 10:50

    Oui commande terminée :)
    Contenu sponsorisé


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