Tutorial: Link zu bestimmter Seitenposition

 

 

Vorschau

 

 

Schwierigkeitsgrad

Einfach - Super easy HTML-Codes

 

 

Tutorial

 

 

1. Link erstellen

 

Erstellt ein neues HTML-Objekt und fügt folgenden Code ein:

 

<a href="#linkname"> Linktext </a>

 

linkname: Hier könnt ihr jeder Position einen eigenen Namen geben

Linktext: Dieser Text wird angezeigt

 

Tipp: Wenn ihr das "linkname" weglasst, und nur das "#" stehen lasst, so verlinkt ihr wieder ganz noch oben zum Seitenanfang. Schritt 2 und 3 müsst ihr dann natürlich auslassen.

 

 

2. Ziel einfügen

 

Über der Stelle, an welche verlinkt werden soll, fügt ihr folgenden Code in ein neues HTML/Widget Modul ein:

 

<a name="linkname">

 

linkname ist der oben verwendete Name der Position.

Fertig.

 

 

3. Von Extern direkt zur Position verlinken:

 

Wen ihr den Link zu der Seitenposition direkt verschicken oder irgendwo angeben wollt, dann sieht dieser so aus:

 

http://url/#linkname

 

url: Der Link zur Seite, auf der sich das Ziel aus Schritt 2 befindet

linkname: Der Linkname von oben.

 

 

4. Die Tutorialsammlung unterstützen

 

Unterstützt die Tutorialsammlung, damit es auch weiterhin Jimdo Tutorials gibt!

Z.B. indem ihr auf "gefällt mir" drückt oder meine Hauptseite besucht.

 

      

 

 

Kommentar schreiben

Kommentare: 32
  • #1

    Johannes Schubert (Mittwoch, 24 November 2010 15:02)

    Super Sache!
    Warum steht das nicht gleich in der Jimdo-Hilfe, bzw. warum stehst du mit deinem Tutorial da nicht gleich drin!
    Freue mich auf weitere Tutorials...
    Gruß,
    Johannes

  • #2

    Mark (Donnerstag, 31 März 2011 12:00)

    Cool

  • #3

    Lukas Marquardt (Sonntag, 17 April 2011 18:01)

    Echt cooles Turtorial ;)

  • #4

    Olaf Hars (Mittwoch, 18 Mai 2011 18:43)

    PRima, vielen Dank!

  • #5

    NintendoKanalDE (Donnerstag, 04 August 2011 14:00)

    Daumen hoch

  • #6

    upstruct (Donnerstag, 04 August 2011 20:26)

    Hi,
    coole Sache.

    Funktioniert sowas auch wenn der Link ein Bild ist?
    Bin leider zu unwissend um mir das selbst zu erarbeiten :)
    Würd mich über Tipps freuen.

    Gruß

  • #7

    schutz-bedarf (Donnerstag, 04 August 2011 20:34)

    Sicher, der Linkcode sieht dann so aus:
    <a href="#linkname"><img src="BILDLINK" alt=""></a>
    Unter BILDLINK, musst du den Link zum gewünschten Bild angeben. Das kannst du vorher z.B. auf einer Versteckten Seite deiner Page hochladen und die Bildadresse dort rauskopieren.

    Gruß, JimdoFriend Fabian

  • #8

    upstruct (Freitag, 05 August 2011 02:07)

    Danke dir :)

    2 Fragen hab ich noch:

    1. Ist es möglich neben dem Bildlink noch Text einzufügen?
    So wie bei dem Jimdo-Element 'Bild mit Text' .

    2. Funktioniert das ganze nur für Seitenpositionen auf derselben Seite oder kann man z.B. von Seite X zu einer bestimmten Position auf Seite Y verlinken?

    Wäre super wenn du mir das noch beantworten könntest :)
    Danke im voraus !

    Grüße.

  • #9

    Fabian S. (Freitag, 05 August 2011 10:51)

    1. Das geht mit HTML Tabellen, eine Anleitung werde ich dafür allerdings nicht erstellen (so viel Freizeit habe ich leider auch nicht). Kannst dich selbst einlesen: http://www.htmlbasis.de/websprachen/html/html-kurs/html-tabelle.html

    2. Das steht bei Punkt [3] in der Anleitung

    Gruß, JimdoFriend Fabian

  • #10

    upstruct (Freitag, 05 August 2011 14:03)

    Alles klar, vielen Dank.
    Ich werds mal versuchen :)

    Gruß.

  • #11

    Andreas Wenkert (Mittwoch, 10 August 2011 20:02)

    Hat super geklappt einfach genial

  • #12

    online-beratungspraxis (Freitag, 16 September 2011 18:40)

    Hallo Fabian,
    bei mir hats leider nicht ganz geklappt. Die Links für meine FAQ-Seite konnte ich oben einsetzen, aber nachdem ich im Schritt 2 den Code für die Position über die meiner Laien-Meinung nach richtige Stelle eingesetzt habe, hats mir den ganzen nachfolgenden Text verschoben und gleichzeitig deinen Code auch an anderen Stellen automatisch eingesetzt.
    Was hab ich verkehrt gemacht ?
    Gruß, Armin

  • #13

    Jimdo Tutorials (Samstag, 17 September 2011 00:17)

    Bist du dir sicher, dass du den Code aus Schritt zwei in ein neues HTML/Widget-Modul eingefügt hast? Du erstellst über dem Textobjekt, auf das verlinkt werden soll ein neues HTML/Widget Modul und fügst den Code dort ein.

    Gruß, JimdoFriend Fabian

  • #14

    online-beratungspraxis (Samstag, 17 September 2011 12:12)

    Hallo Fabian,
    jetzt hab ichs kapiert !!
    Und gleich umgesetzt, funktioniert super !
    Ich danke dir von Herzen für deine Arbeit, die du hier machst.
    Grüße, Armin

  • #15

    meinewelt2011 (Samstag, 24 September 2011 12:44)

    Echt cool, danke für den Tipp!

  • #16

    sneeuwschoenwandelen (Montag, 14 November 2011 08:39)

    Hallo Fabian,

    ist es möglich von Menü aus en externe Link einzubauen

    grüße
    Erik

  • #17

    Jimdo Tutorials (Montag, 14 November 2011 08:46)

    Schau dir mal im Gästebuch Eintrag #94 an, da habe ich das schon einmal beschrieben.

    Gruß, JimdoFriend Fabian

  • #18

    lagrandedunedupilat (Freitag, 09 Dezember 2011 19:01)

    Hallo zusammen!
    Saubere Sache, vielen Dank! Hab's gerade ausprobiert und funktioniert einwandfrei. Wollte in einem Modul gleich zwei Links einbauen, die dann einfach hintereinander (und nicht wie geplant untereinander) standen.:-) Habe den ersten Link dann mal zwischen <p> und </p> gepackt und siehe da, es funzt. Einfach faszinierend!
    Nochmals besten Dank und Gruß von der Düne

  • #19

    berninabahn (Montag, 13 Februar 2012 23:40)

    Perfekt, vielen Dank!

  • #20

    maler-katzenberger (Dienstag, 28 Februar 2012 21:36)

    Help, i need somebody ...
    Hallo Fabian,
    ich möchte eine Stichwortliste erstellen.
    z.B.: malen, tapezieren, verlegen usw. usw.
    Zu den einzelnen Begriffen bestehen in der Navigation
    nicht sichtbare Unterseiten mit textlichen Erklärungen.
    Im Textfeld kann man zwar interne links auf jeden Begriff setzen, aber man kann dort keine unterschiedliche Schriften bzw. Schriftgrößen definieren. Ich möchte die Begriffe in unterschiedlicher
    Größe, Schriftart und wenns geht in fett, vielleicht mit
    ein bißchen Farbe darstellen...
    Ich hab halt so meine Vorstellungen. Wäre schön, wenn
    du mir ein paar Tipps geben könntest.
    Wäre echt super. Danke im vorraus.
    Bin ein Fan deiner Tutorials.

  • #21

    Jimdo Tutorials (Freitag, 02 März 2012 16:37)

    Hallo maler-katzenberger,

    zum Verändern der Schriftgröße gibt es hier in der Sammlung bereits ein Tutorial. Das verändern der Schriftart hat Jimdo im Textmodul deaktiviert.

    Wenn du wirklich mit so unterschiedlichen Schriften etc arbeiten möchtest, könntest du diese alternativ auch einfach in Photoshop (oder dessen kostenlosen Alternativen) gestalten und als Bilddatei hochladen. Die kannst du dann ja ebenfalls verlinken.

    Gruß, JimdoFriend Fabian

  • #22

    Silvia (Freitag, 09 März 2012 10:23)

    Guten Tag
    Wie setzte ich diesen Link von der Sidebar auf eine bestimmte Position einer Seite?
    Danke, Gruss
    Silvia

  • #23

    Jimdo Tutorials (Freitag, 09 März 2012 10:30)

    Von der Navigation aus: Das ist nicht möglich.
    Aus einem Textobjekt heraus: Ist bei 3. beschrieben (Link zur Seite einfügen und das #linkname anhängen).

    Gruß, JimdoFriend Fabian

  • #24

    romy-love (Mittwoch, 04 April 2012 10:44)

    Mega gut beschriebene Sachen - vielen vielen Dank :)

  • #25

    MIroslav Fijala (Montag, 16 Juli 2012 17:41)

    Danke für den "Anker" !

  • #26

    Fritz (Dienstag, 17 Juli 2012 13:15)

    danke für die hilfreichen infos

  • #27

    Sandra (Mittwoch, 18 Juli 2012 23:37)

    vielen Dank. Das klappt ja wunderbar. Nur eine Frage: wenn ich den Code wie oben unter 1 angegeben einfüge, erscheint der Linktext immer linksbündig. Kann ich das auch rechtsbündig hinkriegen, damit sich der Linktext von meinen übrigen Texten besser abhebt?

  • #28

    Jimdo Tutorials (Dienstag, 31 Juli 2012 09:30)

    @Sandra Dafür verwende bei Schritt 1 diesen Code:
    <a href="#linkname" style="text-align:right;"> Linktext </a>

    Gruß, JimdoFriend Fabian

  • #29

    sanomotio (Dienstag, 18 September 2012 01:19)

    Hi
    zunächst auch von mir ein großes Dankeschön für die tollen Tipps. Ich habe noch eine ergänzende Frage, kann ich auch direkt von einem Bild zu einer bestimmten Seitenposition verlinken? Hab´s à la "3. Von Extern direkt zur Position verlinken:" versucht, aber dann macht sich ja leider eine neue Seite auf?

  • #30

    Jimdo Tutorials (Dienstag, 18 September 2012 10:59)

    Ja, leider öffnet Jimdo immer einen neuen Tab. Das lässt sich bei den Bildern auch nicht anders einstellen (so etwas ist nur im HTML-Code möglich).

    Gruß, JimdoFriend Fabian

  • #31

    MovieFan1982 (Mittwoch, 31 Oktober 2012 00:37)

    Also irgendwie verstehe ich das nicht ganz. Ich möchte von einer anderen Stelle von meiner Homepage auf eine weitere Stelle springen und da funzt der Code iwi nicht richtig. Ich möchte beispielsweise von der Rubirk "Filmliste" an einer bestimmten Stelle zu einer anderen Rubrik "Bildergalerie" genau zum richtigen Teil der Seite hinspringen, aber WIE ? Wohl gemerkt alles auf der gleichen Homepage ! Etwa vergleichbar mit einem Buch und den Inhaltsverzeichnis davon. Ich schlage das Buch auf lese das Inhaltsverzeichnis und möchte sofort auf die entsprechende Buchseite springen können und zwar an genau die Textstelle, die ich zuvor in Inhaltsverzeichnis gelesen habe. Wie muß dann der Code lauten ?

  • #32

    Jimdo Tutorials (Donnerstag, 08 November 2012 10:22)

    Um bei deinem Beispiel zu bleiben: Überspringe Schritt 1, füge in der Rubrik "Bildergalerie" an der gewünschten Zielstelle wie in Schritt 2 beschrieben das Ziel ein. Auf der Seite "Filmliste" kannst du dann ganz einfach wie in Schritt 3 beschrieben einen externen Link einfügen.