Foren

Bootstrap Theme erstellen - wer kann helfen?

thumbnail
Johann Daberger, geändert vor 8 Jahren.

Bootstrap Theme erstellen - wer kann helfen?

New Member Beiträge: 24 Beitrittsdatum: 19.01.16 Neueste Beiträge
Hallo,

ich würde gerne ein Theme erstellen und bin nach diesen beiden Blogposts vorgegangen:
https://www.liferay.com/de/web/juan.gonzalez/blog/-/blogs/using-existing-bootstrap-themes-in-liferay-part-ii-

Das ist ja zunächst ganz einfach - aber leider komm ich dann nicht weiter. Mein aktuelles Ergebnis (Basis war, wie im Blog, das _styled-Theme) sieht also ziemlich genauso aus, wie der Screenshot am Ende des Blogposts. Es wird also das Hauptmenü wie eine normale HTML Liste dargestellt.

Und genau ab da scheitere ich. In den Kommentaren sagt der Verfasser zwar, dass man mithilfe diese Links
https://github.com/liferay/alloy-bootstrap/tree/v2.2.2/lib
das css anpassen könne. Aber was genau ist damit gemeint? Ich habe die beiden erwähnten Dateien kopiert (_navbar.scss und navs.scss) und in das Verzeichnis _diff/css gepackt. Aber das ändert nichts.

Wenn ich mir ansehe, was an html erzeugt wird, dann sehen die divs und Klassen (z.B. in der Navigationsleiste) schon ziemlich anders aus, als etwas die Strukturen, die man zum Beispiel in
http://liferay.github.io/alloy-bootstrap/components.html#navbar
findet.

Ich kann doch nicht auf gut Glück die vm-Dateien ändern, weil ich ja Angst hab, damit dann z.B. wichtige Funktionalitäten zu zerstören... Ich habe bislang noch nirgends Anleitung dazu gefunden, wie und was ich im Theme ändern darf und was bleiben muss, um die Funktionsfähigkeit von Liferay nicht zu beeinträchtigen. Oder ich bin einfach zu doof, um die Dokumentationen zu verstehen... emoticon

Ich suche jetzt seit zwei Tagen, nach brauchbaren Anleitungen - auch in den Liferay-Dokus hab ich bislang nicht gefunden, was einem da weiterhilft!

Hat bitte jemand eine Idee oder hilfreiche Links für mich?

Herzlichen Dank schon mal im Voraus!
Johann
Christian Sperlich, geändert vor 7 Jahren.

RE: Bootstrap Theme erstellen - wer kann helfen?

New Member Beiträge: 10 Beitrittsdatum: 31.10.12 Neueste Beiträge
Hallo Johann,

ich kann dir zwar keine Lösung anbieten aber (falls du es nicht schon kennst) folgendes Buch empfehlen:

https://www.amazon.de/Liferay-6-2-User-Interface-Development/dp/1782162348

Gruß
Christian
thumbnail
Olaf Kock, geändert vor 7 Jahren.

RE: Bootstrap Theme erstellen - wer kann helfen?

Liferay Legend Beiträge: 6403 Beitrittsdatum: 23.09.08 Neueste Beiträge
Oh, die Frage ist an mir vorbeigegangen. Diese Dokumentation könnte auch helfen.

Grundsätzliches Vorgehen: Normalerweise enthält das _diffs/css Verzeichnis nur eine custom.css Datei, die alles überlädt, was in den anderen Dateien schon definiert wird. Das macht das Theme deutlich besser wartbar als die Änderung von kleinen Änderungen in großen Dateien.

Ist eine späte Antwort - vielleicht hilft sie dem nächsten, der hier vorbei kommt.