--- title: "Bühni (zweispaltig)" url: "https://web.destination.one/ch/destinationbase/buehni-zweispaltig" language: "de" breadcrumb: "Root > Startsiite > destination.base > Bühni (zweispaltig)" --- Zweispaltigi Bühni ================== S Inhaltselement für ästhetischi Contentufteilig Badgeinfo **Um was geit’s?** E zwäispaltig Bühni uf ere Website bezieht sich uf s’Layout, bi dem dr Inhalt i zwei parälllä Spalte aordnä isch. Das Layout biet mehri Vorteili, wo derzue beiträged chönd, d’Benutzererfahrig z’verbessere und Informationä effektiv z’präsentiere und z’organsiere. **Guet z’wüsse** D Bühne mit zwei Spalten passt sich automatisch a, das heisst, bi chlinere Bildschirme wärde die zwei Spalten unterenand agordnet, damit d Darstellig vom Inhalt guet bleibt. Filmklappe neben der Überschrift Live Demo Live-Demo --------- Zweispaltigi Bühni mit Hintergrundbild und Text iiner transparänte Box ---------------------------------------------------------------------- - - Zweispaltigi Bühne mit HG-Bild + Text Flisstexte chamer guet mit Bilder uflockere. S’Bild isch i däre zwöispaltige Bühne als Hintergrundbild i de Rahmenbühne iigsetzt worde, und dr Text het e farbige Hintergrund übercho. D’Position vom Hintergrundbild und vom Text chamer vertuusche, so dass dr Text i dr linke Spalte erscheint. - - Zweispaltigi Bühni mit HG-Video + Text Lauftext cha mer guet mit Videos uflockere. S Video isch i däre zweispaltige Bühne als Hintergrundvideo i dä Rahmenbühne hinterleit, und dr Text het en farbige Hintergrund übercho. D Position vom Hintergrundvideo und vom Text chönd vertauscht wärde, so dass dr Text i dr linke Spalte erscheint. - - Zweispaltigi Bühni mit zwei Hintergründe und Abständ zwüsche de Spalte Zweispaltigi Bühne Hintergrund: links es Bild Mobil-Darstellung: D’Reihefolg vo dr Darstellung vo de Spalte wird verdräit, das heisst, zerscht wird d’rechte Spalte (Text) und denn d’linke Spalte (Bild) azeigt. Da stoht e Überschrift wo grad im Text mit em Medie-Element erfasst isch Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Nulla consequat massa quis enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Maecenas malesuada. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Cras sagittis. Nulla facilisi. Morbi mollis tellus ac sapien. Aenean viverra rhoncus pede. Sed lectus. Vivamus consectetuer hendrerit lacus. > "Da stoht es Zitat, wo zum Thema passt. So chamer d’Syte optisch e bitzli uflockere. Statt em Zitat chönnti da au e Gästestimm oder e Tipp vo de Redaktion stah." vo Max Mustermann Zweispaltigi Bühni mit Hg-Bild + Text Lauftext chöi guet mit Bilder ufgelockert werde. S Bild isch i däre zwoispaltige Bühn als Hintergrundbild i de Rahmenbühni hinterleit, und dr Text het en farbige Hintergrund übercho. D Position vom Hintergrundbild und vom Text chöi vertuscht werde, so dass dr Text in dr rechte Spalte erschynt. - S’Bild und dr Text nähmed d’ganz Breiti vom Bildschirm i. - Dr Text bricht nöd um, und hinder em Text chönd Hintergrundfarbä bruucht wärde. - Mer chann Element wie Button, Checkliste vertikal, Überschrift, Text, Fakten vertikal platziere - - Da stoht e Headline im Styling M und da stoht e Untertitel im Styling XL, wo drum grösser wirkt In d’rächtä Spalt isch im Text mit Medie-Element es Bild als PNG iigfüegt worde, damit s’Logo kei zusätzliche Hintergrund het. Als Hintergrund vo dr Bühne isch e Farb uusegählt worde. Alternativ chönnt mer als Hintergrund o es Hintergrundbild näh, wo e Struktur wie Stoff, Holz, Tapete usw. zeigt und so nume dezänt als Hintergrund wirkt. Grafisches Element des Logos von team neusta in grün-gelber Farbgebung Da stoht e Überschrift wo grad im Text mit em Medie-Element pflegt isch Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Nulla consequat massa quis enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Maecenas malesuada. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Cras sagittis. Nulla facilisi. Morbi mollis tellus ac sapien. Aenean viverra rhoncus pede. Sed lectus. Vivamus consectetuer hendrerit lacus. 2 spaltigi Bühni sind e super Sach 100 % ufwendig bis zum letschte Buechstab 1000 Ziele Text schiint optisch attraktiv Zweispaltigi Bühni mit animiertem Störer Dr Störer wird i de Bühneneinstellige pflegt. Zweispaltigi Bühni mit überlappendem Störer Dr Störer wird i de Bühneneinstellige pflegt. Das isch e 2/3 1/3 Bühne I däre Bühne sind d Spalten 2/3 1/3 ufteilt, und redaktionell isch e Abstand zwüsche de beidne Spalten gsetzt. Das isch e 1/3 2/3 Bühne Bi däre Bühni sind d’Spalte i 1/3 2/3 ufteilt. I dr 2/3 Bühni isch es Video, und dr Text isch mit ere transparente Box hinderlegt. Zweispaltigi Bühni mit einzelnem Medieelement (Bild, Video, Audio) und Farbverlauf im Hintergrund *Video abspielen* 00:00