Gibt es eine aktuelle Version einer gut funktionierenden Sidebar. Habe versucht Steffens Variante einzubauen, nur ist dann kein Banner zu sehen. Erst hatte ich die css im falschen Ordner, da war es unten links zu sehen. Als ich die css im richtigen Ordner hatte, war kein Banner mehr da. Vielleicht überdeckt oder so?! Und ich hatte die Variante von (ich glaube) Lena. Hat funktioniert, nur ist diese ohne Ausklappfunktion. Deswegen die Frage, ob es noch andere Varianten gibt.
Hallo Rico, kannst du ja anpassen, meine Version. Wir hatten zum Black Friday was zum Einfliegen. 1) Aus meinem Paket die templates/EyeCandy/usermod/css/sidebutton.css erweitern durch: PHP: /* Black Friday Verkauf */ #black { background:url(img/banner-shop.jpg) no-repeat scroll 0px 0px; right:-3px; position:fixed; top:460px; width:200px; z-index:1; } div#black:hover { background-position:0px 0px; width:736px; } #black a { display:block; height:120px; width:756px; } 2) Bild banner-shop.jpg hochladen in templates/EyeCandy/img/ , Bildgröße 736x120px Dabei ist dann etwa das erste linke Drittel des Banners das was ohne Hovern angezeigt wird 3) in der templates/EyeCandy/index.html unter {if SHOP_OFFLINE} {html_shop_offline} {else} einfügen: PHP: <div id="black"><a href="/verlinkte-seite.html" rel="noindex,nofollow"></a></div> VG
black friday... war das nicht was aus Amerika und wurde von Amazon auch verwendet?! Gibts denn fertige Banner noch irgendwo oder muss ich mich selber betätigen *faul*
Fragen gelöscht, da es sich erledigt hat. Edit: Kann man eine effektvolle langsame Ausrollfunktion mit superduperüberraschungsfunktion hinzufügen. Sprich, nicht so abgehackt mit dem "Rein-Raus".
Selber betätigen, fürchte ich. banner-shop.jpg selbst erstellen, richtig. div id="black" kommt zusätzlich, richtig...
Ich würde sagen, dafür bräuchtest du noch Javascript dann, für solche Effekte. Mit Änderung des CSS Eintrags top:460px kannst du übrigens die Höhe verändern auf der der Banner eingeblendet wird. Und wenn du es responsive willst, wäre ein erster Ansazt, das Ganze in % zu machen. Da müsste dann die Bildgröße und das Verschieben beim Hovern auch entsprechend angepasst werden.
Ich werd das mal im Testshop probieren und basteln. Danke bis hierher. Werde mir das aber an die linke Seite packen. Ich komme sonst zu oft mit der Mouse da dran und werde ganz irre, wenn das wie so ne Welle auf und zu klappt. Deswegen hab ich das TrustedShops Ding weg gemacht. Das klappte auch immer auf.
HTML: #black a { display:block; height:120px; width:756px; Für was steht dieser Code und vorallem die Breite???
Interessant mit der Transition - kannte ich auch noch nicht. Also etwa: transition-duration : 2s; (Link nur für registrierte Nutzer sichtbar.) Zeig doch demnächst mal was daraus geworden ist ;-)
Hallo Rico, sieht schick aus! Aber wie wäre es noch mit: box-shadow: 10px 10px 5px #888888; border-radius:10px;
Werd ich testen. Ein Problem entsteht allerdings. Die Sidebar überdeckt z.b. beim IPad die Boxen. Habe bei Tablets statt MC das EyeCandy. Hat einer ne Blitzidee wie ich das umgehen kann. Entweder bei allen mobilen Geräten entfernen oder die Shopbreite anpassen, dass minimum links ein breiterer Rand entsteht. Die schönere Variante wäre, mobile Geräte auszuschließen.
Musst du alles responsive machen - nicht 750 px sondern z.B. 20% oder so. Insgesamt müssten evtl. deine Boxen etwas höher: Ich habe jetzt keinen Mini-Bildschirm (Auflösung 1366x768) aber sehe ab Oberkante deines Google+ Buttons (zumindest vermute ich dass das einer ist) nichts mehr darunter.