Hallo zusammen,
habe mal wieder etwas besonderes. Ich habe mir die Social Media Buttons realisieren können, dank Herr Seiz, nun hatte ich einen Widget Button nach oben an der Seite impementiert und dann passiert so etwas...die Buttons sind im Vorschau verschwunden obwohl sie im Arbeitsbereich richtig dargestellt werden und auch voll funktionsfähig sind. Hat einer von euch vielleicht eine Idee woran es liegen könnte...
in 
Der CSS Code ist wie folgt:
<style>
body {
background-position:center;
}
body {
background-attachment:fixed;
}
</style>
<style>
.absatzlisteBox {
display:none;
line-height: 1em;
padding: 16px 1px 1px 16px;
border-radius: 20px;
width: 65px;
background-color: #ffffff;
border: 1px solid #AFAFAF;
position: fixed; ; top:20%; margin-left: -600px; left:50%;
transition: all 0.2s ease-in-out;
}
.absatzlisteBox:hover {
box-shadow: inset 0px 0px 15px 4px rgba(136,136,136,.7);
}
</style>
<script>
$(document).ready(function() {
$('.absatzlisteBox').hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('.absatzlisteBox').fadeIn();
} else {
$('.absatzlisteBox').fadeOut();
}
});
$('.absatzlisteBox').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<style>
.but {
font-family:'Lobster', Verdana, Geneva, sans-serif;
margin: 0;
color: #a7472e;
font-size:0.0em;
text-align:center;
font-weight:normal;
clear:left;
transition: all 0.2s ease-in-out;
}
.but:hover {
font-size:0.6em;
}
.but a img {
border:none;
position:relative;
top:0;
width:50px;
height:50px;
margin:15px 15px 5px 15px;
transition: all 0.1s ease-in-out;
}
.but a img:hover {
width:80px;
height:80px;
margin:5px;
top:0px;
}
</style>
