Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 40 von 46

Thema: Template Mate {{theme::content::MATE01/04}}

  1. #1
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard Template Mate {{theme::content::MATE01/04}}

    Hallo und guten Abend,
    beim Template Mate möchte ich gerne das Logo im Header auf eine andere Seite als .../mate.html verlinken.
    Alles was ich zur Einstellung des Logos finde ist "{{theme::content::MATE01/04}}".
    Also ich finde keine Inhaltselement, das ich entsprechend verlinken könnte. Die Grafik kann ich hochladen aber leider nicht verlinken.
    Ich habe schon den Beitrag zum html Code bzgl des Logos gelesen. Aber ich kann das Logo ja nicht expliziet deffinieren.
    Kann mir jemand sagen was {{theme::content::MATE01/04}} bedeutet und wo ich suchen muss, damit ich dort vielleicht einen Link ändern kann?

  2. #2
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Den Link müsstest Du im Template (z. B. mod_mate_navbar.html5) ändern:

    PHP-Code:
    <?php if($this->showLogo == 1): ?>
        <a href="{{link_url::<?php echo $GLOBALS['objPage']->rootId ?>}}" class="brand-logo right">{{theme::content::MATE01/04}}</a>
    <?php endif; ?>
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  3. #3
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard Vielen Dank!!

    Lieber xchs,
    vielen Dank!!
    Bitte entschuldige ich habe von dem Code gar keine Ahnung, wo soll ich denn den Ziel-Link eintragen?
    Im Templet finde ich nicht ein mate.html. Ich hatte nach Deiner NAchricht gehofft, dieses nur zu ersetzen.
    Könntest Du den Code nochmals mit [www.exampleziellink.de] posten? Das wäre klasse!
    Und dann schreibe ich den Code nur in den bestehenden Code des Templets?

  4. #4
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das Linkziel wird über den Inserttag {{link_url::<?php echo $GLOBALS['objPage']->rootId ?>}} definiert, d. h. Du kannst dort einfach den Inserttag entsprechend anpassen. Wenn Du beispielsweise auf die Seite mit der ID 42 verlinken willst, dann schreibst Du dort einfach {{link_url::42}}.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  5. #5
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard Link im Code

    Mit
    <a href="{{link_url::http://www.example.de}}" class="brand-logo right">{{theme::content::MATE01/04}}</a>
    sollte es klappen?

    Aber das ändert nichts im Link verhalten. Es bleibt bei .../mate.html

  6. #6
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Du hast das falsche Template bearbeitet: Erstelle von mod_mate_navbar.html5 eine Kopie in Deinem Templates-Verzeichnis und ändere dort das Linkziel. Und nein, so kannst Du den Inserttag nicht verwenden. Du musst entweder die URL direkt eingeben oder eben wie schon gesagt über den Inserttag:

    • href="http://www.example.de" oder
    • href="{{link_url::42}}" oder
    • href="{{link_url::seiten-alias-der-zielseite-mit-der-id-42}}"
    Geändert von xchs (03.03.2019 um 21:48 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  7. #7
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard Danke!

    Lieber xchs,
    uff! Das wird hart ich weiß gar nicht wo mein Templets-Verzeichnis ist.
    Liegt das an Contao 4.x? Mit 3.x war es mal so einfach.
    Ich danke Dir herzlich für Deine nette und schnelle Hilfe.

    Ich bin echt frustriert - Man es hat mal so viel Spaß gemacht.

  8. #8
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Überhaupt kein Grund frustriert zu sein, das bekommst Du locker hin: Der Templates-Ordner ist noch immer dort, wo er auch schon unter Contao 3 war, nämlich im Contao Root-Verzeichnis. Dort solltest Du einen Ordner templates/ finden. Wenn Du im Contao Backend unter "Layout" > "Templates" eine Kopie des Templates mod_mate_navbar.html5 erstellst, dann wird dieses Template genau in diesem Verzeichnis (oder ggf. auch in einem Unterordner davon) abgelegt. Du kannst das Template also direkt im Backend duplizieren und unter "Templates" entsprechend ändern.

    Möchtest Du das Logo nicht mit Deiner Startseite verlinken? Das könntest Du beispielsweise so machen:

    PHP-Code:
    <?php if($this->showLogo == 1): ?>
        <a href="{{env::path}}" class="brand-logo">{{theme::content::MATE01/04}}</a>
    <?php endif; ?>
    Geändert von xchs (03.03.2019 um 22:14 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  9. #9
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard Du machst mir Mut!

    Ich werde es versuchen! Und berichten.

  10. #10
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ja, mach das. Die Vorgangsweise im Umgang mit den Templates hat sich zwischen Contao 3 und Contao 4 überhaupt nicht geändert. Wenn Du unter Contao 3 schon mal ein Template bearbeitet hast, dann geht es unter Contao 4 genau gleich.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  11. #11
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard

    Danke!! Ja stimmt hat sich nicht geändert. War wohl ein anderer Frust. Sorry dafür!
    Ich habe versucht bei Themes › mate › Frontend-Module › Modul ID 272 das kopierte Templet einzubetten.
    Außer mod_html kan ich kein anderes auswählen. Auch die Manuelle Eingabe des kopierten Templet klappt nicht.

  12. #12
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Nein, das brauchst Du alles nicht machen. Die Kopie des Templates brauchst Du nicht einem Frontendmodul zuzuweisen, das passiert alles automatisch.

    Hier also nochmals die Vorgangsweise:

    • "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5 (den Namen des Templates unverändert lassen)
    • Öffne das Template über das entsprechende Icon zur Bearbeitung
    • Ändere das Template wie folgt:
      PHP-Code:
      <?php if($this->showLogo == 1): ?> 
          <a href="{{env::path}}" class="brand-logo">{{theme::content::MATE01/04}}</a> 
      <?php endif; ?>
    • Speichere Deine Änderungen am Template

    Mehr brauchst Du nicht zu machen.
    Geändert von xchs (03.03.2019 um 22:52 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  13. #13
    Contao-Nutzer Avatar von ottoivx
    Registriert seit
    09.01.2011.
    Ort
    Rheinland
    Beiträge
    54

    Standard DANKE!!!!

    JAAAAA!

    Es hat geklappt!!!!!!! Danke!!!!! Hammer!!! JAAAAAAAA!!!!

    Lieber xchs,

    VIELEN DANK!!!!!!!!!!!!!!!!!

    Ich war so down -- DANKE!!!!!!! ES FUNKTIONIERT!!

  14. #14
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Don't let it bring you down.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  15. #15
    Contao-Nutzer
    Registriert seit
    30.04.2020.
    Beiträge
    10

    Frage hat sich da inzwischen (4.9.2) was geändert...?

    weil bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5

    finde ich nur:
    mate_theme_contao_demo_4.4.x-installtool.sql (1,2 MiB)
    mate_theme_contao_demo_4.4.x-minimal-installtool.sql (954,0 KiB)
    mate_theme_contao_demo_4.9.x-installtool.sql (1,2 MiB)
    mate_theme_contao_demo_4.9.x-minimal-installtool.sql (1,3 MiB)

    ich will zwar keinen link ändern, dafür möchte ich aber dem logo beibringen, dass es die größe proportional verändert oder meinetwegen auch eine fixe größe hat, alldings OHNE dass ich ein kleines logo erstellen/hochladen muss... ...ich weiß, ich weiß, oder auch nicht, dass ich das im artikel "mate elements - header - logo" einstellen kann, aber ich scheine zu blöd dafür...

    es handelt sich um https://bouldershirts.org
    das erste logo past noch einigermaßen, wobei sich aufm handy die navigation drüber schiebt...
    ...und das weiße logo beim runterscrollen passt gar nicht...

    habe contao 4.9.2
    und imho alles versucht, was an einstellungen einzustellen war...

    ...

    also ich habe jetzt zwei fragen:
    1.) was genau muss ich im artikel einstellen damit es funzt...?
    2.) angenommen ich wollte mod_mate_navbar.html5 bearbeiten, wo finde ich das in contao 4.9.2...?

  16. #16
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von kwiesatz Beitrag anzeigen
    weil bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5
    Also das hast Du gemacht oder?

    Hast Du RockSolid Erweiterungen installiert? Falls ja, sind diese alle aktualisiert und auf neuestem Stand?
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  17. #17
    Contao-Nutzer
    Registriert seit
    30.04.2020.
    Beiträge
    10

    Standard

    Also das hast Du gemacht oder?
    nö.

    wie gesagt: bei "layout-templates" im backend finde ich nur:
    mate_theme_contao_demo_4.4.x-installtool.sql (1,2 MiB)
    mate_theme_contao_demo_4.4.x-minimal-installtool.sql (954,0 KiB)
    mate_theme_contao_demo_4.9.x-installtool.sql (1,2 MiB)
    mate_theme_contao_demo_4.9.x-minimal-installtool.sql (1,3 MiB)

    darum die frage, ob sich da was verändert hat...?

    wenn ich direkt in den verzeichnissen suche, finde ich in /public_html/bouldershirts/files/mate n paar stylesheets, aber die sehen so aus wollten sie nicht unbedingt angerührt werden und selbst wenn, würden sie nich helfen...

    in /public_html/bouldershirts/system/themes/flexible find ich noch mehr stylesheets, aber ich glaub die ham mit mate nix am hut...

    ...und ne mod_mate_navbar.html5 find ich ums verrecken nicht, nirgendwo...


    im handbuch hab ich was gefunden bei https://docs.contao.org/manual/de/th...mes-verwalten/ - da gibts nen link "Weitere Informationen dazu findest du auf der Seite Templates."
    ^^hört sich interessant an, aber der link geht leider nich...:'(

    Hast Du RockSolid Erweiterungen installiert?
    wtf sind RockSolid Erweiterungen...? brauch ich die...? mag eigentlich so wenig wie möglich installieren...
    meinst du das hier: madeyourday/contao-rocksolid-mega-menu...?


    das hier ist mein erstes mal mit contao...
    ...ich find´s sehr geil...
    ...weiß aber noch ganz viel nicht...

    hoffe meine fragen sind nicht all zu dumm...?

  18. #18
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von kwiesatz Beitrag anzeigen
    darum die frage, ob sich da was verändert hat...?
    Nein, da hat sich nichts verändert.

    Das, was Du da siehst sind einfach die SQL Websitetemplates (SQL Dumps) für das Mate Theme.

    Meine Frage bezog sich auf Deine zitierte Stelle

    weil bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5
    Wenn Du dort ein Template erwartest, um es bearbeiten bzw. ändern zu können, dann musst Du vorher dieses Template (also eine Kopie davon) dort erstellen.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  19. #19
    Contao-Nutzer
    Registriert seit
    30.04.2020.
    Beiträge
    10

    Standard

    mod_mate_navbar.html5 hab ich bei mir noch nie irgendwo gesehen...
    ...erst hier in diesem thread...
    ...darum dacht ich, die muss ich finden um mein problem zu lösen...
    ...aber scheinbar ein denkfehler...

    ...trotzdem vielen dank...<3

  20. #20
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Das gleiche Problem mit den templates im Mate-Theme

    Also ich habe auhc diese etwas kryptisch anmutenden Verweise. theme::content::MATE01/04}}
    1. Frage ich mich, wo bekomme ich raus, WASS genau dahinter steckt hinter "content::MATE01/04"?

    Aus älteren Zeiten, kenne ich noch die Verweise auf ID´s.. aber das hier.. scheint eine Variable zu sein.. nur finde ich die nicht.

    2. Im Backend, wie hier mehrfach einfach verwiesen wurde.. "bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5 " besteht für mich die Frage..
    WOHER bekomme ich denn die Datei zum kopieren??
    Denn angezeigt wird sie dort nicht.... sondern nur die SQL-Dateien.

    Achso.. ich nutze die neuste (stand Heute).. stable Version von Contao.. und auch vom Mate. Alles eben erst neu installiert. Lief soweit recht gut und Problemlos.

    Wenn man hier dateien sucht, dann NUR übers Backend?
    oder über FTP.. und wenn FTP, dann auf welcher Ebene.. oberhalb von /web, oder darunter.. Vendor?
    Geändert von Justd (12.08.2020 um 17:12 Uhr)

  21. #21
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die Frage kann Dir der Ersteller des Themes wahrscheinlich schneller beantworten.
    Normal kannst Du die Templates im Backend im Bereich Template kopieren.

    Kleiner Nachtrag: Gerade geschaut. Es ist auch beim Mate Theme so. Du gehst in Backend unter Layout>Templates und klickst neues Template anlegen. Dann suchst Du das entsprechende Originaltemplate raus. InDeinem Fall also mod_mate_navbar.html5 und Klickst auf Template erstellen. Danach kannst Du das so erstellte Template nach Deinen Bedürfnissen anpassen.
    Es funktioniert also alles ganz normal wie bei jeder x-beliebigen Templateanpassung.
    Geändert von mlweb (12.08.2020 um 18:09 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  22. #22
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Justd Beitrag anzeigen
    Also ich habe auhc diese etwas kryptisch anmutenden Verweise. theme::content::MATE01/04}}
    1. Frage ich mich, wo bekomme ich raus, WASS genau dahinter steckt hinter "content::MATE01/04"?
    Sowas könnte man auch im Handbuch nachlesen: https://pdir.de/docs/de/contao/theme...customization/

    Die fünf Themes sind ja alle recht gut dokumentiert. Vorbildlich.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  23. #23
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Template gefunden.. aber da fehlt mir imme rnoch was an "content::mate04/01"

    Wow.. habe es nun gefunden.. wie das mit dem template gemeint war.

    Für jemanden, der öfter damit arbeitet wahrscheinlich sooo normal... aber für jemand, der es noch nie gemacht hat.

    Hier mal das was ich so gefunden habe.. und mir bei dem Hinweis fehlte.
    Contao-Neues-Template_01.jpg
    Contao-Neues-Template.png
    Contao-Neues-Template_2.jpg
    Ich hoffe damit ist es auch Anfängern verständlich

  24. #24
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard

    Vielleicht ist das auch nur eine Sache, von welchem Wissenstand man ausgeht.

    ICH kann zumindest nichts in der Doku finden, wo beschrieben ist, was " theme::content::MATE01/04" genau ist, und wo ich dann da den Content WIE verändern kann, z.B. mit eigenem Inhalt.
    Muss der Name genauso bleiben bei verändertem Inhalt? Wenn ja, wo ändere ich den Inhalt?

    Worauf verweist eigentlich das Mate01/04????

    Sorry .. SOOO selbsterklärend und genau ist es nicht beschrieben.

    Daher ja die Fragen... wie gesagt.. bin kein Programierer... schon gar nicht jahrelang in Contao mti Themes unterwegs.

  25. #25
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Eigentlich ist das in dem oben verlinkten Kapitel der Dokumentation genau beschrieben. Was verstehst Du da konkret nicht?

    Du möchtest wissen, was der Inserttag {{theme::content::MATE01/04}} genau macht? Wie in der Doku beschrieben, gibt es eine Seite "MATE Elements", die verschiedene Artikel enthält, deren Inhalte über Theme-Inserttags an beliebigen Stellen ausgegeben werden können.

    Nun haben wir hier also den Inserttag {{theme::content::MATE01/04}}. Wir wechseln also in die Artikelverwaltung und suchen uns (wahrscheinlich ganz unten irgendwo) die Artikel der Seite "MATE Elements" (genauso wie auf dem Screenshot in der Doku zu sehen ist).

    Ok, in der Doku steht nun weiters, dass die erste Zahl (in unserem Fall also "01") den Typ (Header, Modules oder Footer) bezeichnet. "01" würde demnach dem "Header"-Bereich entsprechen. Die zweite Zahl (in unserem Fall also "04") entspricht der Nummer des Theme Helper Tags im Artikel. "04" wäre demnach "01/04 logo" (laut Screenshot in der Doku).

    Wenn Du diesen Artikel editierst, gehe ich also mal davon aus, dass Du dort das Header-Logo der Website festlegen bzw. ändern kannst.

    Wenn Du also den Inserttag {{theme::content::MATE01/04}} irgendwo verwendest, wird dadurch das Website-Logo eingebunden. Und ja, der Name des Inserttags musst Du in diesem Fall so beibehalten. Wie Du aber auch eigene Inserttag erstellen kannst, steht auch in der Doku.

    Ist es jetzt klarer?
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  26. #26
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard

    Yep.. danke.. jetzt ist es tatsächlich klarer.

    wobei ich mich etwas wundere.. denn das 2. logo.. also wenn der Balken sich verfärbt.. wird sehr gestreckt..bzw.. versucht die Breite fix hin zu bekommen.
    Wobei ich mein Logo auf die Höhe angepasst hatte...

    Was kann man da machen?

    Danke, wenn Du dich da noch mal so klasse bemühst.. danke dafür.

  27. #27
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    So wie Du es schilderst, würde ich vermuten, dass man das mit CSS anpassen muss.

    Link zur Problemseite?
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  28. #28
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard

    Ich hatte es fast vermutet.. dabei habe ich nicht soo viel Auswahl..
    1. woran liegt das? und
    2. wo könnte ich es eventuell ändern?

    Contao_Auswahl-Headerbild_01.png

    Contao_Auswahl-Headerbild_02.jpg

    Den Punkt "probleme habe ich schon gesehen.. bringt mich zunächst aber nicht weiter...

    Wie gesagt.. habe früher mal vor 6 jahren.. mit Contao gearbeitet... aber bisher nie mit templates.. hatte alles selber gemacht .. herkömlich mit normalem CSS.
    Das mit SASS usw. kam erst als ich schon aufgehört habe. Wobei ich weiß, das ist kein problem wegen SASS.

  29. #29
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Headerbild anpassen..

    Ich habe es jetzt anders gemacht.. und so bekomme ich es jetzt hin.. will aber noch mehr optimieren.

    Contao-Headerbild_03.jpg

    Ich würde gerne den KPL: weißen Rand nutzen in der Höhe... über das, was dort vorgesehen ist...
    In CSS würde ich was sagen in Richtung "Floating". oder so.. habe vieles vergessen, wie es genau geht.

    Dabei ist dann die Frage .. Wo genau muss ich das rein bingen, damit die Vorgaben für das 1 Bild überschrieben/geändert werden.. aber der rest so bleibt wie er soll.

    Denn das 2. Bild passt ja.

    Contao-Headerbild_04.jpg

    und wie ich gerade sehe.. in der Handyversion.. passt es zwar in der Höhe.. aber rechts und Links wird was abgeschnitten.. hmm.. da suche ich bestimmt in der media-Query?

    Contao-Headerbild-Mobil-01.jpg
    Geändert von Justd (13.08.2020 um 16:20 Uhr)

  30. #30
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Bilder reichen nicht für konkrete Tipps, da braucht es einen Link um das in den Entwickler-Tools untersuchen zu können.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  31. #31
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Justd Beitrag anzeigen
    Ich hatte es fast vermutet.. dabei habe ich nicht soo viel Auswahl..
    1. woran liegt das? und
    2. wo könnte ich es eventuell ändern?
    Die verlinkten Screenshots aus dem Backend betreffen die angelegten Bildgrößen. Unter Layout -> Themes -> Bildgrößen.
    Aber die konkreten Abmessungen im Layout legst Du im css fest.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  32. #32
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard

    Hier der Link zur besagten Seite, die nur eine Vorbereitung ist.. nicht die Endgültige URL.
    Wird quasi parallel aufgebaut.

    https://hv.023-immobilienmakler.de/

  33. #33
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Warum verwendest Du das picture-Element? Das brauchst Du doch nur, wenn Du wirklich das Motiv verändern willst (Art Direction) https://blog.kulturbanause.de/2014/0...izes-adaptive/.
    Dürfte soweit ich mich erinnere auch mit der Implementierung der Bildgrößen in Contao nicht möglich sein.

    Mir sieht das sehr stark nach einem angepasstem Template aus.

    Im Original kannst Du auf jeden Fall durch entfernen der Abstände (innen und außen) bei figure bzw. img dafür sorgen, dass das Logo die Gesamthöhe ausfüllt.
    Dein Logo hat eine Höhe von 92px und eine Breite von 297px und in dieser Größe wird es auch angezeigt.


    Übrigens so halbwegs normal sieht die Seite nur in Firefox aus. Im Chrome (und wahrscheinlich auch in allen anderen Webkit basierten Browsern) haben wir dann dieses Bild:

    2020-08-14 _anpassungen_mate_theme.jpg

    Grundsätzlich ist die Anpassungen von Themes nach meiner Erfahrung in den meisten Fällen nicht trivial, wenn man über die Anpassungen hinausgeht, die der Themeersteller vorsieht.

    In Deinem Fall sollte eigentlich der einfache Austausch des Logos ggf. mit ein paar CSS-Anpassungen zielführender sein.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  34. #34
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Mate Theme/SCSS in etwa anpassen an vorhandene Seite

    Zitat Zitat von mlweb Beitrag anzeigen
    Warum verwendest Du das picture-Element? Das brauchst Du doch nur, wenn Du wirklich das Motiv verändern willst (Art Direction) https://blog.kulturbanause.de/2014/0...izes-adaptive/.
    Dürfte soweit ich mich erinnere auch mit der Implementierung der Bildgrößen in Contao nicht möglich sein.

    Mir sieht das sehr stark nach einem angepasstem Template aus.

    Im Original kannst Du auf jeden Fall durch entfernen der Abstände (innen und außen) bei figure bzw. img dafür sorgen, dass das Logo die Gesamthöhe ausfüllt.
    Dein Logo hat eine Höhe von 92px und eine Breite von 297px und in dieser Größe wird es auch angezeigt.

    Grundsätzlich ist die Anpassungen von Themes nach meiner Erfahrung in den meisten Fällen nicht trivial, wenn man über die Anpassungen hinausgeht, die der Themeersteller vorsieht.

    In Deinem Fall sollte eigentlich der einfache Austausch des Logos ggf. mit ein paar CSS-Anpassungen zielführender sein.

    ES ist derzeit KEIN angepastes Template.. so gut bin ich leider nicht.

    Das mit dem Logo.. ist ja das Problem... es wird NICHT so einfach dargestellt.. sondern halt abgeschnitten (zumindest, was ich in Firefox und Chrome sehen kann auf dem PC.

    Genau bei den CSS Anpassungen, da schaue ich ja noch, ob und wie ich das machen kann.

    Die eigentliche original-Seite ist diese hier https://023-hausverwaltung.de diese ist in WIX gemacht und hat technisch gesehen einige Nachteile.
    So z.B. das WIX keine .de-Domains verwalten kann, so dass ich den Umweg bei allinkl.com mit einer dauerhafte Domainumleitung machen musste.
    Es sind aber auch noch einige weitere Unzulänglichkeiten mit und durch WIX.. so dass ich mich dazu entschlossen habe, die Seite für jemand neu in Contao zu machen.

    Natürlich soll sie wenigstens halbwegs ähnlich aussehen. Daher die Entscheidung für das Mate-Theme. Sollte ich es in etwa hin bekommen, wäre auch eine bezahlte Version für 100€ nicht das Thema... doch erst mal soll es halbwegs laufen und nicht ZU VIELE krücken enthalten.

    Das mit dem IMG vom Logo:
    Ich möchte einfach, den derzeti vorhandenen PLatz von diesen eh schon vorhandenen Balken halt einfach zu 95% ausnutzen, was JETZT nicht gemacht wird.
    Denn aus irgendeinem Grund gibt es da immer noch ein Padding, was ich nicht weg bekomme und ich finde die Stelle nicht, wo es her kommt (um es dann zu ändern).
    Eine andere Möglichkeit wäre ja mit "!important" das per CSS zu überschreiben.. hmm, mal schauen wie ich das eventuell rein bekomme.

    Damit folgendes dabei raus kommt.. vielleicht ist es dann verständlicher, was und warum ich es will.
    header-Logo_trasition.jpg

    Dazu sei noch angemerkt.. ich habe keine Höhe von 92 angegeben!!

    Contao-Logo-Eingabe.JPG

    Das ist ja mein Problem... warum wird es auf 92 beschnitten?
    Geändert von Justd (16.08.2020 um 13:59 Uhr)

  35. #35
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Padding im Quelltext gefunden.. aaaber.

    Jetzt habe ich folgendes gefunden..

    contao-header-SCSS_Padding_vorher.JPG

    Wenn ich es im Inspector live auf der Site mal temporär ändere, sieht es so aus... DAS wäre ja schon mal was... so will ich es haben..

    contao-header-SCSS_Padding_noPadding.JPG

    Ich sehe auch den Dateinamen "mate.scss-.....css:8" aber wo auf dem WEB-Space finde ich die..

  36. #36
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Justd Beitrag anzeigen
    Die eigentliche original-Seite ist diese hier https://023-hausverwaltung.de diese ist in WIX gemacht und hat technisch gesehen einige Nachteile.
    Mit Original meine ich natürlich das Original von Mate mit den Demo-Daten.
    Du hast definitiv nicht nur das Logo ausgetauscht, denn der Code an dieser Stelle war ein völlig anderer als in der Demo, als ich die Seite untersucht habe.
    Du solltest gerade, wenn Du nicht viel Erfahrung hast, tatsächlich zunächst nur das Logo austauschen. Also auch keine andere Bildgrösse auswählen, kein anderes Inhaltselement und auch kein anderes Template verwenden. Das Inhaltselement was ich im Ausschnitt Deines Screenshots sehe mit dem Template "ce_mate_header_image" ist nicht das Template was im Mate Theme für das Logo vorgesehen ist. Das ist nämlich ein Bildelement (bzw. zwei Bilder für den Hell-Dunkel-Kontrast) ohne jegliche Bildabmessungen mit dem Template "ce_image".
    Ich bin mir ziemlich sicher, dass alle nötigen Anpassungen mit CSS machbar sind, um das zu erreichen, was Du im Screenshot abgebildet hast.

    Zitat Zitat von Justd Beitrag anzeigen
    Dazu sei noch angemerkt.. ich habe keine Höhe von 92 angegeben!!
    Das ist ja mein Problem... warum wird es auf 92 beschnitten?
    Da wird zu mindestens durch CSS nichts beschnitten, das ausgelieferte Bild ist nur 92 Pixel hoch. Eventuell hast Du eine ungeeignete Bildgröße gewählt, die den wichtigsten Teil auswählt oder hast selbst einen Bildausschnitt markiert oder durch das falsche Template entsteht dieser Effekt.

    Ich kenne das Mate Theme nicht wirklich, habe nur eine Demovariante installiert für ein paar Tests. Normalerweise nutze ich für Theme-Anpassungen immer eine eigene Datei und ändere keine originalen Theme-Dateien. Damit gibt es dann auch keine Probleme, wenn der Theme-Ersteller ein Update seines Themes rausgibt.
    Auch das Mate-Theme hat - wie viele andere Themes auch - eine eigens dafür vorbereitete Datei. Die leere custom.scss. In der Datei selbst steht, dass da hinein Deine eigenen Styleanpassungen gehören. Du musst also überhaupt nicht wissen wo das in den originalen Stysheet steht.

    Im übrigen habe ich gerade einen Blick in die Doku geworfen. Auch da steht detailliert drin, welche der drei Dateien für welche Anpassungen gedacht ist.

    Ich glaube Du solltest Dich noch einmal intensiv mit der Doku befassen. Alternativ suchst Du Dir professionelle Unterstützung für die Themeanpassung.

    Kleiner Nachtrag:
    Ich habe mir mal den Spass gemacht und das Logo einfach nur durch Bildaustausch eingebaut (Bild habe ich mir von der Originalseite geholt). Funktioniert einwandfrei und auch responsive für jede Bildschirrmgröße.
    Geändert von mlweb (16.08.2020 um 17:33 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  37. #37
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard Einbindung Custom.css ins Mate-Thema?

    Jetzt habe ich folgendes in die custom.css eingegeben.. und dennoch ändert sich nix...

    /****
    **** Individelle Styles und andere Elemente
    ****
    */
    #header .brand-logo .ce_image:not(.fixed-nav) img {
    padding: 0 !important;
    }


    Habe ich noch was übersehen?
    Muss ich irgendwo noch sagen, dass das custom.css auch genutzt werden soll, oder geht das automatisch?

  38. #38
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    88

    Standard

    Mit Original meine ich natürlich das Original von Mate mit den Demo-Daten.
    Du hast definitiv nicht nur das Logo ausgetauscht, denn der Code an dieser Stelle war ein völlig anderer als in der Demo, als ich die Seite untersucht habe.
    Ich habe natürlich das eine oder andere ausprobiert, weil es Anfangs überhaupt nicht passte, mit den original-Einstellungen.
    Inzwischen habe ich es halbwegs so, wie es aussehen soll.. aber .. ja, das ist dan nicht mehr ganz so, wie es im Original war.

    Werde ich dann auch noch mal prüfen...in Contao kann man ja die Version wieder herstellen.

    Aber, ich habe es jetzt mal wieder auf den Anfangs/Ursprungszustand zurück gesetzt... habe inzwischen den gleichen Code/Aufbau wie in der Original-Demo.
    Soweit so gut.. und dennoch.. mit dem Code in der Custom.css.. der wird leider nicht übernommen.
    Hmm, warum nicht?


    nav .image_container {
    margin: 0px !important;
    }
    #header .brand-logo .ce_image:not(.fixed-nav) img {

    padding: 0 !important;

    }
    Geändert von Justd (17.08.2020 um 13:34 Uhr)

  39. #39
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Justd Beitrag anzeigen
    Muss ich irgendwo noch sagen, dass das custom.css auch genutzt werden soll, oder geht das automatisch?
    Nein. Das Theme ist so aufgebaut, dass diese Datei automatisch im Template für das Frontend geladen wird. Habe ich gestern kurz getestet.

    Nachtrag: Caches gelöscht? Wie sieht es in der Vorschau aus?

    Nachtrag 2: !important brauchst Du dafür auch nicht
    Geändert von mlweb (17.08.2020 um 11:02 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  40. #40
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Na sieht doch jetzt schon viel besser aus.
    Die verschobene mobile Navigation zwischen 767 und 992Pixel Viewportbreite hatte ich gestern bei den Tests mit deinem Logo zufällig entdeckt und an dem Ersteller des Themes gemeldet https://github.com/contao-themes-net...ndle/issues/59.
    Die Info lautet - wird kurzfristig behoben. Also einfach mal schauen wann das Ticket geschlossen ist und dann dass Theme aktualisieren.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




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
  •