Wie füge ich einen Link ein?

letterbox · 29. März 2019

Hallo, ich bin es wieder einmal. Nachdem ich meine Seite http://malerei2000.de/ nun fertig habe, möchte ich im Menü auf der linken Seite (s. screenshot)

folgenden Text einbauen

Das aktuelle Bild

und es mit dem jeweils aktuellen Bild verlinken, im Augenblick blaue_fomen.jpg
Wie muß der code dazu lauten?

Madman1209 · 29. März 2019

Hi,

woher sollen wir das denn wissen? Womit ist die Seite denn erstellt? Ist das Handarbeit? Oder ist wenigstens ein kleines CMS dahinter? Ansonsten: Google kaputt? Oder warum findest du da nichts zum Thema "HTML Link"?

Abgesehen davon: du hast keinen Datenschutz auf der Homepage! Mächtig großer Fehler.

VG,
Mad

letterbox · 29. März 2019

Danke Madman1209; die Seite ist mit Dreamweaver erstellt und meine Versuche mit Hilfe von Google brachten kein brauchbares Ergebnis.
Quelltext:

Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
</head>

<body><!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Malerei2000</title>
   <meta name="description" Der Autor gibt Einblick in sein künstlerisches Schaffen;Malerei, Acrylmalerei Aquarelle Platzhalter - Ein kurze Beschreibung des Inhalts in Satzform">
    <meta name="Keywords" content=Malerei, Acryl, Aquarelle>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- <link href="../css/zentrale.css" rel="stylesheet"> -->
  <link rel="stylesheet" type="text/css" href="http://www.malerei2000.de/style2000.css">
  
   <link rel="icon" type="image/vnd.microsoft.icon" href="www.malerei2000.de/palette.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
   <header class="pageheader">
      <h1>Herzlich willkommen</h1>
   </header>
   <nav class="navigation">
      <p><a href="http://malerei2000.de/Malerei/Acrylmalerei/album/index.html">Acrylmalerei</a></p>
        
      <p><a href="http://malerei2000.de/Malerei/Aquarelle/album/index.html">Aquarelle</a></p>
       <p><a href="bilderliste.html">Bildinformationen</a></p>
      
     <p><a href="http://www.malerei2000.de/Kontakt.html">Kontakt</a></p>
      <p><a href="http://www.malerei2000.de/impressum.html">Impressum</a></p>
     <p><a href="http://gb.webmart.de/gb.cfm?id=1331502l" http:="" gb.webmart.de=>Gästebuch</a></p>
                                                          
      
       <p><br>
       Aktuelles Bild:<br>
       &lt;a href="http://malerei2000.de"&gt;&lt;img src="bild.jpg" alt="Bild" /&gt;&lt;/a&gt;<br>

        <script "text/javascript" src="https://www.whomania.com/count/lxl"></script><br>
 
        <br>
        

    <p id="last-update">Letzte Aktualisierung am<br>
28.03.2019</p>
      
    
    
</nav>
</body>
</html>

Madman1209 · 29. März 2019

Hi,

keine Ahnung wie du suchst. Erstes Ergebnis für "HTML Link" ist:

Code:

<a href="url">link text</a>

Was genau meinst du mit "jeweils aktuellen Bild verlinken, im Augenblick blaue_fomen.jpg"? Soll sich das dynamisch ändern? Oder wird das von Hand geändert? Wieso wird nicht ein vernünftiges System verwendet, wenn man schon an mit einfachen Dingen Probleme hat?

VG,
Mad

werkam · 29. März 2019

Warum machst Du nicht da weiter :
https://www.computerbase.de/forum/posts/22476937/

KnolleJupp · 29. März 2019

Ein bisschen einfachstes HTML und JavaScript eines Menüs, von einer Internetseite, die ich mal vor Jahren (als ich noch jung und hübsch war) gebastelt habe...
Übrigens manuell, per Hand, nix nur zusammenklicken.

Ich habe das ganze nur ein bisschen anonymisiert, da man anhand der Namen der in diesem Menü verlinkten HTML-Seiten Rückschlüsse auf die Seite ziehen könnte.
Diese ist nämlich aktuell online.

Ab Zeile 267 beginnt das eigentliche Menü, der Kram vorher ist nur ein bisschen optische Spielerei.

HTML:

<html>
  <head>
    <style type="text/css">

      body
      {
        background-image: url(hintergrund_490.jpg);
        background-repeat: repeat-x;
        background-attachment: fixed;
 
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      a.main
      {
        font-family: Verdana, Arial;
        font-size: 14px;
        text-decoration: none;
        font-weight: 600;
        text-align: left;
 
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      a.main:link, a.main:visited
      {
        color: #4A4A19;
      }

      a.main:hover
      {
        color: #4A4A19;
      }

      a.main:active, a.main:focus
      {
        color: #71772F;
      }

      img.hr
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
      }

      img.hrFirst
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
      }

      img.hrLast
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      td.mainmenuItem
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 0px;
 
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      td
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      table
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }

      tr
      {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
      }
    </style>

    <SCRIPT LANGUAGE="JavaScript">
    <!--
      var hexArray = new Array(0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f");

      var step            = 30;    //Die Anzahl der Farbpaletteneinträge. Die Farbabstufungen
      var max_Object = 13;    //Anzahl der Zellen, Objekte, hier 13 da 12 Menüeinträge vorhanden

      //Berechne Farbübergänge
      //Man muss die Farben noch fürs ein- und ausfaden anpassen

      var colors = new Array(step); //Farbübergang für die Zelle //unnötig für mich
      createColorTable( colors, 229, 229, 229, 192, 192, 192 );  //unnötig für mich

      var colors2 = new Array(step); //Farbübergang für die Schrift
      createColorTable( colors2, 74, 74, 25, 113, 119, 47 ); // die ersten 3 RGB Grundfarbe, letzten 3 RGB wohin er fadet
      //                          R   G   B    R    G   B
      //                          dunkel       hell
      function hex(i)
      {
        if (i < 0)
        return "00";
          else if (i > 255)
            return "ff";
          else
            return "" + hexArray[Math.floor(i/16)] + hexArray[i%16];
      }

      //FadeObjekte

      var fadeArray = new Array( max_Object );    //Anzahl der Objekte, sprich der zu fadenden Felder
      for ( i=0; i<fadeArray.length; i++ )
           fadeArray[i] = new Objekt();

      //Param1:     Das zu füllende Array
      //Param2,3,4: Fadeout-Color
      //Param5,6,7: Fadein-Color

      function createColorTable( array, max_r, max_g, max_b, min_r, min_g, min_b )
      {
          for ( i=0; i<array.length; ++i)
          {
          var r = Math.floor(max_r * ((step - i)/ step) + min_r * (i / step));
          var g = Math.floor(max_g * ((step - i)/ step) + min_g * (i / step));
          var b = Math.floor(max_b * ((step - i)/ step) + min_b * (i / step));
          array[i] = "#"+hex(r)+hex(g)+hex(b);
        }
      }

      //Der 1 Parameter ist der index des Objekts, welches gefadet werden soll. Index beginnt ab 0
      //Der 2 Parameter gibt den Faktor an. Der Faktor ist der Wert wie schnell die Farbpalette durchlaufen werden soll.

      function fade( elementNr, faktor )
      {
          var e = fadeArray[elementNr];

          if ( e.typ & 1 )
              e.element.style.backgroundColor = "" + colors[Math.round(e.i)];

          if ( (e.typ & 1) && (e.element.style.backgroundColor == "") )
              e.element.style.background = "" + colors[Math.round(e.i)];

          if ( e.typ & 2 )
              e.element.style.color = "" + colors2[Math.round(e.i)];

           if ( (!e.direction && e.i >0) || (e.direction && e.i<step-1) )
           {
               if ( e.direction )
                   e.i += faktor;
               else
                   e.i -= faktor;

               if ( e.i < 0 )
                   e.i = 0;
               else if ( e.i >step-1 )
                   e.i = step-1;

               setTimeout("fade("+elementNr+","+faktor+");",step);
           }
      }

      //Das Objekt welches gefadet werden soll

      function Objekt()
      {
          this.element    = 0;
          this.i            = 0;
          this.direction  = 0;
          this.typ        = 1;
      }

      //nr:            Nummer des Fadeobjektes
      //element:    Das Objekt
      //faktor:     Schnelligkeit des Fadens 1=normal (Arbeite alle Farbübergänge ab). Faktor 5 bedeutet: "Jede 5 Farbe"
      //fadetyp:     Was wollen sie faden 1=Tabellenzelle; 2=Text; 3=Beides; 0=nichts

      function fadein( nr, element, faktor, fadetyp )
      {
          var e = fadeArray[nr];

          if ( e.element == 0 )
              e.element = element;

          e.direction = 1;
          e.typ        = fadetyp;

          fade(nr,faktor);
      }

      //nr:          Nummer des Fadeobjektes
      //faktor: Schnelligkeit des Fadens 1=normal (Arbeite alle Farbübergänge ab). Faktor 5 bedeutet: "Jede 5 Farbe"

      function fadeout( nr, faktor )
      {
          fadeArray[nr].direction = 0;
          fade(nr,faktor);
      }
      //-->
    </script>

  </head>
  <body onclick="top.frames['view'].focus();">
    <table cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;" border="0">
      <tr>
        <td style="width: 100%; height: 100%">
          <table cellpadding="0" cellspacing="0" style="width: 170px; overflow: visible;">

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hrFirst"/></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(0,2)" onMouseover="fadein(0,this,2,2)" href="../content/start.html" target="view" class="main">Startseite</a><br />
              </td>
            </tr>
     
            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr"/></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(1,2)" onMouseover="fadein(1,this,2,2)" href="../content/link1.html" target="view" class="main">Link1</a><br />
              </td>
            </tr>

           <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
           <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(2,2)" onMouseover="fadein(2,this,2,2)"href="../content/link2.html" target="view" class="main">Link2</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(3,2)" onMouseover="fadein(3,this,2,2)"href="../content/link3.html" target="view" class="main">Link3</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(4,2)" onMouseover="fadein(4,this,2,2)"href="../content/link4.html" target="view" class="main">Link4</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(5,2)" onMouseover="fadein(5,this,2,2)"href="../content/link5.html" target="view" class="main">Link5</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(6,2)" onMouseover="fadein(6,this,2,2)"href="../content/link6.html" target="view" class="main">Link6</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
              <a onMouseout="fadeout(7,2)" onMouseover="fadein(7,this,2,2)"href="../content/link7.html" target="view" class="main">Link7</a><br />
              </td>
            </tr>

                        <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
              <a onMouseout="fadeout(8,2)" onMouseover="fadein(8,this,2,2)"href="../content/link8.html" target="view" class="main">Link8</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(9,2)" onMouseover="fadein(9,this,2,2)"href="../content/link9.html" target="view" class="main">Link9</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(10,2)" onMouseover="fadein(10,this,2,2)"href="../content/link10.html" target="view" class="main">Link10</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(11,2)" onMouseover="fadein(11,this,2,2)"href="../content/link11.html" target="view" class="main">Link11</a><br />
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hr" /></td></tr>
            <tr>
              <td class="mainmenuItem">
                <a onMouseout="fadeout(12,2)" onMouseover="fadein(12,this,2,2)"href="../content/kontakt.html" target="view" class="main">Kontakt/Impressum</a>
              </td>
            </tr>

            <tr><td class="hr"><img src="hintergrund_170x1.jpg" class="hrLast" /></td></tr>
            <tr>
              <td>
                  <br />
                <div style="font-size: 12px; cursor: default; text-align: left; color: #4A4A19;">Hier steht ihr Text</div>
              </td>
            </tr>
     
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

letterbox · 29. März 2019

Madman1209 schrieb:
Hi,

keine Ahnung wie du suchst. Erstes Ergebnis für "HTML Link" ist:

Code:

<a href="url">link text</a>

Was genau meinst du mit "jeweils aktuellen Bild verlinken, im Augenblick blaue_fomen.jpg"? Soll sich das dynamisch ändern? Oder wird das von Hand geändert? Wieso wird nicht ein vernünftiges System verwendet, wenn man schon an mit einfachen Dingen Probleme hat?

VG,
Mad

Danke für Deine Antwort. Es wird jeweils von Hand geändert.
Was verstehst Du unter 'ein vernünftiges System'?

Madman1209 · 29. März 2019

Hi,

ein CMS, etwas fertiges, das du benutzt und nicht baust.

Wenn es von Hand geändert werden soll einfach den Link wie beschrieben nutzen.

VG,
Mad

Zensai · 29. März 2019

Ich mach hier mal dicht. Du wurdest bereits wiederholt darauf hingewiesen dass du die Probleme bezüglich deiner Website in EINEM Thread behandeln sollst. Es kann doch nicht sein dass das mittlerweile mehr als 15 Themen zu einem Problem mit Bildern auf deiner Homepage sind.

Suche

Wie füge ich einen Link ein?

letterbox

Banned

Madman1209

Fleet Admiral

letterbox

Banned

Madman1209

Fleet Admiral

werkam

Alter Meckermann

KnolleJupp

Fleet Admiral

letterbox

Banned

Madman1209

Fleet Admiral

Zensai

Boba Fett Pro

Ähnliche Themen