[Funktion] Breite des Beitrags ändern

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • [Funktion] Breite des Beitrags ändern

      Mit dem neuen BBCode "box" könnt ihr die Breite eures Beitrags frei einstellen. Somit muss nicht mehr zwangsläufig die gesamte Breite des Forums bzw. des Beitrags-Fensters verwendet werden. Diese Funktion hat allerdings ein paar kleine Tücken, die es zu beachten gilt.

      Fangen wir mit einem Beispiel an. Wollt ihr für einen Text nur 75% der Breite des Beitragsfensters nutzen, müssen eure BBCode-Tags folgendermaßen aussehen:

      Source Code

      1. [box=75]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.[/box]

      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.
      Wie ihr seht, wird der Text in einem schmaleren Raum dargestellt. Die standardmäßige Ausrichtung für Boxen ist "Blocksatz". Wollt ihr den Text aber beispielsweise linksbündig haben, müsst ihr nach wie vor mit dem entsprechenden "align"-Befehl arbeiten bzw. im Editor die Ausrichtung auswählen. Wichtig: Der "align"-Tag muss NACH dem "box"-Tag folgen und auch davor geschlossen werden.

      Oftmals ist es so, dass ihr diese Textboxen zentriert darstellen wollt, also in der Mitte des Bildschirms. Dafür müsst ihr die Box einfach zwischen zwei "center"-Tags packen.

      Source Code

      1. [center][box=75]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.[/box][/center]

      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.

      Diese Punkte müsst ihr berücksichtigen:
      • Ihr gebt eine Prozentzahl im Box-Tag an. 75% entspricht 75% der ursprünglichen Breite. Verwendet also auf keinen Fall mehr als 100%!
      • Die breite einer Box gilt natürlich auch auf mobilen Endgeräten. 50% im Browser sind vielleicht noch vertretbar, auf Smartphones aber schon sehr schmal.
      • Der Box-Befehl generiert einen zusätzlichen Zeilenumbruch. Dies gilt es bei eurer Formatierung zu beachten.

      The post was edited 6 times, last by pokusa ().