Hallo ich habe versucht den Tab Slide out Jquery einzubauen - habe dazu die index.html genutzt und bekam auch sofort eine Fehlermeldung. Habe dann geforscht und bin dann hier drauf gestossen funktioniert allerdings auch nicht. Weiß jemand wie und vor allem wo man das einbauen kann?? Vielen Dank für Euer Interesse. lg
Prinzipiell kann ich das, allerdings weiß ich nicht so recht wo ich es einsetzen soll, da beim gambio gx2 nur die index.html in Frage kommt und die den javascript oder css nicht zuläßt...oder denke ich da im falschen Ansatz??
Aber eine jQuery-Lösung kann das schön sanft ein- und ausfahren.... Mit CSS geht ja nur "an" und "aus"...
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......
ja, da gibt es richtig geile Features! Die Themen html5, CSS3, XAJAX oder auch Responsiv-Design werden m.E. nach eh zu wenig beachtet.
Hab das mal versucht bei uns einzubauen. Bin allerdings kläglich gescheitert. Bei uns "slided" da nix rein oder raus. Es kommt lediglich der "Balken" Kundenservice und darunter stehen dann die Daten wie Email und Telefon in extra Zeilen. Hab den Code in die index.html kopiert und eine kundenservice.css angelegt. Die liegt im gleichen Ordner wie die index.html. Also in Eyecandy Jemand nen Tipp was ich falsch mache???
wie meinst Du das? Die kundenservice.css liegt im gleichen Ordner? ich habe die css in meiner stylesheet.css angefügt und dann funzt es auch. Oder in den Ordner EyeCandy/usermod/css
Danke, hat bestens funktioniert. Manchmal sieht man den Wald vor lauter Bäumen nicht. Hätte aber noch eine Frage, Bevor man über den Button fährt ist dieser leider fast nicht sichtbar. Welchen wert muss ich in der CSS ändern, damit die Transparenz nicht so stark am anfang ist?
Ich lasse mal ein dickes DANKE da. Ich bin immer wieder begeistert was man hier so nebenbei mitnehmen kann, ganz grosses Tennis, echt!
Hinweis: im Testhop bei mir im Firefox sah das gut aus, im Opera völlig zerschossen, andere Browser habe ich gar nicht erst ausprobiert. Testet es auch lieber mal mit den anderen Browsern aus. Ich habe es erstmal wieder raus genommen mangels Zeit mich drum zu kümmern. Übrigens bei Steffen sieht es auch im Opera gut aus!
Erst mal vielen lieben Dank!! Habe es mal eingebaut und funktioniert prächtig - vielen Dank für die tolle Anleitung!!