Contao Konferenz & College 2019 in Duisburg - JETZT TICKET SICHERN!
Ergebnis 1 bis 20 von 20

Thema: Verwendung von lesscss

  1. #1
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard Verwendung von lesscss

    Muss ich meine css-dateien, welche variablen verwenden, in .less umbenennen oder kann das alles so bleiben?
    Grüße
    thepixture

  2. #2
    Contao-Urgestein Avatar von andreasisaak
    Registriert seit
    07.07.2009.
    Beiträge
    4.097
    User beschenken
    Wunschliste

    Standard

    Besser ist es, sie in .less umzubenennen! Hinweis vom Entwickler selbst war das sonst manche Hacks nicht richtig interpretiert werden.

  3. #3
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard

    Ok, also ich hab mal eine der css-dateien mit der Endung .less benannt. Wenn ich die jetzt mit theme+ einbinde, steht im Header nur
    HTML-Code:
    <link href="tl_files/themes/css/menue.less" rel="stylesheet/less" type="text/css">
    der eigentliche css-code wird nicht geladen.

    Als Erweiterung hab ich im Moment 'phpless' installiert und auch die less.js hab ich eingebunden, weiß allerdings nicht ob ich die noch extra benötige.

    Als Variable hab ich
    Code:
    red-color
    angelegt und im css so festgelegt
    Code:
    color:@red-color;
    wäre diese Vorgehensweise richtig?
    Grüße
    thepixture

  4. #4
    Contao-Urgestein Avatar von andreasisaak
    Registriert seit
    07.07.2009.
    Beiträge
    4.097
    User beschenken
    Wunschliste

    Standard

    Hast du auch die Contao Einstellungen einmal aufgerufen und abgespeichert?

  5. #5
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard

    Ja in den Einstellungen war nach der Installation phpless ausgewählt und das hab ich auch gespeichert.

    Ich hab die menue.less jetzt nochmal in .css umbenannt und dann den Haken bei "Alle CSS Dateien mit LessCSS verarbeiten" gesetzt. Dann wird die menue.css zwar richtig eingebunden, aber die Variable greift nicht.
    Grüße
    thepixture

  6. #6
    Contao-Urgestein Avatar von Thomas
    Registriert seit
    16.08.2009.
    Ort
    Visselhövede
    Beiträge
    1.947
    User beschenken
    Wunschliste

    Standard

    Klärt mich mal bitte auf!

    Was habe ich da für Vorteile, wenn ich so etwas einbinden würde?

    Mir erschließt sich das nicht gleich.
    Gruß Thomas
    "Zuerst ignorieren sie dich, dann lachen sie über dich, dann bekämpfen sie dich und dann gewinnst du." Mahatma Gandhi

  7. #7
    Administrator Avatar von hofff
    Registriert seit
    02.06.2011.
    Beiträge
    840
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von Thomas Beitrag anzeigen
    Klärt mich mal bitte auf!

    Was habe ich da für Vorteile, wenn ich so etwas einbinden würde?

    Mir erschließt sich das nicht gleich.
    Eigentlich sehr viele: kürzere CSS, globale Variablen, verschachtelte CSS-Anweisungen etc. Siehe www.lesscss.org

    lesscss ist schon sehr geil ... ;-)

    fg
    nicky


    ... von meinem iPad mit Tapatalk gesendet.
    ... alles wird besser!

    Präsident der Contao Association Website/Github | Mitglied der Contao Community Alliance Website/Github

    individuelle Webanwendungen, Erweiterungen und noch viel mehr ... www.hofff.com/Github

  8. #8
    Contao-Urgestein Avatar von Thomas
    Registriert seit
    16.08.2009.
    Ort
    Visselhövede
    Beiträge
    1.947
    User beschenken
    Wunschliste

    Standard

    Tja, ich halte davon nichts, sorry!

    Warum?
    Wenn der User Javascript abgestellt hat, wird die Seite unleserlich.
    In meinen Augen ein no go.

    Eine Seite sollte auch halbwegs userbility sein, wenn kein Javascript im Spiel ist.
    Viele Firmen verbieten Javascript in Browsern und damit erreiche ich diese User als Webmaster nicht.
    Das kann für viele nicht das Ziel sein.
    Gruß Thomas
    "Zuerst ignorieren sie dich, dann lachen sie über dich, dann bekämpfen sie dich und dann gewinnst du." Mahatma Gandhi

  9. #9
    Contao-Urgestein Avatar von andreasisaak
    Registriert seit
    07.07.2009.
    Beiträge
    4.097
    User beschenken
    Wunschliste

    Standard

    du hast aber schon noch gelesen das es einen parser auf php basis gibt?

  10. #10
    Contao-Urgestein Avatar von tril
    Registriert seit
    07.01.2010.
    Ort
    Bad Marienberg
    Beiträge
    2.939
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von thepixture Beitrag anzeigen
    ...aber die Variable greift nicht.
    Redest du von @ Variablen in der CSS/Less Datei?
    Oder von den Variablen die du im BE definieren kannst? Diese werden mit $foo angesprochen und benötigen KEIN Less.

  11. #11
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard

    Redest du von @ Variablen in der CSS/Less Datei?
    Oder von den Variablen die du im BE definieren kannst? Diese werden mit $foo angesprochen und benötigen KEIN Less.
    Ich rede von den @Variablen, die ich mit theme_plus anlegen kann.
    Grüße
    thepixture

  12. #12
    Contao-Urgestein Avatar von tril
    Registriert seit
    07.01.2010.
    Ort
    Bad Marienberg
    Beiträge
    2.939
    User beschenken
    Wunschliste

    Standard

    Wird die Datei denn immer noch als .less eingebunden? Dann würde ich mal in das Systemlog schauen, eventuell kann der phpless irgendwas nicht parsen?

  13. #13
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard

    Ok in den System-Log steht
    Code:
    parse error: failed at `z\oom: 1;` line: 35
    Ich hab die Anweisung entfernt und jetzt wird mir zumindest schon mal die .less ordnungsgemäß eingebunden. Ich glaub darauf kann ich auch verzichten. Das spricht eh nur IE <=6 an.

    Trotzdem wird die Variable nicht umgewandelt.

    angelegte Variable
    variable.gif

    css-code
    Code:
    #horizontalNavigation ul.level_1
    {
    	height:35px;
    	padding-left:115px;
    	background-color:@red-color;
    }
    Grüße
    thepixture

  14. #14
    Contao-Urgestein Avatar von tril
    Registriert seit
    07.01.2010.
    Ort
    Bad Marienberg
    Beiträge
    2.939
    User beschenken
    Wunschliste

    Standard

    Code:
    z\oom: 1;
    Das sind diese besagten Hacks, die der Parser nicht versteht

  15. #15
    Contao-Fan Avatar von thepixture
    Registriert seit
    24.06.2009.
    Ort
    Dresden
    Beiträge
    535

    Standard

    Mit eurer Theme+ Präsentation auf der Konferenz hab ich jetzt auch festgestellt, dass ich $variable in den .css/.less-Dateien verwenden muss und nicht @variable wie es auf lesscss.org steht.

    Finds einfach nur geil
    Grüße
    thepixture

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

    Standard

    Zitat Zitat von thepixture Beitrag anzeigen
    Mit eurer Theme+ Präsentation auf der Konferenz hab ich jetzt auch festgestellt, dass ich $variable in den .css/.less-Dateien verwenden muss und nicht @variable wie es auf lesscss.org steht.
    Könnte einer von euch nochmal schnell sagen warum $ und nicht @. Ich konnte leider nicht da sein.

    Wenn ich euch helfen konnte könnt ihr euch gerne mal
    meine Amazon Wunschliste anschauen. Dankeschön.

  17. #17
    Contao-Urgestein Avatar von tril
    Registriert seit
    07.01.2010.
    Ort
    Bad Marienberg
    Beiträge
    2.939
    User beschenken
    Wunschliste

    Standard

    $X -> Variable die in Theme+ im Backend definiert wurde. Diese kann auch in JS genutzt werden!
    @X -> Variable die in lesscss definiert wurde und verwendet werden kann.

  18. #18
    Contao-Fan Avatar von Stranger
    Registriert seit
    20.06.2009.
    Ort
    Blankenburg
    Beiträge
    697
    Partner-ID
    5635
    User beschenken
    Wunschliste

    Standard

    Ich steh auch etwas auf dem Schlauch was die Erweiterung themeplus nun genau für Vorteile (und auch Nachteile) für Ottonormal-Website mit sich bringt. Also gibts da evtl. kurz und knackig Infos oder ein Video zu? Die offizielle Website ist bei mir zerschossen (Opera, Chrome). http://www.theme-plus.org/

    Und bei http://www.lesscss.org/ blick ich überhaupt nicht durch. Mir scheint es fast, als würde lesscss das ganze eher noch unübersichtlicher machen und überhaupt nichts vereinfachen?!
    Du willst dich bei mir bedanken?
    Ich freue mich über Geschenke von meiner Amazon-Wunschliste.

    Contao-Anwender seit 2008
    Contao-Entwickler seit 2013, mehr als 50 Contao Erweiterungen programmiert

    Mein Unternehmen aus Blankenburg (Harz): Fast & Media

  19. #19
    Contao-Fan
    Registriert seit
    27.06.2012.
    Beiträge
    590

    Standard

    vielleicht hilft dir das weiter: http://www.werbe-agentur-graz.at/blo...contao-21.html

    Gesendet von meinem GT-I9505 mit Tapatalk 2

  20. #20
    Contao-Urgestein Avatar von tril
    Registriert seit
    07.01.2010.
    Ort
    Bad Marienberg
    Beiträge
    2.939
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von Stranger Beitrag anzeigen
    ... Die offizielle Website ist bei mir zerschossen (Opera, Chrome). http://www.theme-plus.org/
    Das ist eine Präsentation von der Konferenz 2012 und die läuft bei mir im Chrome ohne Probleme

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
  •