Linktitle: Anleitung, selber machen, Tipps

Linktitle machen

Wie kann man Linktitle machen?

Wählen Sie aus :
-1.- Menüauswahl bei Linkklick.

-1.- Beim Link anklicken öffnet sich ein Kasten mit weiteren Infos.

Link Link mit weiteren Infos (hier klicken!)

Öffnen Sie Ihre Datei mit einem Text-Editor.

Kopieren Sie folgenden Code :

<SCRIPT language=JavaScript>
<!--
function openmenu(id)
{if(document.getElementById)
{if(document.getElementById("menu" + id).style.display == "none")
{document.getElementById("menu" + id).style.display = "inline";}
else{document.getElementById("menu" + id).style.display = "none";}
}}
//-->
</SCRIPT>

Fügen Sie den Code in den Head-Bereich, also zwischen <head> und </head> Ihrer Homepage ein.

Dieser Code steuert das Java Script

Kopieren Sie folgenden Code :

<style type="text/css">
<!--
A.kastenlink:link{FONT-WEIGHT: 500;FONT-SIZE: 10px; COLOR: #ffffff; LINE-HEIGHT: 13px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none}
A.kastenlink:visited{FONT-WEIGHT: 500;FONT-SIZE: 10px; COLOR: #ffffff; LINE-HEIGHT: 13px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none}
A.kastenlink:hover{background: #ff0000; COLOR: #40FF40;}
.linkkasten {BORDER-RIGHT: #54ab24 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #54ab24 1px solid; PADDING-LEFT: 3px; BACKGROUND: #4040FF; PADDING-BOTTOM: 3px; BORDER-LEFT: #54ab24 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #54ab24 1px solid}
//-->
</style>

Fügen Sie den Code in den Head-Bereich, also zwischen <head> und </head> Ihrer Homepage ein.

Ändern Sie die CSS-Angaben, also Farbeinstellung, Grösse usw., wenn Sie wollen.

Dieser Code gestaltet den sich öffnenden Kasten

Kopieren Sie folgenden Code :

<A onclick="openmenu('linkinfo')" href="javascript:void(0);">LINKTEXT</A>
<DIV id=menulinkinfo style="DISPLAY: none; WIDTH: 300px; POSITION: absolute">
<TABLE class=linkkasten>
<TBODY>
<TR>
<TD vAlign=top align=left>Überschrift<BR><SMALL>
<A class="kastenlink" href="LINK1.html">LINKTEXT 1</A><BR>
<A class="kastenlink" href="LINK2.html">LINKTEXT 2</A><BR>
<A class="kastenlink" href="LINK3.html">LINKTEXT 3</A><BR>
</TD>
<TD vAlign=top align=right width=5>
<A onclick="openmenu('linkinfo')" href="javascript:void();">X</A>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>

Fügen Sie den Code in den Body-Bereich, also zwischen <body> und </body> Ihrer Homepage ein.

Dieser Code ist für den Link und den Kasteninhalt.

Ändern Sie die Angabe LINKTEXT in Ihren Linktext auf der Seite.

Ändern Sie die Angabe 300px 'in WIDTH: 300px;' in Ihre Breitenangabe für den sich öffnenden Kasten.

Ändern Sie die Angabe Überschrift in Ihre Kastenüberschrift.

Ändern Sie die Angabe LINK1.html in Ihren Link 1 im Kasten.

Ändern Sie die Angabe LINKTEXT 1 in Ihren Linktext 1 im Kasten.

Ändern Sie die Angabe LINK2.html in Ihren Link 2 im Kasten.

Ändern Sie die Angabe LINKTEXT 2 in Ihren Linktext 2 im Kasten.

Ändern Sie die Angabe LINK3.html in Ihren Link 3 im Kasten.

Ändern Sie die Angabe LINKTEXT 3 in Ihren Linktext 3 im Kasten.

Speichern Sie die Datei ab.