Ergebnis 1 bis 8 von 8

Thema: Imageslider Runde Ecken

  1. #1
    Alter Contao-Hase Avatar von Messa
    Registriert seit
    19.01.2011.
    Ort
    Vorarlberg, Österreich
    Beiträge
    1.423

    Standard Imageslider Runde Ecken

    Hallo Leute.

    Ist es möglich beim Imageslider Runde Ecken via CSS zu definieren.
    Habe es so versucht:

    Code:
    #elements1 {
    	behavior:url(border-radius-topleft.htc);
    	-moz-border-radius-topleft:65px;
    	-webkit-border-top-left-radius:65px;
    	-khtml-border-radius-topleft:65px;
    }
    Möchte das Links oben das Bild automatisch in CSS abgerundet wird.
    Villeicht habt ihr eine Idee.

    lg Matthias

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Matthias,

    nach meinem Kenntnisstand kannst Du mit CSS3 Bilder nur abrunden, wenn das Bild als Hintergrundbild dem Element zugeordnet ist.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Alter Contao-Hase Avatar von Messa
    Registriert seit
    19.01.2011.
    Ort
    Vorarlberg, Österreich
    Beiträge
    1.423

    Standard

    Hmm oky.
    Gibt es sonst eine möglichkeit?
    Kann man das mit Javascript lösen?
    wo kann ich den von der Erweiterung ändern?


    EDIT

    Es gibt ja so Round Corner mit JS

    http://jquery.malsup.com/corner/

    Kann mann das irgendwie dazubasteln?

    lg Matthias
    Geändert von Messa (25.01.2011 um 13:48 Uhr)

  4. #4
    Contao-Urgestein
    Registriert seit
    07.04.2010.
    Ort
    Stuttgart
    Beiträge
    2.733
    User beschenken
    Wunschliste

    Standard

    Es gibt eine Javascriptlösung.
    Ist allerdings jQuery... ich weiß nicht, ob es da auch für mooTools gibt.
    Ich hoffe es hilft wenigstens zu wissen dass es geht :P

  5. #5
    Community-Moderator Avatar von stefan-at-work
    Registriert seit
    05.06.2009.
    Ort
    Bad Segeberg
    Beiträge
    1.780
    Partner-ID
    634

    Standard

    Du könntest ein separates div mit einem overlay.png mit absoluter Positionierung und entsprechendem z-index drüberlegen.

  6. #6
    Alter Contao-Hase Avatar von Messa
    Registriert seit
    19.01.2011.
    Ort
    Vorarlberg, Österreich
    Beiträge
    1.423

    Standard

    das wär doch noch ne Anregung für den oder die, die Imagesilder entwickelt haben
    Round ecken , dass das noch niemand gebraucht hat

    Ich weiß das es sicherlich nicht oky aber ich muss fragen.
    Kann mir jemand das Programmieren? Ich kenne mich mit JS nicht sehr gut aus.
    Und bin über jede hilfe froh.
    Möcht einfach das der Kunde nacher die Bilder selber rein machen kann und
    ich nicht immer in PS die Bilder mir runden ecken rausrechnen muss

    lg
    Geändert von Messa (25.01.2011 um 14:08 Uhr)

  7. #7
    Contao-Fan
    Registriert seit
    02.08.2009.
    Ort
    Westfalen
    Beiträge
    639

    Standard

    Hi Messa,

    ich hab das schon gemacht und zwar indem du schlicht das zu slidende Bild im Template als Hintergrund einbindest. Lass dir einfach die Variablen des Templates ausgeben per
    Code:
    <pre><?php echo $this->showTemplateVars(); ?></pre>
    und dann den wert raussuchen, den du brauchst und per echo als bg einbinden. Ist zwar nicht ganz konform, aber hilfreich

    Grüße
    Alex
    ‎"The basic drives of humans are few: to get enough food, to find shelter, and to keep debt off the balance sheet."

  8. #8
    Contao-Fan Avatar von phreak
    Registriert seit
    06.07.2009.
    Ort
    Wien
    Beiträge
    325

    Standard

    Hi Messa,

    Nicht die beste aber auch eine Möglichkeit wenn du die Bilder nicht so oft wechselst. Abgerundete Ecken in Photoshop anlegen.

    Sonst fände ich auch jede andere Lösung spannend.

    Grüße

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Runde Ecken oben/unten für Level 1 Seiten im Navibereich
    Von Broichi im Forum Layout / Templates / Holy Grail
    Antworten: 14
    Letzter Beitrag: 14.12.2010, 20:36
  2. Runde Ecken, wo genau die divs platzieren?
    Von rantaplan im Forum Layout / Templates / Holy Grail
    Antworten: 7
    Letzter Beitrag: 24.11.2010, 11:07
  3. Imageslider > Bilder > abgerundete Ecken
    Von drefsa im Forum Layout / Templates / Holy Grail
    Antworten: 5
    Letzter Beitrag: 13.07.2010, 11:19
  4. flowplayer Parameter - runde Klammern werden umgewandelt
    Von sinnprovinz im Forum Sonstige Erweiterungen
    Antworten: 3
    Letzter Beitrag: 14.03.2010, 10:40
  5. Runde Ecken und Grid-System
    Von lomex im Forum Layout / Templates / Holy Grail
    Antworten: 4
    Letzter Beitrag: 13.01.2010, 08:45

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •