<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="http://www.leckse.net/styles/rss2"?>
<rss version="2.0" 
   xmlns:html="http://www.w3.org/1999/html" 
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
   >
<channel>
   <title>leckses Artikel</title>
   <link>http://www.leckse.net/artikel/</link>
   <description>Langweilig, inkorrekt, unkritisch</description>
   <language>de</language>
   <pubDate>Thu, 05 Dec 2002 15:02 GMT</pubDate>
<item>
   <title>Design</title>
   <link>http://www.leckse.net/artikel/profilieren/www/design</link>
   <description><![CDATA[<P id=buttonalslink><A href="#buttonalslink" class=linkhere>Ihre Besucher sind gelangweilt von normalen Text-Links?
Überraschen Sie mit Buttons als Links. Dazu ist nicht mal ein serverseitiges
Script erforderlich. </A></P>
<DIV class=beispiel>
<UL><LI><CODE><SPAN class=tag>&lt;<SPAN class=element>INPUT</SPAN> <SPAN class=attribut>type</SPAN>=<SPAN class=value>button</SPAN> <SPAN class=javascript>onclick="window.location.href = <SPAN class=jsstring>'andereseite.html'</SPAN>"</SPAN>
<SPAN class=attribut>value</SPAN>=<SPAN class=value>"Hier klicken!"</SPAN>&gt;</SPAN></CODE></LI></UL>

</DIV>

<P id=imagemap><A href="#imagemap" class=linkhere>Mit reinem HTML ist ein pixelgenaues Layout leider sehr schwierig. Packen Sie am besten sämtliche Inhalte in eine große Graphik und realisieren die Links mit Imagemaps. </A></P>
<DIV class=beispiel>
<UL><LI><CODE><SPAN class=tag>&lt;<SPAN class=element>BODY</SPAN> <SPAN class=attribut>link</SPAN>=<SPAN class=value>"#00FF00"</SPAN> <SPAN class=attribut>vlink</SPAN>=<SPAN class=value>"#FFFF00"</SPAN> <SPAN class=attribut>text</SPAN>=<SPAN class=value>"#FFFFFF"</SPAN> <SPAN class=attribut>bgcolor</SPAN>=<SPAN class=value>"#000000"</SPAN>&gt;</SPAN><BR>

<SPAN class=tag>&lt;<SPAN class=element>MAP</SPAN> <SPAN class=attribut>name</SPAN>=<SPAN class=value>mappe</SPAN>&gt;</SPAN><BR>
&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"216, 104, 286, 130"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"news.htm"</SPAN>&gt;</SPAN><BR>

&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"318, 169, 426, 194"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"allgemein.html"</SPAN>&gt;</SPAN><BR>
&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"358, 358, 422, 384"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"bilder.html"</SPAN>&gt;</SPAN><BR>

&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"77, 160, 185, 196"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"bibliothek.html"</SPAN>&gt;</SPAN><BR>
&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"79, 360, 184, 381"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"uebermich.html"</SPAN>&gt;</SPAN><BR>

&nbsp; <SPAN class=tag>&lt;<SPAN class=element>AREA</SPAN> <SPAN class=attribut>coords</SPAN>=<SPAN class=value>"210, 412, 293, 435"</SPAN> <SPAN class=attribut>shape</SPAN>=<SPAN class=value>"rect"</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"kontakt.html"</SPAN>&gt;</SPAN><BR>
<SPAN class=tag>&lt;/<SPAN class=element>MAP</SPAN>&gt;</SPAN><BR>

<SPAN class=tag>&lt;<SPAN class=element>P</SPAN> <SPAN class=attribut>align</SPAN>=<SPAN class=value>"center"</SPAN>&gt;</SPAN><BR>
<SPAN class=tag>&lt;<SPAN class=element>IMG</SPAN> <SPAN class=attribut>border</SPAN>=<SPAN class=value>"0"</SPAN> <SPAN class=attribut>src</SPAN>=<SPAN class=value>"bilder/nav_main.jpg"</SPAN> <SPAN class=attribut>usemap</SPAN>=<SPAN class=value>"#mappe"</SPAN> <SPAN class=attribut>width</SPAN>=<SPAN class=value>"500"</SPAN> <SPAN class=attribut>height</SPAN>=<SPAN class=value>"500"</SPAN>&gt;</SPAN><SPAN class=tag>&lt;/<SPAN class=element>P</SPAN>&gt;</SPAN><BR>

<SPAN class=tag>&lt;/<SPAN class=element>BODY</SPAN>&gt;</SPAN></CODE>
</LI></UL>
</DIV>

<P id=back><A href="#back" class=linkhere>Sparen Sie sich schwer wartbare Linkstrukturen, um Ihre Besucher
zu seiner Ursprungsadresse zurückzuführen. </A></P>
<DIV class=beispiel>
<UL><LI><CODE><SPAN class=tag>&lt;<SPAN class=element>A</SPAN> <SPAN class=attribut>href</SPAN>=<SPAN class=value>"javascript:history.back()"</SPAN>&gt;</SPAN>Zurück zur Startseite<SPAN class=tag>&lt;/<SPAN class=element>A</SPAN>&gt;</SPAN></CODE></LI></UL>

</DIV>
]]></description>
   <pubDate>Thu, 05 Dec 2002 15:02 GMT</pubDate>
   <guid>http://www.leckse.net/artikel/profilieren/www/design</guid>
   <author>leckse &lt;leckse@gmx.net&gt;</author>
   <category>profilieren</category>
</item>
</channel>
</rss>
