Anleitung Seitliche Infobox am Shoprand mit CSS3 erstellen

Nö, stimmt net ganz! Schau mal genau hin: www.indiv-style.de oder www.gartenkamine24.com

Anleitung:

das in die /templates/EyeCandy/index.html und Daten anpassen.

HTML:

<div class="kundenservice"><a href="/info/mein-kontakt.html"><img src="{$tpl_path}backgrounds/kundenservice.png" alt="Kundenservice bei Ihr Shopname">
<strong>
Email<br>
<span class="big">info@indiv-style.de</span><br><br>
Phone<br>
<span class="big">Mo-Fr  9-17 Uhr<br>
+49(0)3672 - 4838866</span>
</strong></a>
</div>

das in eine CSS packen:

PHP:

.kundenservice { 
-webkit-transition-property: opacity, left, background; 
-webkit-transition-duration: 1700ms; 
-moz-transition-property: opacity, left, background; 
-moz-transition-duration: 1700ms; 
-o-transition-property: opacity, left, background; 
-o-transition-duration: 700ms;
transition-property: opacity, left, background; 
transition-duration: 1700ms; 
}

.kundenservice a strong { opacity:0;
-webkit-transition-property: opacity, left, background; 
-webkit-transition-duration: 1300ms;
-moz-transition-property: opacity, left, background; 
-moz-transition-duration: 1300ms;
-o-transition-property: opacity, left, background; 
-o-transition-duration: 1300ms;
transition-property: opacity, left, background; 
transition-duration: 1300ms;
left: -250px;
}
.big { color: #0FA2D0;font-size: 16px; font-weight: bold; text-shadow: 0 0 2px #0FA2D0;}
.kundenservice {position:fixed; margin-top:150px; height:200px; width:35px; opacity: 0.2;}
.kundenservice a strong { display:block; padding:8px 10px;position:fixed; margin-top:-170px; }
.kundenservice:hover {z-index: 999;position:fixed;opacity:1; width:270px; background:#333 url(/backgrounds/kundenservice.png) -35px 1px no-repeat; box-shadow: 0 2px 6px #666; }
.kundenservice:hover a strong {position:fixed; white-space:nowrap; opacity:1; margin-top:-170px; left: 45px; color:#fff; }


und den Anhang in /templates/EyeCandy/background kopieren......