CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Deux liens sur une image

Yertok
Yertok
Niveau 5
08 octobre 2006 à 12:48:18

Salut!

J´aimerais mettre deux liens sur une image dans mon site, car je voudrais que ça ouvre un lien dans la frame du menu et un autre dans la frame principale en cliquant sur la même image.

merci!

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 13:05:41

<map>
<area>

Ensuite, tout est une histoire de pixels.

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 13:07:27

The Gimp a une option qui permet de créer facilement des images cliquables par zones (carrées, rectangulaires, triangulaires, circulaires, hexaonales, tout ce que tu veux en fait..)

Yertok
Yertok
Niveau 5
08 octobre 2006 à 14:25:33

Mais comment mettre deux liens à la fois sur la même image et partout sur cette image?

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 14:42:54

Arriver sur 2 pages à la fois avec le même lien en gros? Pas possible.

Par contre, tu peux mettre un pop-up dans la page liée.

Yertok
Yertok
Niveau 5
08 octobre 2006 à 14:50:11

Ouais en fait ce que je voulais faire c´était ouvrir deux pages dans deux frames différentes avec le même lien.

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 14:55:29

Aaargh, des frames....

C´est complètement dépassé, ça donne des résultats différents selon la résolution des personnes, leur navigateur, leur système d´exploitation...

Utilise plus ça, c´est complètement obsolète.

Utilise les CSS plutôt.

Sinon, peut-être qu´un script en php/asp/... ce que te veux... permettrait de le faire.

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:07:04

- Tu prends tes deux sites;
- Tu les mixes sur la même page à l´aide de simples connaissances;
- Tu les places dans deux divs différents;
- Tu nommes la page comme tu veux;
- Ton lien devra simplement pointer vers la page en question.

Yertok
Yertok
Niveau 5
08 octobre 2006 à 15:21:53

J´ai essayé Palahniuk mais ça bug ça charge que dans une frame...

Je crois que finalement je vais faire comme le dit acid_junkie et abandonner les frames.

C´est facile les CSS?

Yertok
Yertok
Niveau 5
08 octobre 2006 à 15:33:58

Et ça permet de fixer le menu et la bannière? (par exemple)

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 15:35:54

"C´est facile les CSS?"

La base est simple. Une fois qu´on rentre dans les détails, ça devient dur...

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:35:57

La méthode des divs marche à coup sûr. Je ne sais pas comment tu as fait ton compte...
Le CSS permet de fixer un menu ou une bannière oui :

{
position: fixed;
]

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:38:50

La seule difficulté du CSS, si elle en est une, c´est d´utiliser toutes les propriétés. Même quand on passe deux ans sur le CSS, il y a toujours quelques propriétés qui nous font tourner la tête qu´on oublie. Comme les changement de curseur, les first-letter ou first-word...

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 15:40:55

Enfin, je dois bien avouer un truc, les CSS, ça à toujours été un peu chinois pour moi.

J´ai jamais trouvé le temps de m´y mettre sérieusement.

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:44:13

Le CSS n´a rien de bien difficile :)
Il suffit quand même d´y mettre du sien avec un peu de temps. Le reste vient tout seul au bout de quelques temps avec de beaux sites avec des effets de transparence, de beaux curseurs et des menus fixés sur les côtés, c´est beau...

Yertok
Yertok
Niveau 5
08 octobre 2006 à 15:47:24

Ça donne envie en tout cas :) Je vais chercher des cours sur le net, il y en a de meilleures qualités que d´autres?

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:49:49

Je ne peux pas trop t´aider là-dessus...
Je me suis familiariser avec le CSS en regardant attentivement le code CSS de n´importe quel site.

[-PalahniuK-]
[-PalahniuK-]
Niveau 10
08 octobre 2006 à 15:52:05

Familiarise-toi^^ :

body
{
width: 554px;
background-color: #000000;
background-image: url("../img/fond2.png");
background-position: center center;
background-repeat: repeat-y;
margin: auto;
text-align: center;
}

  1. corps

{
width: 550px;
height: 700px;
background-image: url("../img/bg.jpg");
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
border: 1px solid #FFFFFF;
margin-top: 10px;
margin-bottom: 20px;
overflow: auto;
}

  1. menu

{
width: 500px;
height: 50px;
background: transparent;
word-spacing: 20px;
font-size: 15px;
padding-top: 10px;
}

  1. text

{
width: 400px;
background-color: #000000;
border: 1px solid #FFFFFF;
filter: alpha(opacity = 50);
opacity: 0.5;
margin-bottom: 15px;
padding: 15px;
}

  1. title_text p:first-letter

{
font-style: times new roman;
font-size: 20pt;
border-left: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
padding-left: 5px;
padding-bottom: 5px;
}

  1. tchat

{
width: 380px;
background-color: #000000;
filter: alpha(opacity = 50);
opacity: 0.5;
border: 1px solid #FFFFFF;
padding-left: 5px;
font-style: times new roman;
}

  1. tchat_pseudo

{
width: 380px;
background-color: #000000;
filter: alpha(opacity = 50);
opacity: 0.5;
border: 1px solid #FFFFFF;
padding-left: 5px;
}

a
{
text-decoration: none;
color: #FFFFFF;
font-style: italic;
}

a:hover
{
color: #B8860B;
}

p
{
color: #FFFFFF;
font-style: times new roman;
font-size: 12pt;
}

.img_border
{
border: 1px solid #FFFFFF;
}

acid_junkie
acid_junkie
Niveau 10
08 octobre 2006 à 15:54:12

http://www.alsacreations.com/

Une référence dans le monde francophone. Je l´ai dans mes marque-pages depuis des lunes, mais je ne me suis jamais vraiment lancé.

Yertok
Yertok
Niveau 5
08 octobre 2006 à 15:57:42

Palahniuk : et la par exemple mettons .img_border, tu l´appelle en mettant class="img_border" dans une image :question:

acid_junkie :d) merci :ok:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment