MetaModels Workshop in Berlin
Ergebnis 1 bis 10 von 10

Thema: moo_ Templatesammlung

  1. #1
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Daumen hoch moo_ Templatesammlung

    Lasst uns doch mal ein paar moo_ Templates sammeln die kleine Gimmicks in die Website einbringen.
    Diese Seite soll nur ein Sammelthread sein! Bitte keine Fragen oder Diskussion!
    Geändert von Psi (13.09.2012 um 08:29 Uhr)
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  2. #2
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_tooltips

    Mootools Mouseover-Tips für Elemente mit tip-Klasse und title-Attribut

    Demo: http://demos111.mootools.net/Tips
    Doku: http://mootools.net/docs/more/Interface/Tips
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  3. #3
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_continuesFader

    Blendet Elemente mit der Klasse continuesFade wiederholend (anhand der CSS-Eigenschaft Opacity) ein und aus.

    Wir haben damit den Schein einiger Designelemente in Bewegung versetzt.
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  4. #4
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_img_hover

    Das Bild eines <img>-Elements mit der Klasse hover wird beim Mouseover durch das Over-Bild ersetzt.
    Das Over-Bild wird automatisch vorausgeladen und muss im gleichen Ordner wie das Originalbild liegen.
    Zusätzlich muss es den Suffix _over tragen.

    Bsp:
    Originalbild: tl_files/bilder/meinBild.jpg
    Over-Bild: tl_files/bilder/meinBild_over.jpg
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  5. #5
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_removeImageFloatOnMobile

    Entfernt das floating und padding von Bildern im #main Container sofern die Fensterbreite 767px unterschreitet.
    Zusätzlich wird das Bild unter dem Text positioniert.

    Nützlich um Bilder auf kleinen mobilen Endgeräten nicht im Textfluss darzustellen.
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  6. #6
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard greyscalehover

    Bilder mit der Klasse grey werden in Graustufen dargestellt. Beim Mouseover fadet das Bild zur farbigen Variante.
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  7. #7
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_rotary

    Bilder mit der Klasse rotary werden beim laden der Seite hereingezoomt. Im Template sind einige weitere Effekt auf Basis von CSS3-transform auskommentiert, diese werden leider von nur wenigen Browsern unterstützt. Kann ein Browser kein CSS3-transform bleibt der Effekt aus und das Bild wird sofort in voller Größe dargestellt.

    Benötigt Element.getPrefixed.js und Fx.Parsers.Transform.js
    von https://github.com/tbela99/Fx.css
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  8. #8
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard moo_slidenav

    Slidet die Unternavigation (ul.level_2) der Navigation mit der ID #mainNav beim laden der Seite nach unten ein.
    Demo: http://www.4show.de
    Angehängte Dateien Angehängte Dateien
    Anerkennung motiviert: Amazon-Wunschliste && TANSTAAFL
    Kontakt: http://www.4wardmedia.de

  9. #9
    Contao-Fan Avatar von Babelfisch
    Registriert seit
    30.06.2009.
    Ort
    Machern bei Leipzig
    Beiträge
    866
    User beschenken
    Wunschliste

    Standard moo_floatingtips

    Hier noch ein weiterer Tooltip, der sich in allen Belangen an die eigenen Bedürfnisse anpassen lässt:

    Seite: http://mootools.net/forge/p/floatingtips
    Demo: http://jsfiddle.net/SLvUz/3/
    Docu: http://wiki.github.com/lorenzos/FloatingTips/docs
    Angehängte Dateien Angehängte Dateien
    Contao-Projekte: LingoliaStiftung firmm
    Meine Erweiterungen: GithubExtension Repository

  10. #10
    Contao-Urgestein Avatar von Tim G
    Registriert seit
    13.02.2010.
    Ort
    Lübeck
    Beiträge
    2.183
    User beschenken
    Wunschliste

    Standard Smooth Anchor Highlights/Hovers

    Hi, schmeiss ich mal was dazu:

    Die Funktion rasselt durch alle 'a' - Anchors, oder andere Elemente und vergibt die Eventlisteners mouseover und mouseleave.
    Bei mouseover wird, wenn via css-psydo :hover vergeben schnell der neue Wert gespeichert, auch der Ausgangswert und von diesem zum :hover getweent.
    Damit ist es möglich einen weichen Farbtween ganz einfach mit CSS steuern zu lassen, ohne die Werte in JS ablegen zu müssen.

    Grüße,
    Tim
    Angehängte Dateien Angehängte Dateien
    http://www.tim-gatzky.de ˙ auch schon wieder 2 Jahre alt - wie die Zeit vergeht... muss mal umbauen.

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

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