Teaser-Slider Quadrate oder Kreise statt Thumbs. Wie?

Thema wurde von jboeck, 7. November 2014 erstellt.

  1. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo,

    mein erster Beitrag im Forum und ich hoffe, in bin an dieser Stelle richtig.

    Stehe noch ganz am Anfang der Einrichtung.
    Ich habe bei Bekannten im Shop gesehen, dass die dort kleine Kreise statt Thumbs unten rechts in der Ecke des Teasers haben. -> www.goldau-noelle.de

    Hab´mit denen gesprochen und der Hinweis statt Thumb-jpg ein Leerzeichen beim Text einzugeben greift bei mir nicht. -> www.das-besondere-zuhause.de

    Die sagten, dass sie im CSS aus den Quadraten Kreise gemacht haben. Wo ist die CSS dazu?
    Bin in der Struktur noch nicht Zuhause.

    Danke für die Hilfe!
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.211
    Danke erhalten:
    6.219
    Danke vergeben:
    1.108
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Hi und Willkommen im Forum :)

    Wenn du dich mit CSS auskennst ist es einfach. Dann hilft dir das ganze als CSS USERMOD zu speichern.

    Wenn nicht müssen wir bischen ausholen....
    (Link nur für registrierte Nutzer sichtbar.)....
     
  3. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hi Dennis. Danke für die Antwort. Auskennen wäre übertrieben, aber ich bin willig. Wo steht denn der jetzige Zustand? Dann kann ich mich da schnell reindenken. Ich blicke die Struktur noch nicht ganz...
     
  4. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.211
    Danke erhalten:
    6.219
    Danke vergeben:
    1.108
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Naja welches CSS für was zuständig ist sieht man in Firebug für Firefox oder "Element untersuchen" in Chrome.
    Man kann aber auch als Text ne Zahl (1,2,3...) schreiben und als thump kleine Kreisbildchen hochladen :D
    Sollte den selben effekt haben wobei die CSS Variante natürlich vorteile hat.
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    dgoldau hat den css-Code gepostet:
    (Link nur für registrierte Nutzer sichtbar.)
     
  6. sirtet
    sirtet Erfahrener Benutzer
    Registriert seit:
    4. Juli 2012
    Beiträge:
    1.130
    Danke erhalten:
    89
    Danke vergeben:
    90
    Was passiert denn bei dir, wenn du kein thumb bild hinzufügst, und im text einen leerschlag (resp. Testhalber irgendein text)?
    bei mir, paddlershop.ch geht das mit leerschlag.

    Kannst auch mal im gambio demoshop probieren, dort hab ich das auch schon mal getestet meine ich.
     
  7. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    ... wenn ich mit der Maus über das Bild gehe, erscheint neben der Maus ein weißes Kästchen mit dem Text. Oder eben ein leeres weißes Kästchen wenn ich nur ein Leerzeichen schreibe.
     
  8. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Danke barbara.

    Ich habe jetzt eine test.css in den Ordner /templates/EyeCandy/usermod/ gestellt.
    Nix passiert.
    - Cache geleert.
    - anderen Browser versucht.

    im Ordner /templates/EyeCandy/usermod/css gehts auch nicht.

    Oder muss die CSS einen bestimmten Namen haben?

    Habt Nachsicht - aber muss erst da reinkommen ...

    LG
    Jens
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    Hast Du nach dem Hochladen mal die Ordner cache und template_c geleert? (.htaccess und index.html nicht mitlöschen)
     
  10. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Gerade gemacht. Ohne Veränderung.

    Meine test.css liegt im Ordner /templates/EyeCandy/usermod/css
    Habe auch den !important;-Eintrag reingesetzt.

    Geht es bei euch?
    http://www.das-besondere-zuhause.de/
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    Dein .jcarousel-control ist 0px x 0px groß, da kann man nichts sehen.

    Den Style aus dem anderen Fred kann ich nicht erkennen. Sicher das Du den in der css-Datei hast?
     
  12. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Barbara,

    ich bin vermutlich zu blind.
    Ich finde in Firebug keinen Eintrag, der auf 0x0 pc der .jcarousel-control hinweist... :-(
     
  13. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    Unbenannt.JPG

    das ist direkt neben dem Bild, wenn man in der Console auf jcarousel-control geht.

    Das ist der Einzige css-Eintrag dazu:
    Code:
    .jcarousel-control {
    bottom: 10px;
    position: absolute;
    right: 10px;
    z-index: 100
    ;

    Ich habe das mal getestet:
    in der Version 2.0 funktioniert es mit den Leerzeichen, in der Version 2.1 funktioniert es nicht mehr.

    Nachtrag: habe noch ein Bild angehängt, wo ich mal Werte in den Bereich gegeben habe.
     

    Anhänge:

  14. jboeck
    jboeck Mitglied
    Registriert seit:
    28. Oktober 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    Danke Barbara

    Ich weiß, dass ich jetzt nervig werde, aber was genau muss ich bei Firebug anstellen damit ich das "dic.jcarousel-control 0px x 0px" angezeigt bekomme?

    ... das habe ich auch gefunden ...

    Das beruhigt mich soweit, dass es meiner meiner Version und nicht an meiner Unfähigkeit liegt.
    Vielleicht muss ich dann einen anderen Weg über spezielle Thumb-Grafiken gehen, auch wenn ich eine Lösung über CSS eleganzter und efizienter fände ...

    LG
    Jens
     
  15. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.628
    Danke erhalten:
    11.349
    Danke vergeben:
    1.614
    Hallo Jens,

    ich habe Dir mal ein Bild gemacht, vielleicht hilft das:

    Unbenannt.JPG

    Das ist zwar Element Untersuchen von Chrome, sollte aber ähnlich sein.
    Wenn man links in dem Element-Block mit der Maus über die einzelnen Bereich geht, sieht man die Felder und die Große.
     
  16. SusanneK
    SusanneK Aktives Mitglied
    Registriert seit:
    11. Oktober 2014
    Beiträge:
    37
    Danke erhalten:
    1
    Danke vergeben:
    22
    Hallo,
    also habe ich das bisher richtig gelesen, das es in der 2.1.2.1 so nicht möglich ist, ein Control so einzufügen, das wirklich nur kleine Punkte angezeigt werden wenn man keine Thumbs hochgeladen hat und lediglich ein Leerzeichen in denn Text einträgt?
    Schade eigentlich.

    Mein Workaround dafür sieht im Moment so aus:
    Hab jetzt mal ein 1x1 px transparentes .gif-Bild als Thumbnail hochgeladen und dann in die Usermod den Vorschlag von dgoldau eingetragen:
    Code:
    .jcarousel-control a {
    border-color: #dddddd;
    border-style: solid;
    border-width: 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 75%;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }
    
    .jcarousel-control a:hover {
    border-color: #666;
    border-style: solid;
    border-width: 5px;
    border-radius: 5px;
    outline: none;
    }
    
    a.jcarousel_control_a_active {
    border-color: #666;
    border-style: solid;
    border-width: 5px;
    border-radius: 5px;
    outline: none;
    }
    Jetzt hab ich zwar ein winziges Loch in den Kreisen aber damit kann man leben.

    Grüße
    Susanne