KittMedia Logo
  1. Shop
    1. Categories
    2. Shopping Cart
  2. Hosting
  3. Blog
  4. Forum
    1. Unresolved Threads
Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Products
  • Pages
  • Frequently Asked Questions
  • More Options

Zwei Boxen nebeneinander darstellen

  • dteam
  • Apr 21st 2020
  • Login or register

    Login

    Lost Password

    Register

    Don’t have an account yet? Register yourself now and be a part of our community!

    Register Yourself
  • Cart
  1. KittMedia Shop
  2. KittMedia Forum
  3. Community
  4. Off-Topic
  • 1Page 1 of 2
  • 2
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #1

    Hallo kann man zwei Box nebeneinander machen Siehe bilder :


    Nach dem Umbau ( rechts neben der Silber eine Box Für z.b Artikel anzeige , Video oder ein Bild )


    Diesen code gefunden ....Wie bekomme raus was meine ID ist von der Startseite ??

    CSS
    /* Startseite Boxen nebeneinander */
    body[data-page-id="149"] {
    .boxesContentBottom > .boxContainer {
    display: flex;
    }
    .boxesContentBottom > .boxContainer > div:first-of-type {
    width: 68%;
    padding-right: 25px;
    padding-left: 20px;
    margin-top: 0 !important;
    }
    .boxesContentBottom > .boxContainer > div:last-of-type {
    width: 32%;
    padding-right: 20px;
    padding-left: 10px;
    margin-top: 0 !important;
    }
    }
    Display More
    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #2

    Die ID der Seite steht im Administrationsbereich unter Inhalte > Seiten. Suche dort deine gewünschte Seite und schau dann links in der ersten Spalte nach der ID.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #3
    Quote from Black Rider

    Die ID der Seite steht im Administrationsbereich unter Inhalte > Seiten. Suche dort deine gewünschte Seite und schau dann links in der ersten Spalte nach der ID.

    Ja das hab ich nun schon gefunden aber wie bekomme zwei Boxen wie auf dem Bild nebeneinander

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #4

    Zuerst einmal:
    Cross-postings sind eher ungern gesehen, insbesondere, wenn man sie nicht untereinander verlinkt:

    https://community.woltlab.com/…89-umbau-wer-kann-helfen/


    Hast du denn bereits zwei Boxen oben im Inhaltsbereich erstellt, die du nebeneinander anzeigen lassen willst? Denn das wird benötigt, damit der von dir genannte Code auch einen Effekt hat.


    Boxen kannst du im Administrationsbereich unter Inhalte > Boxen nach deinen Vorlieben konfigurieren.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • Black Rider Apr 21st 2020

    Changed the title of the thread from “Umbau ( Fragen dazu )” to “Zwei Boxen nebeneinander darstellen”.
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #5
    Quote from Black Rider

    Zuerst einmal:
    Cross-postings sind eher ungern gesehen, insbesondere, wenn man sie nicht untereinander verlinkt:

    https://community.woltlab.com/…89-umbau-wer-kann-helfen/


    Hast du denn bereits zwei Boxen oben im Inhaltsbereich erstellt, die du nebeneinander anzeigen lassen willst? Denn das wird benötigt, damit der von dir genannte Code auch einen Effekt hat.


    Boxen kannst du im Administrationsbereich unter Inhalte > Boxen nach deinen Vorlieben konfigurieren.

    Display More

    ja .....hatte es so versucht aber ging nicht. Hab die Boxen so angelage das diese aber erstmal nur ich sehen kann. Kann sie noch mal erstellen.

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #6

    Gerne. Und dann bitte ein Link zur entsprechenden Seite bereitstellen. :)

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #7

    So ......Sehe ich das mom. Und ich hätte gerne das untere ( Artikel ) oder wenn man so mal was anderes dahin machen machen möchte z.b ein Video das rechts neben der Sliber


    https://weltplay24.de

    Images

    • 3.jpg
      • 333.01 kB
      • 1,404×807
      • 34
    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #8

    Dann müsstest du erst eine zweite Box erstellen, die ebenfalls nur ein Element anzeigt, so wie du es haben willst.


    Und dann müsstest du bei deinem Code oben alle Vorkommnisse von boxesContentBottom zu boxesContentTop ändern.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #9

    geht nicht

    Images

    • 7.jpg
      • 335.13 kB
      • 1,404×807
      • 41
    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #10

    Ersetze zusätzlich das CSS von oben einmal komplett durch folgendes SCSS:

    CSS
    @include screen-lg {
    body[data-page-id="149"] {
    .boxesContentTop > .boxContainer {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    > .box {
    flex: 0 0 100%;
    &:first-child {
    flex: 0 0 65%;
    margin-top: 0;
    }
    &:nth-child(2) {
    flex: 0 0 30%;
    margin-top: 0;
    }
    }
    }
    }
    }
    Display More

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #11

    Passt fest die Position ist über denn Inhaltsbereich

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #12

    Dann musst du boxesContentTop durch boxesTop im SCSS ersetzen. :)

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 21st 2020
    • #13

    Jetzt noch anpassen ....super danke für deine hilfe

    Images

    • 7.jpg
      • 303.42 kB
      • 1,404×807
      • 51
    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 21st 2020
    • #14

    Die zweite Box kann man aktuell übrigens als Gast noch nicht sehen. :)

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 22nd 2020
    • #15

    Danke dir noch für die tolle Hilfe danke .....

    Like 1
    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • Apr 22nd 2020
    • #16

    Kleine Frage noch wenn auf Forum bin und dann auf Startseite oder aufs Logo klicke geht es nicht zur Startseite zurück wieso ??

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • Apr 22nd 2020
    • #17

    Bitte erstelle pro Frage ein neues Thema.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • May 15th 2020
    • #18

    Wenn ich die Position ist Hero nehme sind die Box nicht mehr nebeneinader wieso was muss da angeben



    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,197
    Posts
    11,441
    • May 15th 2020
    • #19

    Weil dann die Klasse .boxesContentTop nicht mehr greift. Schau im Quellcode nach, wie die Klasse für die Hero-Boxen heißt. :)

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Quote
  • dteam
    Learning
    Reactions Received
    1
    Posts
    72
    • May 15th 2020
    • #20

    Wo ?

    • Report Content
    • Quote
    • 1Page 1 of 2
    • 2
Change Style

Legal

  1. Imprint
  2. Privacy Policy
  3. Disclaimer
  4. Terms and Conditions
  5. Licenses

Helpful

  1. Frequently Asked Questions
  2. About us
  3. Package Server
  4. Plugin-Store Verification

External Links

  1. Preview Forum
  2. Order Demo
Powered by WoltLab Suite™ 5.2.13
  1. Navigation
  2. Shop
    1. Categories
    2. Shopping Cart
  3. Hosting
  4. Blog
  5. Forum
    1. Unresolved Threads
  6. Search
  7. Options
  8. Current Location
  9. KittMedia Shop
  10. KittMedia Forum
  11. Community
  12. Off-Topic
  1. User Menu
  2. Login
  3. Registration
  4. Cart
  5. Language
  6. English
    1. Deutsch
    2. English