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 à ne pas rater :
Réassort du coffret Pokémon 151 Électhor-ex : où l’acheter ?
Voir le deal

    Il faut que j'a-fiche ma galerie =D

    Anonymous
    Invité

    Ven 11 Juil 2014 - 1:02

    Une fichette pour un moustique =D



    Plop ! Alors voilà, ça fait un moment que j'ai prévu de retaper ma galerie mais étant une grosse buse en codage et voulant un truc un peu classe, je viens faire un tour par ici pour voir si quelqu'un ne pourrait pas s'occuper de cette petite commande de fiche =D

    J'ai déjà fait la maquette, ne reste plus qu'à mettre en forme en fait. Vous verrez je demande rien de vraiment compliqué à part peut être un truc qui n'est peut-être pas réalisable. En fait, j'aimerai qu'au survol d'un emplacement d'image, l'image contenue s'affiche en taille réelle. Ou si ce n'est pas possible, qu'en cliquant sur l'image on puisse y accéder en taille réelle, un peu comme quand on affiche une image trop grande sur le forum et qu'apparait alors le "Image trop grande - voir l'image en taille réelle". Ça me permettrait de mettre pas mal d'images sans prendre la blinde de place et sans déformer la mise en page avec des formats d'images différents. Mais si c'est pas possible vous me dites, j'essayerai de trouver une autre solution ^^


    Schéma(s) et Eléments
    Schémas : ici
    Tailles des éléments : La fiche, devrait faire 533 de large par 846 de haut. Les emplacements d'image eux devraient faire 232 de large par 93 de haut.
    Effets voulus : En fait, j'aimerai qu'au survol d'un emplacement d'image, l'image contenue s'affiche en taille réelle. Ou si ce n'est pas possible, qu'en cliquant sur l'image on puisse y accéder en taille réelle, un peu comme quand on affiche une image trop grande sur le forum et qu'apparait alors le "Image trop grande - voir l'image en taille réelle".
    Et j'aimerai aussi qu'il y ai des barres de défilement pour chaque zone d'images de façon à ce que je puisse en afficher autant que je veux sans pour autant que la page ne soit trop longue ^^


    Ressources
    Alors, voici le fond. C'est la seule ressource qu'il faut je pense, mais s'il faut autre chose vous me dites ^^ Et la police je sais pas s'il vous faut le nom mais c'est "Jenna Sue" et je suis pas sur qu'elle fonctionnera, au pire j'en chercherai une plus adaptée sur google font ^^

    Autres précisions ?
    Voilà voilà ! Si jamais il faut quelque chose en particulier vous me dites :) Merci d'avance en tout cas =D


    Dernière édition par Dakota le Sam 12 Juil 2014 - 16:24, édité 1 fois
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Ven 11 Juil 2014 - 8:42

    Han ! Acceptes-tu que je te fasse cette fiche ?  :ange: 

    Anonymous
    Invité

    Ven 11 Juil 2014 - 11:18

    Non ! Oui bien sur, avec plaisir :)

    Merci :3
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Ven 11 Juil 2014 - 11:42

    Rooooh, A-Lice arrête de prendre toutes les commandes de fiches (je voulais la faire mais t'es trop rapide pour moi T_T)



    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Ven 11 Juil 2014 - 12:05

    Promis la prochaine je te la laisse Razz

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Ven 11 Juil 2014 - 17:16

    Tu as la couleur de ton texte ? Et tu préfère un scroll vertical ou horizontal pour tes images ?

    Anonymous
    Invité

    Ven 11 Juil 2014 - 17:25

    Ah oui, j'avais oublié la couleur >.> C'est du #3d4351 ^^

    Et le scroll vertical serait impeccable, merci :)
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Ven 11 Juil 2014 - 20:30

    Voilà. Alors j'ai la haine, parce qu'une fois que j'ai trouvé la solution pour que le zoom s'affiche bien sur ta fiche, le scroll me masquait la partie zoomée justement -_- Donc j'ai laissé tombé pour des liens T__T :auto-flagellation:

    Anonymous
    Invité

    Ven 11 Juil 2014 - 21:12

    La poisse ! Razz

    Mais c'est bien comme ça, t'inquiètes :)
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Ven 11 Juil 2014 - 22:19

    Bon alors si c'est pas clair, tu te manifestes !



    Ce qui est entre les balises "styles" c'est ce qui correspond au css. Normalement on en a pas besoin étant donné qu'il n'y a pas d'effet. Mais là c'est plus pour te simplifier la manipulation x)

    Anonymous
    Invité

    Sam 12 Juil 2014 - 13:03

    Merci ^^

    Quelle partie il faut que je duplique exactement pour pouvoir ajouter des emplacements ? Parce que j'ai essayé un truc mais ça fait tout sauter T_T

    J'y comprends rien x)
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Sam 12 Juil 2014 - 13:14

    Mon pauvre chou :3
    Celle là :
    Code:
    <a href="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" target="_blank"><img src="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" class="taille_img_gauche" /></a><a href="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" target="_blank"><img src="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" class="taille_img_droite" /></a>

    Dans le a href tu mets le lien de ton image, et tu mets le même dans ton img src. Et quand tu veux copier essaies de le faire par deux comme ça tu as l'image de gauche et de droite directement (d'ailleurs le code que je t'ai ressorti c'est pour l'image de gauche et de droite).

    Suis-je claire :hum: ?

    Anonymous
    Invité

    Sam 12 Juil 2014 - 16:24

    C'est nickel ! Merci beaucoup pour avoir pris la fiche en charge :3

    Du coup la demande est terminée, ça gère ! :p
    Contenu sponsorisé


      La date/heure actuelle est Dim 28 Avr 2024 - 16:02