Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
.home
{
background: url(../img/0024/button1h.gif);
background-position: 0;
background-repeat: no-repeat;
}
.about
{
background: url(../img/0024/button2h.gif);
background-position: 0;
background-repeat: no-repeat;
}
.contact
{
background: url(../img/0024/button3h.gif);
background-position: 0;
background-repeat: no-repeat;
}
a.home:hover, a.about:hover, a.contact:hover
{
background-position: 0 17px;
}
body {
background-color:#FFFF66;
}
.home
{
background: url(Home.png);
background-position: 0;
background-repeat: no-repeat;
}
.about
{
background: url(Home.png);
background-position: 0;
background-repeat: no-repeat;
}
.contact
{
background: url(Home.png);
background-position: 0;
background-repeat: no-repeat;
}
a.home:hover, a.about:hover, a.contact:hover
{
background-position: 0 17px;
}
<html>
<head>
<title>TransMens. Das kleine mini mine test-social-network</title>
<link rel="stylesheet" type="text/css" href="TransMens.css" />
</head>
<body>
<div id="wrapper">
<h2>Top-Register-Navi mit Hover-Effekt</h2>
<div id="navi">
<ul>
<li><a class="home" href="#"></a></li>
<li><a class="about" href="#"></a></li>
<li><a class="contact" href="#"></a></li>
</ul>
<br style="clear: both;">
</div><!--Ende navi-->
<div id="content">
Content-Inhalt
<br style="clear: both;">
</div><!--Ende content-->
</div><!--Ende wrapper-->
</body>
</html>