Social Media 4
CSS-Code
<style>
.but {
font-family:'Lobster', Verdana, Geneva, sans-serif;
margin: 0;
color: #006600;
font-size:0.0em;
text-align:center;
font-weight:normal;
clear:left;
transition: all 0.2s ease-in-out;
}
.but:hover {
font-size:0.8em;
}
.but a img {
border:none;
position:relative;
top:0;
width:60px;
height:60px;
margin:15px 15px 5px 15px;
transition: all 0.2s ease-in-out;
}
.but a img:hover {
width:80px;
height:80px;
margin:5px;
top:0px;
}
</style>
Quelltext
<div style="position: fixed; bottom:0%; margin-left: -600px;
left:50%; z-index:7000;"
<p class="but">
<a href="https://www.facebook.com/probsteizella"><img
src="http://zella.de/code/bilder/3d-fb.png" width="80" height="80"
alt=""></a><br>Facebook<br><br>
<a href="https://plus.google.com/+probsteizella/about"><img
src="http://zella.de/code/bilder/3d-google.png" width="80" height="80"
alt=""></a><br>Google+<br><br>
<a href="https://twitter.com/probsteizella"><img
src="http://zella.de/code/bilder/3d-tw.png" width="80" height="80"
alt=""></a><br>Twitter<br><br>
<a href="https://www.youtube.com/"><img
src="http://zella.de/code/bilder/3d-youtube.png" width="80" height="80"
alt=""></a><br>Yotube<br><br>
</p>
</div>
code
Google+
Yotube