Adventskalender

Thema wurde von radkablahova, 8. November 2016 erstellt.

  1. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.015
    Danke erhalten:
    1.388
    Danke vergeben:
    800
    bei Facebook/Gambio-Treffpunkt hatte auch jemand einen selbst entworfenen Kalender für GX3 gepostet...
     
  2. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Der ist aber nicht so gut, weil
    a Tabellen in der Datenbank angelegt werden müssen,
    b nur Artikel eingetragen werden können (per ID) - Die Angebote sind dann auch ohne Kalender aufrufbar.
    c die Türen jederzeit aufgemacht werden können - man also heute schon sieht was am 24. im Kalender steht.

    Mit dem Kalender hier, kannst Du auch Gutscheine / Rabattkupons, eigene Texte, Bilder... eintragen.
    Der ist schöner zu gestallten.
    Nachteil ist, dass man das in die htm-Dateien eintragen muss. und das in jeder Datei die Styles extra stehen.
    Das habe ich erstmal in css-Dateien ausgelagert. :)
     
  3. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.015
    Danke erhalten:
    1.388
    Danke vergeben:
    800
    ja, ich brauch eh keinen Adventskalender :), zumindest nicht im Shop....
     
  4. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Ich habe den für eine Kundin eingebaut und da ist das aufgefallen.
    Das ganze responsive nützt wenig, wenn man alle Felder durchklicken muss. :D
     
  5. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    Hi Barbara,

    ja, da hast Du recht, da gehört noch der mouseover Effekt rein

    ED
     
  6. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Vielleicht hat ja noch jemand eine Idee, wie man da die Zahlen sichtbar bekommt.
     
  7. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    Hi @barbara,
    da du auch immer so hilfsbereit bist, hab ich schnell eine Lösung für dich geschrieben. Den Tages-Block

    ersetzen mit

    Code:
    <table id="kalender19" cellspacing="10" cellpadding="0" align="center" border="0">
    <tr>
    <!-- 15 2 14 13 18 6 -->
    <td><div class="day">15</div><a onMouseOver="BildEin('g15',15)" onMouseOut="BildAus('g15')" class="grafik" href="javascript:zeigeDatei(15)"><img id="g15" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">2</div><a onMouseOver="BildEin('g2',2)" onMouseOut="BildAus('g2')" class="grafik" href="javascript:zeigeDatei(2)"><img id="g2" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">14</div><a onMouseOver="BildEin('g14',14)" onMouseOut="BildAus('g14')" class="grafik" href="javascript:zeigeDatei(14)"><img id="g14" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">13</div><a onMouseOver="BildEin('g13',13)" onMouseOut="BildAus('g13')" class="grafik" href="javascript:zeigeDatei(13)"><img id="g13" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">18</div><a onMouseOver="BildEin('g18',18)" onMouseOut="BildAus('g18')" class="grafik" href="javascript:zeigeDatei(18)"><img id="g18" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">6</div><a onMouseOver="BildEin('g6',6)" onMouseOut="BildAus('g6')" class="grafik" href="javascript:zeigeDatei(6)"><img id="g6" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    </tr><tr>
    <!-- 21 8 9 24 11 22-->
    <td><div class="day">21</div><a onMouseOver="BildEin('g21',21)" onMouseOut="BildAus('g21')" class="grafik" href="javascript:zeigeDatei(21)"><img id="g21" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">8</div><a onMouseOver="BildEin('g8',8)" onMouseOut="BildAus('g8')" class="grafik" href="javascript:zeigeDatei(8)"><img id="g8" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">9</div><a onMouseOver="BildEin('g9',9)" onMouseOut="BildAus('g9')" class="grafik" href="javascript:zeigeDatei(9)"><img id="g9" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">24</div><a onMouseOver="BildEin('g24',24)" onMouseOut="BildAus('g24')" class="grafik" title="24" href="javascript:zeigeDatei(24)"><img id="g24" title="24" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">11</div><a onMouseOver="BildEin('g11',11)" onMouseOut="BildAus('g11')" class="grafik" href="javascript:zeigeDatei(11)"><img id="g11" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">22</div><a onMouseOver="BildEin('g22',22)" onMouseOut="BildAus('g22')" class="grafik" href="javascript:zeigeDatei(22)"><img id="g22" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    </tr><tr>
    <!-- 4 19 1 16 10 5 -->
    <td><div class="day">4</div><a onMouseOver="BildEin('g4',4)" onMouseOut="BildAus('g4')" class="grafik" href="javascript:zeigeDatei(4)"><img id="g4" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">19</div><a onMouseOver="BildEin('g19',19)" onMouseOut="BildAus('g19')" class="grafik" href="javascript:zeigeDatei(19)"><img id="g19" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">1</div><a onMouseOver="BildEin('g1',1)" onMouseOut="BildAus('g1')" class="grafik" href="javascript:zeigeDatei(1)"><img id="g1" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">16</div><a onMouseOver="BildEin('g16',16)" onMouseOut="BildAus('g16')" class="grafik" href="javascript:zeigeDatei(16)"><img id="g16" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">10</div><a onMouseOver="BildEin('g10',10)" onMouseOut="BildAus('g10')" class="grafik" href="javascript:zeigeDatei(10)"><img id="g10" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">5</div><a onMouseOver="BildEin('g5',5)" onMouseOut="BildAus('g5')" class="grafik" href="javascript:zeigeDatei(5)"><img id="g5" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    </tr><tr>
    <!-- 3 20 7 12 23 17 -->
    <td><div class="day">3</div><a onMouseOver="BildEin('g3',3)" onMouseOut="BildAus('g3')" class="grafik" href="javascript:zeigeDatei(3)"><img id="g3" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">20</div><a onMouseOver="BildEin('g20',20)" onMouseOut="BildAus('g20')" class="grafik" href="javascript:zeigeDatei(20)"><img id="g20" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">7</div><a onMouseOver="BildEin('g7',7)" onMouseOut="BildAus('g7')" class="grafik" href="javascript:zeigeDatei(7)"><img id="g7" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">12</div><a onMouseOver="BildEin('g12',12)" onMouseOut="BildAus('g12')" class="grafik" href="javascript:zeigeDatei(12)"><img id="g12" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">23</div><a onMouseOver="BildEin('g23',23)" onMouseOut="BildAus('g23')" class="grafik" href="javascript:zeigeDatei(23)"><img id="g23" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    <td><div class="day">17</div><a onMouseOver="BildEin('g17',17)" onMouseOut="BildAus('g17')" class="grafik" href="javascript:zeigeDatei(17)"><img id="g17" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td>
    </tr></table>
    und oben in den css vor </style>

    Code:
    .day{ position:absolute;
    margin-top:5px;
    margin-left: 5px;
    color:fff}
    Ich hab nur eben wenig Zeit und kenn den Kalender auch nicht gut. Vergleiche bitte noch mal alle Tage mit den Angaben rechts, ich hab das sehr schnell geschrieben, nicht dass sich ein Tippfehler eingeschlichen hat..

    Man kann das natürlich auch so schreiben, dass nur bei mobiler Ansicht nur die Zahlen eingeblendet werden. Wenn Du das benötigst, melde dich einfach.

    Optimal ist natürlich, den mouseover Effekt auch in der mobilen Ansicht anzuzeigen. Vielleicht hab ich Morgen etwas Zeit, dann befasse ich mich mal damit.

    ED
     
  8. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    @barbara,

    bei den Tagesdateien am besten noch die

    div class "Zahl" deaktivieren über css oder entfernen

    ED
     
  9. Anonymous

    Anonymous Mitglied

    Registriert seit:
    7. November 2016
    Beiträge:
    15
    Danke erhalten:
    1
    Danke vergeben:
    1
    Im Mobile Template ist der Kalender deaktiviert. Ich arbeite aber gerade an einer Version für das MoileCandy und HoneyGrid Template.
     
  10. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Ja ist denn schon Weihnachten :D
    Vielen Dank Ed, das werde ich gleich mal testen.
     
  11. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    So ganz ist es das noch nicht.
    Die Zahlen werden jetzt zwar schön angezeigt, aber sie bleiben auch stehen.
    Sie sind bei einem Hover-Effekt dann doppelt, teilweise nebeneinander.
    Man kann sie zwar auf Monitoren mit einer Breite von X px ausblenden, dann sind Nutzer von großen Tablets aber wieder aufgeschmissen....
     
  12. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    Hi @barbara
    die untere Zahl ist fest auf das dahinter liegende Bild geschrieben, die muss natürlich entfernt werden wenn die original Demo Bilder verwendet werden. Ich dachte Ihr verwendet eigene Shop affine Bildchen.

    Wenn auf den Türchen die Zahl ist, muss die ja nicht dahinter nochmal erscheinen.

    Entweder eigene Bildchen verwenden oder mit Photoshop Aktion die Zahl auf dem Bildchen schwärzen.

    ED
     
  13. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    Hi @barbara, und an alle, die die Bildchen ohne Nummer möchten

    ED
     

    Anhänge:

  14. yoto

    yoto Aktives Mitglied

    Registriert seit:
    16. Juli 2015
    Beiträge:
    25
    Danke erhalten:
    0
    Danke vergeben:
    12
    #34 yoto, 2. Dezember 2016
    Zuletzt bearbeitet: 2. Dezember 2016
    Ja für Mobil ist es nicht geeignet, desshalb habe ich dann auch auf responsiv verzichtet. Mobile nutzer müssen mit dem Finger drauf bleiben.

    Schade übrigens, dass die bereits geöffneten Türchen nicht offen bleiben. Würde toll aussehen und die Suchzeit minimieren gegen Schluss (vor allem für die mobilen).

    edit: Uups hab die ganze zweite Seite nicht gesehn. Das war als Antwort für Barbara gedacht...
     
  15. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Das musste dieses Jahr schnell gehen. :D
    Nächstes Jahr fangen wir zeitiger damit an, dann wird der schöner.
     
  16. yoto

    yoto Aktives Mitglied

    Registriert seit:
    16. Juli 2015
    Beiträge:
    25
    Danke erhalten:
    0
    Danke vergeben:
    12
    Kann man das irgendwo ansehn, was du da gemacht hast Barbara?
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. Oktober 2016
    Beiträge:
    241
    Danke erhalten:
    19
    Danke vergeben:
    188
    was ihr alle so tolles könnt - Hut ab - hätte sowas nächstes Jahr auch gern ♥
     
  18. barbara

    barbara G-WARD 2014/15/16

    Registriert seit:
    14. August 2011
    Beiträge:
    27.138
    Danke erhalten:
    8.068
    Danke vergeben:
    1.257
    Wir sind da noch etwas am Basteln :)
    Im Shop gibt es auf der Startseite ein Bid mit Link zum Kalender.
    Der Kalender wird auf einer eigenen Seite (nicht als Content im Shop) aufgerufen.

    Das hat den Nachteil, dass der Shop nicht zu sehen ist, aber das Teil passt sich dem Bildschirm an und man kann es am Smartphone oder Tablet auch groß-ziehen. Was im Shop ja leider nicht geht.

    Hier ist mal die Version aus dem Testshop:
    https://www.lichtakzente.at/zz-test/adventskalender/index.html
     
  19. yoto

    yoto Aktives Mitglied

    Registriert seit:
    16. Juli 2015
    Beiträge:
    25
    Danke erhalten:
    0
    Danke vergeben:
    12
    Sehr schön gemacht :)
     
  20. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    385
    Danke erhalten:
    180
    Danke vergeben:
    137
    Hi @barbara,

    hast du schön gemacht.

    ED