C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Slideshow horizontal infini
Hier à 08:26 par Leiris

» Infobulle avec effets CSS3
Hier à 01:35 par Helena-Bella

» Limitation de la signature
Ven 18 Aoû 2017, 23:36 par Helena-Bella

» Effet de volet glissant sur un bloc
Ven 18 Aoû 2017, 18:56 par Blocku

» Dimensions des avatars
Ven 18 Aoû 2017, 06:12 par Mortuus

» Signature codée
Jeu 17 Aoû 2017, 22:31 par Helena-Bella

» Signature codée
Jeu 17 Aoû 2017, 22:27 par Helena-Bella

» Signature codée avec onglets
Jeu 17 Aoû 2017, 22:18 par Helena-Bella


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
Voir le profil de l'utilisateur http://www.ryotopub.com
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



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   Lun 19 Juil 2010, 03:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://bollywood-zendegi.forum-actif.net
{ Membre }
{ Membre }

Féminin Messages : 18



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

Féminin Messages : 102



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 :star: (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   Lun 19 Juil 2010, 11:26
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sweetheaven.youneed.us
{ Membre }
{ Membre }

Féminin Messages : 39



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   Mer 21 Juil 2010, 17:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Jeu 22 Juil 2010, 07:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ryotopub.com
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



@ 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   Jeu 22 Juil 2010, 07:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



Oui, c'est pas faux 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   Jeu 22 Juil 2010, 16:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://potterworld3.forumactif.org
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



*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   Jeu 22 Juil 2010, 22:56
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Ven 23 Juil 2010, 08:00
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://potterworld3.forumactif.org
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



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   Ven 23 Juil 2010, 08:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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 :

(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   Ven 23 Juil 2010, 08:27
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://potterworld3.forumactif.org
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



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   Ven 23 Juil 2010, 08:51
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Ven 23 Juil 2010, 10:16
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 105



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   Ven 23 Juil 2010, 10:49
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kagaminoshougai.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 73



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   Ven 23 Juil 2010, 16:30
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kagaminoshougai.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 73



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   Ven 23 Juil 2010, 16:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Ven 23 Juil 2010, 17:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kagaminoshougai.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 73



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   Ven 23 Juil 2010, 19:02
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Sam 24 Juil 2010, 08:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kagaminoshougai.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 73



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   Sam 24 Juil 2010, 09:00
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Sam 24 Juil 2010, 14:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kagaminoshougai.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 73




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   Sam 24 Juil 2010, 14:19
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Sam 24 Juil 2010, 14:30
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ryotopub.com
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



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 :/
MessageSujet: Re: Créer une PA réactive / mapping   Sam 24 Juil 2010, 14:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loups-garous.bb-fr.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 102



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   Sam 24 Juil 2010, 14:45
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Créer une PA réactive / mapping   
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

-
» Créer une PA réactive / mapping
» Bannière réactive ? [Mapping ?]
» Problème avec le tuto "Réaliser une PA réactive MAPPING"
» roll-over, zone réactive, image et son
» Explications sur ACTIVE LOG

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