|
|
|
Hello World Forum - test css 2 oleck61 (108 Posts bisher) | | Zitat: | <style type="text/css">
.urbangreymenu{
width: 160px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 14px Verdana;
color: white;
background: #222222 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 14px Arial;
color: black;
background: #444444;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar">My - Musik</h3>
<ul>
<li><a href="http://liveradio.de/dancegroove-radio"><font color="#ffffff">Dance Groove Radio</font></a></li>
<li><a href="http://www.dancegrooveradio.com/playlist.php"><font color="#ffffff">Dance Groove Radio - PlayList </font></a></li>
<li><a href="http://liveradio.de/internetradio/funk"><font color="#ffffff"> Generation Soul Disco Funk </font></a></li>
<li><a href="http://liveradio.de/soulpowerfm"><font color="#ffffff">soulpower.fm </font> </a></li>
<li><a href="http://www.musicgoal.com/radio/cat/funk/0/"><font color="#ffffff">- musicgoal.com</font></a></li>
<h3 class="headerbar">My - Homepage</h3>
<ul>
<li><a href="http://steiner-kf.de.tl/"><font color="#ffffff"> steiner-kf.de.tl</font></a></li>
<li><a href="http://westgate.de.tl/%3D%3EHOME%3C%3D.htm"><font color="#ffffff"> westgate.de.tl</font></a></li>
</ul>
<h3 class="headerbar">My - youtube</h3>
<ul>
<li><a href="https://www.youtube.com/channel/UCrjqNMtT1wX60uFhA1kDiPA"><font color="#ffffff"> Steiner Steiner</font></a></li>
</ul>
</ul>
<h3 class="headerbar">My - Photos</h3>
<ul>
<li><a href="https://www.flickr.com/photos/158589736@N06/albums"><font color="#ffffff"> My - flickr - Ralf</font></a></li>
<li><a href="http://s349.photobucket.com/user/korzensky/library/?sort=3&page=1"><font color="#ffffff"> My - Photobucket - Ralf</font></a></li>
</ul>
<h3 class="headerbar">My - Blog´s</h3>
<ul>
<li><a href="https://steiner-kf.blogspot.de"><font color="#ffffff"> steiner-kf</font></a></li>
<li><a href="http://ralf-korzensky.blogspot.de"><font color="#ffffff">Ralf.K</font></a></li>
</ul>
<h3 class="headerbar">E - Mail</h3>
<ul>
<li><a href="https://webmailer.1und1.de "><font color="#ffffff"> 1und1.de</font></a></li>
<li><a href=" https://www.gmx.net "><font color="#ffffff">gmx.net</font></a></li>
<li><a href=" https://web.de "><font color="#ffffff">web.de</font></a></li>
<li><a href="https://www.freenet.de/index.html "><font color="#ffffff">freenet.de</font></a></li>
</ul>
</div> |
|
Antworten:
Themen gesamt: 117 Posts gesamt: 172 Benutzer gesamt: 1
|
|
|
|
|
|
|
|
|
|
|
|