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>

support
Dutch English French German

code


Facebook


Google+


Twitter


Yotube