Wie eine benutzerdefinierte CSS-Datei in TYPO3 enthalten

Ich brauche eine Verlängerung in typo3 7.6.I gehören eine CSS-Datei in setup.txtWie eine benutzerdefinierte CSS-Datei in TYPO3 enthalten

page.IncludeCSS = Ext.Path_to_css_file.css

Aber die Stile in meiner CSS-Datei ist Überschreibung durch einige mit bauen andere kundenspezifische Arten. Wie kann ich dieses verhindern. Irgendwelche Idee? Ich bin neu in typo3. Bitte helfen Sie mir.Vielen Dank im Voraus.

Quelle

2016-07-01 Aswathy S

Überprüfen Sie Ihre TS-Vorlage Include-Bereich.Bitte versuchen Sie, Ihre Erweiterung bis zum allerletzten hinzuzufügen. –

@AnuBhuvanendranNair meine Erweiterung Vorlage ist sehr zuletzt enthalten.Aber es funktioniert nicht –

Sie müssen jeder CSS-Datei einen eindeutigen Schlüssel (z. B. myCssFile1) hinzufügen. Verwenden Sie auch einen Doppelpunkt nach der EXT:. So ist der richtige Weg, um eine CSS-Datei mit TypoScript von einschließlich wäre

page.includeCSS.myCssFile1 = EXT:my_ext/Path/to/css_file.css

Quelle

2016-07-01 07:19:05 Daniel

Problem wird nicht durch Ihre Lösung gelöst. –

die 'includeCSS' müssen mit einem Kleinbuchstaben i sein. Ich habe die Antwort aktualisiert – Daniel

Ok. Aber es funktioniert nicht –

„Seite I ncludeCSS“ falsch ist, sollte „page.includeCSS“ von Ihrem benutzerdefinierten einzigartigen Array-Namen gefolgt sein wie:

page.includeCSS { 
    styles=Resources/Public/Stylesheets/style.css 
    form=fileadmin/css/form.css 
    jqueryui=Resources/Public/Javascript/ui/jquery-ui.min.css 
}

Grüße Pete

Quelle

2016-07-01 12:11:59 pete

ein anderer Weg, dass, schmutzig zu machen, aber ohne eine Erweiterung Vorlage zu bearbeiten:

lib.additionalStyles = HMENU 
lib.additionalStyles { 
    special = rootline 
    special.range = 0|-1 
    includeNotInMenu = 1 
    1 = TMENU 
    1.NO { 
    doNotShowLink = 1 
    before.cObject = FILES 
    before.cObject { 
     references { 
     table = pages 
     uid.data = field:uid 
     fieldName = media 
     } 
     renderObj = TEXT 
     renderObj { 
     if.value = css 
     if.equals.data = file:current:extension 
     dataWrap = <link rel="stylesheet" type="text/css" href="/{file:current:publicUrl}" media="all"> 
     } 
    } 
    } 
}

Verwendung von HMENU hier, weil das FILES-Objekt nicht die gleiche Vererbung bereitstellen kann wie durch die Templatemethode. Aber wenn Sie nicht über Vererbung benötigen, können Sie dies tun:

lib.additionalStyles = FILES 
lib.additionalStyles { 
    references { 
    # To use media from current page only 
    table = pages 
    uid.data = field:uid 
    fieldName = media 
    # To add some inheritance if media for current page wasn't set 
    data = levelmedia: level[, slide] 
    # depending on level value you can take media from root page, 
    # from current page, from any level upper in tree, or first 
    # existing media item starting from current page to root. 
    # So you can't collect media from all parent pages, only 
    # from current or one of the parents. 
    } 
    renderObj = TEXT 
    renderObj { 
    if.value = css 
    if.equals.data = file:current:extension 
    dataWrap = <link rel="stylesheet" type="text/css" href="/{file:current:publicUrl}" media="all"> 
    } 
}

Dann Objekt importieren headerdata:

page.headerData.10 < lib.additionalStyles

oder (wenn Sie mit JS)

page.footerData.10 < lib.additionalJS

Sie jetzt Sie können auf den Tabs Ressourcen in den Seiteneinstellungen nur die benötigten Dateien erstellen. Nicht sicher, ob alle Versionen von Typo3 css und js für Relationen erlauben, aber 6.2-8.7 tut es)

Quelle

2017-06-25 23:39:28 Dmitry

Wie eine benutzerdefinierte CSS-Datei in TYPO3 enthalten

Antwort

Verwandte Themen