(Shoki et Onyx) Fiche de présentation (GAUSS PROJECT)

Mer 16 Mar 2016 - 23:43

Eiv

Age : 29Messages : 511

Mer 16 Mar 2016 - 23:43

Rappel du premier message :

Maintenant faisons la fiche de présentation

HOY HOY HOY... Bon on avance tranquillement sur ce fo, même si le fait que je passe mon permis me ralentis quand même pas mal et je vais moins vite que prévue. Je viens d'ailleurs de gruger 2 h de sommeil. Enfin... Alors, me voilà avec ma maquette de préz Very Happy

.... en fait. J'en ai deux ^^

Qu'on sois d'accord je ne veux pas les deux... mais juste que je ne sais pas laquelle est la plus facile/intéressent à réalisé.(voire si c'est réalisable.)
Merci précieux ~~esclaves~~ codeur!!

Schéma(s) et Eléments
Schémas :
http://puu.sh/nIWRS/47fb98de10.png
Ou
http://puu.sh/nIVCA/eab64b992a.png

Tailles des éléments : l'idéal serait entre 600 et 580.
Sur la première la taille s'adapte à la longueur du texte et sur la seconde elle reste fixe.
Effets voulus : si vous avez une quelconque idée

Ressources
Je communiquerais toute les images/motif/code couleur/psd requis selon le page choisie

Autres précisions ?
Je ne pense pas non.

Dernière édition par Eiv le Jeu 21 Avr 2016 - 16:50, édité 1 fois

Mer 23 Mar 2016 - 20:32

Shoki

Age : 23Messages : 1308

Mer 23 Mar 2016 - 20:32

C'est décalé, regarde le lien pour regarder si cela est mieux pour toi :) Si oui je te passe le code sous peu ^-^
Je te fait la seconde ce week-end ^^ Si ça ne te dérange pas ^^'

Mer 23 Mar 2016 - 20:34

Eiv

Age : 29Messages : 511

Mer 23 Mar 2016 - 20:34

Parfait c'est trés bien ^^

Fait donc, fait donc.

Mer 30 Mar 2016 - 0:07

Eiv

Age : 29Messages : 511

Mer 30 Mar 2016 - 0:07

Un petit up juste pour dire que l'on est pas mort !!

Mer 6 Avr 2016 - 8:47

Eiv

Age : 29Messages : 511

Mer 6 Avr 2016 - 8:47

Je up que vous n'ayez pas besoin de me dire de le faire pour une fois héhé

Lun 11 Avr 2016 - 9:24

Shoki

Age : 23Messages : 1308

Lun 11 Avr 2016 - 9:24

Ne t'inquiète pas je ne t'oublie pas, je galère juste pour les onglets ^^' De plus j'ai été absente une semaine donc ça a pas beaucoup avancé x)
Mais je fais ce que je peux ><"

Lun 11 Avr 2016 - 17:24

Eiv

Age : 29Messages : 511

Lun 11 Avr 2016 - 17:24

"Ne t'inquiète pas " Je m'inquiète pas c'est juste pour pas que neva/autre ai a me dire de up.

Mar 19 Avr 2016 - 16:10

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 16:10

up

Mar 19 Avr 2016 - 17:25

Shoki

Age : 23Messages : 1308

Mar 19 Avr 2016 - 17:25

Bonjour Eiv !
Je ne vais malheureusement pas pouvoir faire la fiche avec les onglets en partie à cause du brevet blanc qui approche à grands pas et je suis complètement à la bourre sur mon histoire des arts Dx Sauf si bien sûr un sauveur se propose de m'aider pour les onglets (oui je galère dessus mais level 50 000) au dernier moment xD J'accepterai cette aide avec grande joie /die
Du coup, je te donne le code de la fiche que j'ai faite :

Encore vraiment désolée x_x Si tu vois quelque chose que j'ai foiré, n'hésite pas à me le dire o/

Mar 19 Avr 2016 - 17:49

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 17:49

Ca vient de moi ou pas ? http://puu.sh/ooabF/230fd47dc3.png

Mar 19 Avr 2016 - 19:30

Shoki

Age : 23Messages : 1308

Mar 19 Avr 2016 - 19:30

Euh... Oui ça vient de toi parce que chez moi tout est aligné correctement ><
Je pourrai pas te résoudre direct le bug parce que je n'ai que Firefox (et Microsoft Edge mais ça compte pas), mais tu peux soit de modifier la valeur de "top" ici :

Soit modifier la valeur de "margin-top" ici :

Après si ça fonctionne pas je ne vois pas d'où ça pourrai venir xD

Mar 19 Avr 2016 - 20:30

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 20:30

Je ne sais pas vraiment quoi te dire héhé ^^"

Je comprend pas grand choses à tout ça moi.

Edit: Sa doit venir de mon forum puisque ça me le fait sur mozzi aussi.

try:

Prénom :
Nom :
Race :
Age :
Taille :
Sexe :
Appartenance :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis.

Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis.

Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis.

Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis.

Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.

Code par MV/Shoki sur Never Utopia - Graph: Eiv

Ha non.... ca me le fait ici aussi.

Mar 19 Avr 2016 - 22:14

Onyx

Age : 30Messages : 3350

Mar 19 Avr 2016 - 22:14

Salut!

Cela vient de la fonctione de redimensionnement des images. Sur NU, cela empêche CSS de s'appliquer s'il est intégré aux images, il faut absolument le séparer. Je suppose que c'est pareil sur le forum de Eiv.

Sur ce :

Code:: <style>.cadre_bordure {width: 600px; margin: auto; background: #3d4a75; border-radius: 10px; border: 2px solid black;} .imgphoto {position: relative; top: -3px; left: 2px; display: inline-block;} .imgidentite {margin-top: -155px; display: inline-block;} .cadre_gris {width: 533px; margin: auto; background: url('http://puu.sh/nMpfV/3809740334.png') #999; padding: 15px; border-radius: 10px;} .bloc_infos_1 {position: relative; z-index: 2; width: 293px; height: 120px; padding-left: 5px; overflow: auto; background: #FFF; margin-left: 205px; margin-top: -143px; font-size: 11px; font-family: 'Open sans', serif;} .boite2 {position: relative; left: 20px; top: 5px; width: 480px; height: 120px; background: #FFF; overflow: auto; font-family: 'Open sans', serif; font-size: 11px; padding-left: 3px;}</style> <div class="cadre_bordure"><img src="http://puu.sh/nMpgi/2b57de0b1e.png" style="margin-top: 2px; margin-left: 35px;" alt="Logo de la fiche Gauss: Secret Files" /> <div class="cadre_gris"> <img class="imgphoto" src="http://puu.sh/nMpg3/201c56d248.png" alt="Image de la prez 150*150" /><img class="imgidentite" src="http://puu.sh/nMpfS/39f0b892f4.png" alt="Fiche d'identité" /><div class="bloc_infos_1">Prénom : Nom : Race : Age : Taille : Sexe : Appartenance :</div> <img src="http://puu.sh/nMpfg/3862ae0e70.png" alt="Caractère" /> <div class="boite2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis. Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.</div> <img src="http://puu.sh/nMpgb/f9bd569319.png" alt="Physique" /> <div class="boite2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis. Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.</div> <img src="http://puu.sh/nMpfa/4dcea0a529.png" alt="Capacités/Pouvoir/Armement" /> <div class="boite2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis. Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.</div> <img src="http://puu.sh/nMpfG/4e4ca9337f.png" alt="Histoire" /> <div class="boite2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel elementum massa. Mauris dolor mi, vulputate quis erat eget, facilisis gravida mauris. Cras a tempor mi, ac facilisis tortor. Quisque sagittis mauris eget dignissim tempor. Nullam a mauris sem. Suspendisse luctus, augue et ultricies ullamcorper, nulla est pharetra augue, sed pulvinar mauris mauris interdum odio. Nunc nibh sapien, lobortis nec iaculis vel, facilisis volutpat ipsum. Vestibulum vitae purus justo. Aliquam augue ligula, dignissim quis nunc vel, dapibus lacinia neque. Integer accumsan in quam a aliquet. Integer sed ex sed ante rutrum posuere a in felis. Quisque at ultricies nisi. Duis sit amet odio mi. Vestibulum interdum ipsum arcu, a scelerisque dui commodo sit amet. Nunc ut eros ut purus ultricies ultricies. Vestibulum non dapibus odio, sed placerat lacus. Curabitur eu eleifend eros. Cras fringilla eu felis at convallis. Aliquam nec cursus tellus, in iaculis enim. Quisque dolor elit, condimentum in leo sit amet, facilisis vehicula nulla. Sed sed orci et lectus lacinia viverra non eu eros. Vestibulum condimentum mi id nibh efficitur, at blandit ante sagittis.</div> <span style="display: block; text-align: center; font-family: 'Open sans', serif; font-size: 10px;">Code par MV/Shoki sur <a href="http://www.never-utopia.com/">Never Utopia</a> - Graph: Eiv</span></div> </div>

Note : Si j'ai le temps, je vais peut-être essayer de faire le truc par onglet Wink

Juste pour faire sûr, c'est ton forum donc tu as accès aux javascripts, right?

Mar 19 Avr 2016 - 23:11

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 23:11

Yep !!! Merci, je pense que graçe a toi Shoki va en a appris un peu plus ^^
Elle avait déjà fait un superbe boulot et je la remercie encore pour ça.

Et oui j'ai accès a tout merci ^^

Mar 19 Avr 2016 - 23:39

Onyx

Age : 30Messages : 3350

Mar 19 Avr 2016 - 23:39

Alors ça, c'est correct pour toi?
http://forum-test-onyx5.forum-canada.com/t74-machintrucmachin#87

Mar 19 Avr 2016 - 23:44

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 23:44

Juste si tu pouvais bien ajusté la fenêtre, pour quelle colle bien aux bouton. Ce serait nikel. (histoire de continuité tu vois.

Mar 19 Avr 2016 - 23:51

Onyx

Age : 30Messages : 3350

Mar 19 Avr 2016 - 23:51

Comme ça?
http://forum-test-onyx5.forum-canada.com/t74-machintrucmachin#87

Mar 19 Avr 2016 - 23:52

Eiv

Age : 29Messages : 511

Mar 19 Avr 2016 - 23:52

Ouip perfect ^^ C'est parfaitement ça

Mar 19 Avr 2016 - 23:56

Onyx

Age : 30Messages : 3350

Mar 19 Avr 2016 - 23:56

Alors le code :

Code:: <style>.cadre_bordure {width: 600px; margin: auto; background: #3d4a75; border-radius: 10px; border: 2px solid black;} .imgphoto {position: relative; top: -3px; left: 2px; display: inline-block;} .imgidentite {margin-top: -155px; display: inline-block;} .cadre_gris {width: 533px; margin: auto; background: url('http://puu.sh/nMpfV/3809740334.png') #999; padding: 15px; border-radius: 10px;} .bloc_infos_1 {position: relative; z-index: 2; width: 293px; height: 120px; padding-left: 5px; overflow: auto; background: #FFF; margin-left: 205px; margin-top: -143px; font-size: 11px; font-family: 'Open sans', serif;} .boite3 {position: relative; margin: auto; margin-top: -2px; width: 500px; background: #FFF; font-family: 'Open sans', serif; font-size: 11px; padding: 3px; border: 3px solid grey;} .blocongletcont {display: none;} .ongletimgbloc {text-align: center;} .ongletimgbloc img {margin: 2px;}</style> <div class="cadre_bordure"><img src="http://puu.sh/nMpgi/2b57de0b1e.png" style="margin-top: 2px; margin-left: 35px;" alt="Logo de la fiche Gauss: Secret Files" /> <div class="cadre_gris"> <img class="imgphoto" src="http://puu.sh/nMpg3/201c56d248.png" alt="Image de la prez 150*150" /><img class="imgidentite" src="http://puu.sh/nMpfS/39f0b892f4.png" alt="Fiche d'identité" /><div class="bloc_infos_1">Prénom : Nom : Race : Age : Taille : Sexe : Appartenance :</div> <div class="ongletimgbloc"><img class="imgonglet0 imgonglet1" src="http://puu.sh/nMpq3/01ad948d47.png" alt="Caractère" /><img class="imgonglet11" src="http://puu.sh/nMppG/c742ebafcf.png" alt="Caractère" /><img class="imgonglet0 imgonglet2" src="http://puu.sh/nMpsf/d48376d436.png" alt="Physique" /><img src="http://puu.sh/nMprB/5565462519.png" alt="Physique" /><img class="imgonglet0 imgonglet3" src="http://puu.sh/nMpsz/0e09c6f657.png" alt="Pouvoir" /><img src="http://puu.sh/nMpsw/2e1f659837.png" alt="Pouvoir" /><img class="imgonglet0 imgonglet4" src="http://puu.sh/nMprc/bc9746ccf0.png" alt="Histoire" /><img src="http://puu.sh/nMpqX/05d2ab49ff.png" alt="Histoire" /></div><div class="boite3"><div class="bloconglet1 blocongletcont" style="display: block;">Onglet 1</div><div class="bloconglet2 blocongletcont">Onglet 2</div><div class="bloconglet3 blocongletcont">Onglet 3</div><div class="bloconglet4 blocongletcont">Onglet 4</div></div> <span style="display: block; text-align: center; font-family: 'Open sans', serif; font-size: 10px;">Code par Onyx sur <a href="http://www.never-utopia.com/">Never Utopia</a> - Graph: Eiv</span></div> </div>

Et le javascript. Il faut cocher "sur les sujets" pour l'affichage :

Code:: /*Attendre le chargement de la page*/ $(function(){ /*Faire disparaître les images onglets*/ $('.ongletimgbloc img').css('display', 'none'); /*Faire apparaître les images onglets blanches*/ $('.imgonglet0').css('display', 'inline-block').css('cursor', 'pointer'); /*Faire disparaître image onglet blanche 1*/ $('.imgonglet1').css('display', 'none'); /*Faire apparaitre image foncée 1*/ $('.imgonglet11').css('display', 'inline-block'); /*Fonction onglet 1*/ $('.imgonglet1').click(function() { /*Fait disparaitre les contenus visibles*/ $(this).parent().parent().find('.blocongletcont').css("display", "none"); /*Fait apparaitre le contenu 1*/ $(this).parent().parent().find('.bloconglet1').css("display", "block"); /*Fait disparaitre tous les images de onglets*/ $(this).parent().find('img').css('display', 'none'); /*Fait apparaître les images de onglets blancs*/ $(this).parent().find('.imgonglet0').css('display', 'inline-block'); /*Fait apparaître la image de onglets foncé 1*/ $(this).next().css('display', 'inline-block'); /*Fait disparaitre le image de onglet 1 blanc*/ $(this).css('display', 'none'); }); /*Fonction onglet 2*/ $('.imgonglet2').click(function() { $(this).parent().parent().find('.blocongletcont').css("display", "none"); $(this).parent().parent().find('.bloconglet2').css("display", "block"); $(this).parent().find('img').css('display', 'none'); $(this).parent().find('.imgonglet0').css('display', 'inline-block'); $(this).next().css('display', 'inline-block'); $(this).css('display', 'none'); }); /*Fonction onglet 3*/ $('.imgonglet3').click(function() { $(this).parent().parent().find('.blocongletcont').css("display", "none"); $(this).parent().parent().find('.bloconglet3').css("display", "block"); $(this).parent().find('img').css('display', 'none'); $(this).parent().find('.imgonglet0').css('display', 'inline-block'); $(this).next().css('display', 'inline-block'); $(this).css('display', 'none'); }); /*Fonction onglet 4*/ $('.imgonglet4').click(function() { $(this).parent().parent().find('.blocongletcont').css("display", "none"); $(this).parent().parent().find('.bloconglet4').css("display", "block"); $(this).parent().find('img').css('display', 'none'); $(this).parent().find('.imgonglet0').css('display', 'inline-block'); $(this).next().css('display', 'inline-block'); $(this).css('display', 'none'); }); });

Mer 20 Avr 2016 - 0:43

Eiv

Age : 29Messages : 511

Mer 20 Avr 2016 - 0:43

Merci tu a fait de excellent travail en très peu de temps (je me suis rendu compte que je m'était foirer pour les buttons >< , enfin c'est vite fait. Encore merci.

Et ça marche nickel, a l’exception qu'il ne semble être actif qu'une fois que j'ai appuyé dessus. Avant TOUT les boutons son côte à côte. Mais ça reste pas c'est mineur http://puu.sh/ooC1v/3cbfbe444c.png

Mer 20 Avr 2016 - 0:51

Onyx

Age : 30Messages : 3350

Mer 20 Avr 2016 - 0:51

Mmhh...

Essaies de rajouter ceci dans le CSS en en-tête :

Code:: .ongletimgbloc img {display: none;} .imgonglet0 {text-align: center; display: inline-block;} .imgonglet1 {text-align: center; display: none;} .imgonglet11 {text-align: center; display: inline-block;}

Mer 20 Avr 2016 - 0:55

Eiv

Age : 29Messages : 511

Mer 20 Avr 2016 - 0:55

Aucun effet

EDIT:

Au fait, je close la commande

Contenu sponsorisé

(Shoki et Onyx) Fiche de présentation (GAUSS PROJECT)

Maintenant faisons la fiche de présentation

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée