Créer une PA réactive / mapping Bouton_activeCréer une PA réactive / mapping Bouton_hoverCréer une PA réactive / mapping Fb-hoverCréer une PA réactive / mapping Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
Créer une PA réactive / mapping EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Créer une PA réactive / mapping EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Créer une PA réactive / mapping EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Créer une PA réactive / mapping EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Créer une PA réactive / mapping EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Créer une PA réactive / mapping EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Créer une PA réactive / mapping EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Créer une PA réactive / mapping EmptyVen 03 Fév 2023, 17:22 par Krager

Le Deal du moment :
TV LED 32” Continental Edison CELED32SAHD24B3
Voir le deal
139.99 €

Partagez
 

Créer une PA réactive / mapping

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3, 4, 5  Suivant
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une PA réactive / mapping Empty
Je valide en mettant un Niveau Expert car celui-ci est assez compliqué. De plus, il n'est pas adapté à toutes les personnes puisque tu utilise Photoshop. Certaines personnes ne le possèdent pas Wink

Pour les débutants et non-possesseurs de Photoshop, consultez plutôt celui-ci.
MessageSujet: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyLun 19 Juil 2010, 03:58
Revenir en haut Aller en bas
http://bollywood-zendegi.forum-actif.net
RaniPyaar
{ Membre }
{ Membre }

Féminin Messages : 18



Créer une PA réactive / mapping Empty
ah c'est cool ça ! je vais surement essayer !
merci beaucoup !
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyLun 19 Juil 2010, 09:41
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
De rien Very Happy N'hésite pas si tu as le moindre problème!

@ Haricoow: en fait, n'importe quelle version de Photoshop peut faire l'affaire (supérieure ou antérieure à CS3). A la limite, ça aurait été encore plus simple de le faire avec une version antérieure, car il y aurait eu ImageReady Wink Mais je n'ai que cette version, et peu de personnes ont ImageReady

Et puis, faire une demande de Découpage dans les demandes de code peut toujours se faire si certains ont vraiment envie d'un mapping ⭐ (en soi, c'est une demande de code, vu la fin du 1er chapitre ^^) Sinon, j'ai justement détaillé la partie photoshop pour qu'on puisse le faire même avec une version d'essai Wink
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyLun 19 Juil 2010, 11:26
Revenir en haut Aller en bas
http://sweetheaven.youneed.us
Sweet.V
{ Membre }
{ Membre }

Féminin Messages : 39



Créer une PA réactive / mapping Empty
Est-ce que c'est normal que mon image à l'apparence d'un gif maintenant, avec pleins de pixels inesthétiques . ?
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyMer 21 Juil 2010, 17:38
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
As-tu bien enregistré en "PNG-24" ? (dans la fenêtre "enregistrer pour le web")
Et as-tu fait toutes les étapes?
Sinon, tu peux me montrer un aperçu?
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyJeu 22 Juil 2010, 07:37
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une PA réactive / mapping Empty
@ Jill : Un aperçu ne serait pas suffisant pour résoudre le problème Wink

@ Sweet.V : Pourrais-tu me passer l'adresse de ton image hébergée ainsi que le code entier si tu as déjà commencé à coder ton image ?
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyJeu 22 Juil 2010, 07:54
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Oui, c'est pas faux Créer une PA réactive / mapping 465622 Enfin bref, ça doit surement venir de la première étape, puisque je ne vois pas en quoi un code peut influer sur la qualité de l'image o_O

Mais si tu as tout fait, avoir ton code ne serait pas de refus pour voir où est le problème ^^

@ Haricoow: Par contre, ce sera forcément plusieurs images, et pas une seule Wink
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyJeu 22 Juil 2010, 16:33
Revenir en haut Aller en bas
http://potterworld3.forumactif.org
Kheira
Kheira
{ Membre }
{ Membre }

Féminin Messages : 23



Créer une PA réactive / mapping Empty
*Lève la main*

J'ai un petit problème! :S Quand j'ai enregistrer mes images, l'image "spacer" n'est pas apparu... donc léger problème pour le mettre dans mon ficher... pouvez vous m'aider?
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyJeu 22 Juil 2010, 22:56
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Etrange :cyclops:

Peux-tu me montrer le code que tu as eu avec le découpage? (quand tu clique sur "aperçu" pour enregistrer sur le web)

Sinon, as tu bien regardé dans tous les formats? Vu que l'image spacer est un .gif alors que tes images de PA sont des .jpg
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 08:00
Revenir en haut Aller en bas
http://potterworld3.forumactif.org
Kheira
Kheira
{ Membre }
{ Membre }

Féminin Messages : 23



Créer une PA réactive / mapping Empty
Ouais! Je suis aller voir directement dans le dossier des images quand c'est pas apparu.

Spoiler:

Merci de bien vouloir m'aider. Embarassed
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 08:06
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Mmh, as-tu essayé de ré-enregistrer tes images?

En fait, ce n'est pas une fin en soi de ne pas avoir le spacer.gif. Il s'agit juste d'une image de 1 x 1px qui permet de ne pas avoir de bug sous mozilla. Du coup, peu importe d'où elle provient.

Si vraiment tu n'arrives pas à l'obtenir en ré-enregistrant, tu n'as qu'à prendre celle-ci:

Citation :
Créer une PA réactive / mapping Spacer10

(alors, oui, on pourrait croire qu'il n'y a rien ^^, mais sélectionne quand même avec ta souris, et "enregistre l'image sous". Il s'agit d'un petit pixel, donc il faut bien viser. Je pourrais te dire de prendre directement l'adresse de l'image, mais si un jour je supprime l'hébergement de cette image, tu seras pas forcément avantagée ^^")

Après il te suffit de la ré-héberger sur un site conçu pour Smile
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 08:27
Revenir en haut Aller en bas
http://potterworld3.forumactif.org
Kheira
Kheira
{ Membre }
{ Membre }

Féminin Messages : 23



Créer une PA réactive / mapping Empty
Oui j'ai essayer de les réenregistrer des tonnes de fois.. :S

*Se gratte la tête*

Bon, j'ai pris ton image et je l'ai mis partout où c'était écrit spacer.gif. Cependant, j'ai toujours des espaces dans ma PA...

http://potterworld3.forumactif.org


Voici mon code:

Spoiler:
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 08:51
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Et tu n'as pas de css? Mine de rien, ça joue pas mal dans la disposition de ta PA Wink

D'ailleurs, comment se fait-il que tes images de PA soient en .gif? As-tu bien enregistré en "PNG-24"? scratch (dans la fenêtre "enregistrer pour le web")
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 10:16
Revenir en haut Aller en bas
http://mondanimal.forumactif.biz/forum.htm
Edelweiss
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Créer une PA réactive / mapping Empty
Coucou,

Je connais le mapping mais quand tu as encadré les liens tu peux faire Enregistrer une copie optimisée sous... et tu choisis Html et images. Comme ça tu as directement le code HTML que tu peux ouvrir sous Bloc Note ou autre avec déjà tout d'écris ! Et ensuite plus qu'a héberger les images, à les rajouter aux emplacements indiqués et à mettre les url pour les liens Wink.
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 10:49
Revenir en haut Aller en bas
http://kagaminoshougai.com
Taktiik
Taktiik
{ Membre }
{ Membre }

Masculin Messages : 73



Créer une PA réactive / mapping Empty
Coucou à tous !

Alors moi j'ai un petit problème, mais la Page ne s'affiche pas du tout comme je le voudrais, les liens sont absents ... Bref j'ai vraiment l'impression d'avoir tout capoter. Après avoir cherché à mainte et mainte reprises je ne trouve pas où sont mes erreurs ! J'aurais besoin d'un ... gros, c'est le cas, coup de main. Je vous mets, Code, Css et Screen à disposition. (Ps : Je m'excuse si les erreurs sont grosses et nombreuses d'avance)

Merci d'avance Smile

Image de base :
Spoiler:

Image finale :
Spoiler:

Code HTML :

Spoiler:
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 16:30
Revenir en haut Aller en bas
http://kagaminoshougai.com
Taktiik
Taktiik
{ Membre }
{ Membre }

Masculin Messages : 73



Créer une PA réactive / mapping Empty
Oops -^-^- Désolé du dernier spoiler et de ce double post, je me suis trompé :

Spoiler:
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 16:33
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
En effet, je vois plein de petites erreurs qui se sont glissées dans ton mapping ^^"

Donc on va faire ça en plusieurs fois Wink

En premier lieu, il me faut ton css

Un chose que tu peux changer tout de suite, c'est l'image qui remplace le "spacer", pourquoi est-ce un .png? Il devrait être en .gif

Ensuite, des choses que je peux voir directement:

Tu as mis un "USEMAP" pour l'image du contexte, ce qui n'est pas logique si tu veux écrire dedans. Le USEMAP est utilisé pour donner un lien vers le forum. Si tu le mets, le contexte ne pourra pas se mettre dedans. (je sais pas si je suis très claire ^^')

Je m'occuperais plus intensivement du reste demain sinon =)
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 17:44
Revenir en haut Aller en bas
http://kagaminoshougai.com
Taktiik
Taktiik
{ Membre }
{ Membre }

Masculin Messages : 73



Créer une PA réactive / mapping Empty
Re-bonsoir =) Merci de me répondre c'est vraiment sympa Smile

Alors voilà mon Css :

Spoiler:

-Pour spacer.png j'ai cru qu'il fallait l'héberger en .png n'ayant pas trouvé en .gif ^^.

- Ouèp j'ai compris pour le USEMAP et j'aurais du réfléchir en le faisant x) >.<

Merci encore et bonne soirée =)
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptyVen 23 Juil 2010, 19:02
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
De rien Wink

En fait, tu n'as rien mis dans ton css? (en rapport avec le mapping) Si oui, désolée, je suis pas bien réveillée --"

Pour le spacer, pour moi, ils sont toujours apparu en .gif, après, c'est vrai que je ne sais pas si ça change réellement quelque chose ^^"

Sinon, tu t'es un peu mélangée, et le problème du mapping, c'est qu'une seule petite faute peut tout faire flinguer ^^'

Je peux tout te rattraper si tu veux, mais pour ça il me faudrait aussi ton code de début (celui que tu as quand tu fais "aperçu" dans "enregistrer pour le web")

Et aussi un screenshoot de ton image avec ses tranches visibles, comme celle-ci:

Spoiler:

voila =)
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 08:08
Revenir en haut Aller en bas
http://kagaminoshougai.com
Taktiik
Taktiik
{ Membre }
{ Membre }

Masculin Messages : 73



Créer une PA réactive / mapping Empty
Bonjour bonjour =)

Tout d'abord merci de prendre du temps pour moi ^^.

- Sur le CSS seule cette partie me sert afin de compléter la partie pour le Contexte du Forum :

Code:
  .cellule {
      color: #000000;
      font-size:12px;
      background-color: #4e5a64;
      padding-left:10px;
      padding-right:10px;
      padding-bottom:3px;
      text-align:center;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      vertical-align:top;}
  .titre {
      text-align:left;
      font-variant: small-caps;   
      border-bottom: 1px solid #9F9E93;
      padding-left:10px;} 

-Pour le spacer j'ai changé et à priori le .png ne changeait pas car l'état de la Page d'accueil est toujours le même. En tout cas merci de ta proposition même si cela me gêne un peu ^^. Donc ci-joint le code de l'aperçu et le screen des tranches Smile

Spoiler:

Spoiler:


Ps : Merci encore :geek:
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 09:00
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Oulala Shocked Je comprends maintenant pourquoi tu t'es emmêlée les pinceaux!

Il y a beaucoup de tranches inutiles dans ton mapping Shocked Et en voulant le remplir convenablement, je me suis rendue compte que tu avais oubliée d'en héberger certaines! (par exemple, la tranche 3) Normal ensuite que rien ne s'arrange correctement Wink

J'étais en train de me poser la question sur le retrancher de nouveau, et je pense que c'est la meilleure solution ^^ Par avance, ne t'inquiètes pas, ça ne me dérange pas du tout Very Happy J'aime bien faire des mapping, je trouve que c'est un exercice de logique assez formidable Smile Tu l'auras ce soir ou demain, je pense ^^ Et puis tu as fait l'effort de le tenter, je me vois mal te laisser en plan Wink
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 14:14
Revenir en haut Aller en bas
http://kagaminoshougai.com
Taktiik
Taktiik
{ Membre }
{ Membre }

Masculin Messages : 73



Créer une PA réactive / mapping Empty

Je sais vraiment pas quoi dire à part merci !

Ps : J'ai encore tenté aujourd'hui mais le même problème persiste ... I'm so nul xD

- J'ai honte de demander cela mais entre temps j'ai changer d'image et je voulais savoir si c'était possible que tu fasses sur la nouvelle ci-jointe. (Booouhhhh !!!! Embarassed)

Spoiler:

Merci beaucoup encore Smile
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 14:19
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Pas de problème Very Happy Ce sera encore plus facile vu la nouvelle disposition de tes liens ^^

Juste une question: pour le html/css, tu veux la partie: contexte, nos potes, et les crédits (tu veux y faire défiler quelque chose?)?
Image réactive (USEMPAP): top sites, navigation, nous lier, être affiché, et les quatres images du haut?

Après l'avoir fait, je te ferais un récapitulatif de tes principales erreurs (ce serait trop long et peut-être pas assez bien expliqué de te le faire faire). Je ferais un comparé entre ton ancienne map et la nouvelle Wink
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 14:30
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Créer une PA réactive / mapping Empty
Pour être dans les règles j'aurais préféré que cette demande se fasse dans la section spécialisée (Demande de Codes) et non en plein tutoriel :/ Créer une PA réactive / mapping 732153
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 14:34
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Créer une PA réactive / mapping Empty
Je me pose en effet la même question :cyclops: Mais je pensais poster ensuite les différences et les erreurs qui se sont posées pour son mapping. Et vu que la demande de code ne demande justement que le code et pas d'explications, je suis restée ici. Mais si ça gêne, il suffit que Miyu poste dans l'autre catégorie (mais pareil, là bas, il n'y a pas de place)

Du coup, on s'arrange comment? Neutral
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping EmptySam 24 Juil 2010, 14:45
Revenir en haut Aller en bas
Contenu sponsorisé




Créer une PA réactive / mapping Empty
MessageSujet: Re: Créer une PA réactive / mapping   Créer une PA réactive / mapping Empty
Revenir en haut Aller en bas
 

Créer une PA réactive / mapping

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 5Aller à la page : 1, 2, 3, 4, 5  Suivant

 Sujets similaires

-
» Bannière réactive ? [Mapping ?]
» Problème avec le tuto "Réaliser une PA réactive MAPPING"
» Créer une Image Réactive
» Créer une infobulle sur une image réactive
» Mapping (PA) problème de tableau.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit