Sodele, sagen wir Schwaben gerne einmal hier die Lösung:
1. den folgenden Code in die Index.html aus dem Templateordner, direkt nach dem (</header>) eintragen:
<div class="kundenservice"><a href="shop_content.php?coID=7"><img src="{$tpl_path}img/kundenservice.png" alt="Kundenservice bei deinerdomain.de">
<strong>
E-Mail<br>
<span class="big">info@deinedomain.de</span><br><br>
Telefon<br>
<span class="big">Mo-Fr 9-18 Uhr<br>
Tel +49 111222 325654 </span>
</strong></a>
</div>
2. In die stylesheet.css den folgenden Code eintragen:
.kundenservice {
-webkit-transition-property: opacity, left;
-webkit-transition-duration: 700ms;
transition-property: opacity, left;
transition-duration: 700ms;
}
.kundenservice a strong { opacity:0;
-webkit-transition-property: opacity, left, background;
-webkit-transition-duration: 300ms;
transition-property: opacity, left, background;
transition-duration: 300ms;
left: -250px;
}
.kundenservice {position:fixed; margin-top:6px; height:200px; z-index:99999999; width:35px; opacity: 0.3;}
.kundenservice a strong { display:block; padding:8px 10px;position:fixed; margin-top:-190px; }
.kundenservice:hover {position:fixed; opacity:1; width:270px; background:#000 url(/templates/v2next-boot-flat-left/img/bg_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; }
das warst schon ... evtl kann man noch bei mobiler Ansicht das rausnehmen, dazu dann in der entsprechenden Größe eintragen:
.kundenservice {visibility: hidden;}
3. Die entsprechenden Files vom alten Template in den img ordner des Templates hochladen (ich hänge diese mal an, falls das unerwünscht ist, bitte bescheidgeben) ein mal: bg_kundenservice.png[ATTACH=CONFIG]708[/ATTACH]und kundenservice.png [ATTACH=CONFIG]709[/ATTACH]
das wars, viel Spass und Erfolg.
Ich hoffe ich konnte evtl. jemanden helfen der sowas sucht.
Grüße