Beitragstext mehrspaltig anzeigen

Antworten
#1
24.03.2020 16:44
avatar  Ingmar
#1 Beitragstext mehrspaltig anzeigen
avatar
Ingmar
Technik

Ich wurde gerade per PN gefragt,wie man einen Beitrag mehrspaltig anzeigen kann.

Da das sicher auch andere interessiert hier eine kleine Anleitung:

1) Forencode anlegen.


2) CSS - Addon

1
2
3
4
5
6
 

.twocol{
columns: 2;  
hyphens: auto; 
}
 
 



Code im Beitrag:

1
 
[twocol]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/twocol]
 



Ergebnis

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#2
27.03.2020 16:07
avatar  Gabriella
#2 RE: Beitragstext mehrspaltig anzeigen
avatar
Gabriella
Mitglied

Hallo @Ingmar,

habe es gemacht, eine Frage, was genau bedeutet: hyphens: auto; respektive was wird damit gesteuert?

Sieht schon mal gut aus:



Bin mal gespannt, ob die Chefin damit zufrieden ist

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#3
27.03.2020 16:33
avatar  Ingmar
#3 RE: Beitragstext mehrspaltig anzeigen
avatar
Ingmar
Technik
Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#4
27.03.2020 19:23
avatar  Trabbi
#4 RE: Beitragstext mehrspaltig anzeigen
avatar
Trabbi
Mitglied

Hallo,

ich bekomme es leider nicht zum laufen.

Habe ich irgendwo einen Rechtschreibfehler?

Unter Layout CSS habe ich folgendes eingefügt

.twocol{
columns: 2;
hyphens: auto;
}

Unter Layout , Iconbar habe ich folgendes




<div class="twocol">
</div>

Habe im Testforum Business Template falls das wichtig ist, dieses haben wir aber auch im Outlawcamper Forum (Hauptforum)

Grüße Steffen
www.outlawcamper.de


Business Template (v4)
Board-Nr 756584

 Antworten

 Beitrag melden
#5
27.03.2020 20:42 (zuletzt bearbeitet: 27.03.2020 20:45)
avatar  Gabriella
#5 RE: Beitragstext mehrspaltig anzeigen
avatar
Gabriella
Mitglied

Trabbi, Du musst einen Forencode erstellen, in der Iconbar, genauso, wie es Ingmar zeigt.

Das reicht nicht, wenn Du da nur: <div class="twocol"> </div> machst, oben muss das sein [.twocol] [./twocol] (ohne die Punkte natürlich).

Das geht in jedem Template!

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#6
27.03.2020 20:52 (zuletzt bearbeitet: 27.03.2020 20:55)
avatar  Trabbi
#6 RE: Beitragstext mehrspaltig anzeigen
avatar
Trabbi
Mitglied

Sorry, habe die eine Zeile nicht mit gepostet, jedenfalls sieht es so aus und es läuft noch nicht








Grüße Steffen
www.outlawcamper.de


Business Template (v4)
Board-Nr 756584

 Antworten

 Beitrag melden
#7
27.03.2020 21:48
avatar  Gabriella
#7 RE: Beitragstext mehrspaltig anzeigen
avatar
Gabriella
Mitglied

Setz den Code ganz oben in die CSS, musste ich auch machen.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#8
27.03.2020 22:28
avatar  Trabbi
#8 RE: Beitragstext mehrspaltig anzeigen
avatar
Trabbi
Mitglied

Zitat von Gabriella im Beitrag #7
Setz den Code ganz oben in die CSS, musste ich auch machen.


Jupp DANKE.... das war der Fehler, als ich es ganz nach oben gesetzt habe, hat es sofort funktioniert ...

Super

Grüße Steffen
www.outlawcamper.de


Business Template (v4)
Board-Nr 756584

 Antworten

 Beitrag melden
#9
27.03.2020 22:46
avatar  Gabriella
#9 RE: Beitragstext mehrspaltig anzeigen
avatar
Gabriella
Mitglied

Das ist kein Fehler. Ich habe das früher auch immer gemacht, die neuesten nach unten gesetzt. Das funktioniert aber nicht mehr. Deshalb dachte ich, dass es das sein könnte

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#10
27.03.2020 22:51 (zuletzt bearbeitet: 27.03.2020 22:51)
avatar  Trabbi
#10 RE: Beitragstext mehrspaltig anzeigen
avatar
Trabbi
Mitglied

Ja, ich habe auch immer unten weiter gemacht, da siehst du mal, zwei Dumme ein Gedanke

Grüße Steffen
www.outlawcamper.de


Business Template (v4)
Board-Nr 756584

 Antworten

 Beitrag melden
#11
28.03.2020 09:31
avatar  Ingmar
#11 RE: Beitragstext mehrspaltig anzeigen
avatar
Ingmar
Technik

So lange der CSS-Code stimmt ist es völlig unerheblich, ob das vorne oder hinten hinzugefügt wird.

CSS ist sehr fehlerintolerant. Sobald ein Fehler im CSS-Code ist wird sämtlicher Code der danach kommt einfach ignoriert. Wenn ein CSS-Addon also klappt, wenn ihr es am Anfang einstellt, aber nicht, wenn ihr es am Ende hinzufügt, heisst das ihr habt irgendwo zwischendrin Fehler im Code.

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#12
28.03.2020 10:49
avatar  Trabbi
#12 RE: Beitragstext mehrspaltig anzeigen
avatar
Trabbi
Mitglied

Oh danke für die Info Ingmar, na dann muss ich mal schauen welcher Code nicht richtig funktioniert.

Grüße Steffen
www.outlawcamper.de


Business Template (v4)
Board-Nr 756584

 Antworten

 Beitrag melden
#13
28.03.2020 11:01
avatar  Ingmar
#13 RE: Beitragstext mehrspaltig anzeigen
avatar
Ingmar
Technik

Du kannst den Code aus deinem CSS-Addon z.B. hier testen, um Syntax-Fehler zu finden:

http://www.css-validator.org/#validate_by_input

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#14
28.03.2020 12:09
avatar  Gabriella
#14 RE: Beitragstext mehrspaltig anzeigen
avatar
Gabriella
Mitglied

Dankeschön Ingmar,

das ist ein flotte Sache, wie Du uns immer hilfst jetzt muss uch dann noch englisch lernen, damit ich mit dem Programm umgehen kann

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#15
28.03.2020 12:14
avatar  Ingmar
#15 RE: Beitragstext mehrspaltig anzeigen
avatar
Ingmar
Technik

Zitat von Gabriella im Beitrag #14
Dankeschön Ingmar,

das ist ein flotte Sache, wie Du uns immer hilfst jetzt muss uch dann noch englisch lernen, damit ich mit dem Programm umgehen kann


Das gibt's natürlich auch in Deutsch, sorry
https://validator.w3.org/unicorn/?ucn_ta...t+task_full-css

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!