Mehrere Links in ein Bild einfügen

cms2day Projekt Spender

Mittwoch, 21. Oktober 2009, 11:02

Mehrere Links in ein Bild einfügen

Ich habe ein Bild das aus vier kleinen Bilder und ein Aktionslogo besteht.

Es sollte auf jedem Bild und auf dem Aktionslogo ein Link eingefügt werden.

Das Bild sieht man auf der Seite www.smutka.com

Kann mir dabei jemand helfen.

Danke im vorraus

Karl

Zum Seitenanfang

errox47

Anfänger

Beiträge: 15

Mittwoch, 21. Oktober 2009, 11:22

Zerleg die Bilder in 5 Einzelteile(IN Photoshop Slicen) und mach normal per HTML Links draus.

MFG

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

Mittwoch, 21. Oktober 2009, 11:39

Wie mach ich das bin leider nicht so gut in solche Sachen?

Zum Seitenanfang

errox47

Anfänger

Beiträge: 15

Mittwoch, 21. Oktober 2009, 11:44

Ich machs dir ich Poste es dann hier rein.
Ich habs jetzt nich gesliced(hab grade kein PS) ich habs dir einfach per Map-Names reingemacht

Mach einfach aus deiner Seite da wo des Image ist nen Code-Block im Backend und füge dann

Quellcode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<img src="http://www.smutka.com/includes/media/startbild.gif" alt="startbild" width="700" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="poly" coords="16,101" href="#" />
  <area shape="poly" coords="15,226,15,11,328,10,335,139,270,163,260,177,248,196,245,210,243,226,244,233" href="http://www.url1.de" alt="" />
  <area shape="poly" coords="648,14" href="#" />
  <area shape="poly" coords="370,12,681,9,688,238,455,234,420,160,402,151,386,137,377,138,370,140" href="http://www.url2.de" />
  <area shape="poly" coords="547,377" href="#" />
  <area shape="poly" coords="684,476" href="#" />
  <area shape="poly" coords="369,483,680,484,681,267,447,262,424,310,402,325,381,335,366,340" href="http://www.url3.de" alt="" />
  <area shape="poly" coords="16,263,17,483,331,485,335,341,278,315,259,285,249,263" href="http://www.url4.de" alt="" />
  <area shape="circle" coords="347,239,98" href="http://www.url5.de" />
</map>
</html>

Ein.
Du musst dann noch http://www.url1.de - http://www.url5.de in deine gewünschten URLs umwandeln das wars.

Zu den Formularen.
Du kannst auch 2mal das Kontakt-Formular installieren,wie steht iWo hier im Forum...Habs selbst noch nicht gemacht

MFG

MFG

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »errox47« (21. Oktober 2009, 12:14)

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

Mittwoch, 21. Oktober 2009, 11:47

Das ist super Danke.
habe aber noch eine Frage, kann ich ein Formular erzeugen das ich wie das Kontaktformular versenden kann?

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

Mittwoch, 21. Oktober 2009, 13:08

Vielen Dank!

Zum Seitenanfang

emet

Admin & Support

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

Mittwoch, 21. Oktober 2009, 23:42

UiUiUi ist da jetzt Original ein riesiger Code draus geworden - da kann man was streichen.

Tip dazu - die Bilder und Links.

Man kann fast absolut alles mit CSS machen.

Äußerer Container mit der passenden Größe und darin einfach die Bilder floaten lassen, so das sie sich automatisch selbst anorden.
Damit sind bereits die ersten vier Bilder fertig - und nochn z-index dazu.
Das Mittlere absolut posiotionieren und mit dem z-index darüber legen - fertisch.

Man kann auch horizontal und vertikal zentrieren, jedoch versteht hier der IE ganz andere Befehle als der Rest der Browser - das geht nur mit Tricks - würde mit der Erklärung jetzt ein bisschen Viel werden.

Zum Seitenanfang

Zurzeit sind neben Ihnen 2 Benutzer in diesem Thema unterwegs:

2 Besucher

cms2day Forum - Community & Support rund ums cms2day

Mehrere Links in ein Bild einfügen

Mehrere Links in ein Bild einfügen

Quellcode

Zurzeit sind neben Ihnen 2 Benutzer in diesem Thema unterwegs:

Ähnliche Themen