Tipps und Tricks





          Linktipps

Links aendern sich bei hover, seitenweit eingestellt ist farbe und, dass die links nicht unterstrichen sind.
Testlink
.link1:hover{ font-size: 22px; }
......<a class="link1" href="tips.html">Testlink</a>


Testlink 2
.link2:hover {color: #00008d; font-style: Italic; font-weight: Bold}
......<a class="link2" href="tips.html">Testlink 2</a>


Testlink 3
.link3:hover {color: #0000cc; border-bottom: double}
......<a class="link3" href="tips.html">Testlink 3</a>


Testlink 4
.link4:hover {color: #ffff33; background-color: #3366ff; font-weight: Bold; text-decoration: None}
......<a class="link4" href="tips.html">Testlink 4</a>


Testlink 5
.link5:hover {letter-spacing: 7px; font-weight: Bold;}
......<a class="link5" href="tips.html">Testlink 5</a>


Testlink 6
.link6:hover { color: #00008d; font-family: Babelfish; font-weight: Bold; font-size: 30px; }
......<a class="link6" href="tips.html">Testlink 6</a>


Testlink 7
.link7:hover {color: #3366ff; border-left:dashed 2px red; border-right:dashed 2px blue; border-top:dashed 2px gold; border-bottom:dashed 2px green; padding: 4px; }
  ......<a class="link7" href="tips.html">Testlink 7</a>


weitere Linktipps mit java script



Home