runde Kategoriebilder

Thema wurde von steffen_kittel, 16. November 2017 erstellt.

  1. steffen_kittel

    steffen_kittel Erfahrener Benutzer

    Registriert seit:
    12. September 2016
    Beiträge:
    76
    Danke erhalten:
    4
    Danke vergeben:
    37
    Hallo,

    bei www.eBay.de unter "WOW! Angebote entdecken" habe ich runde Bilder gesehen - klickt man drauf, sieht man auch die runde "Linkumrandung".

    ist es mit Gambio möglich, neben den eckigen "Kategorie-Kacheln" auch "Runde" zu erstellen?
    Wenn ja, wie müsste man vorgehen?

    Vielen Dank vorab für eure Kommentare.
     
  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.096
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Man kann per CSS Bilder oder nur Ecken abrunden.
    Und bei Hover dann halt nen Rahmen einblenden lassen.

    Im Grunde also einfach die Ecken des Bildes abrunden per css

    so in der art
    img{border:1px solid #;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    }

    und je größer der radius um so mehr die rundung. Bei 90 müsstest nen Kreis haben
     
  3. oder so, ein Bild rund zu machen:
    css: <img src="mages/Bild.jpg" style="border-radius: 50%;">

    html: <img class="img-responsive img-circle" src="img/bild.jpg">


    und img:hover{border: 1px solid black;} macht bei hover den Rahmen drum