Colorplay still

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Colorplay still

      Habe mal paar fragen zu dem stil von Colorplay.
      Sieht mir alles bischen gequestscht aus und daher folgende Fragen:

      • Lässt sich die Breite auf volle Bildschirmbreite vergrößern ohne probleme? wie man in der wbb4 demo sehen kann?
      • Wie sieht es mit den Boxen aus die Links und Rechts aus die man anschalten kann im neuen wsc? Die sieht man in der demo nicht
      • Lässt sich das Layout ohne große schwierigkeiten anpassen??
      • Lässt sich der Header oben und unten vergrößern, weil mein Header ist von der größe doch ein wenig größer
    • Hi,

      1. Ja, dazu kann man einfach die Breite im Stil ändern
      2. Welche Boxen meinst du?
      3. Was willst du denn anpassen? Die Farben kann man im ACP ändern, dadurch wird die Stilpalette neu berechnet was auch die Effekte betrifft. Wenn du zum Beispiel eine eigene Farbvariante haben willst, dann läßt sich das einfach ändern.
      4. Der Header passt sich an dein Logo an und wird bei größeren Logos auch höher.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Tom schrieb:

      2. Welche Boxen meinst du?
      Man kan ja im ACP einstellen das seitlich noch Boxen erscheinen.


      das diese rechte seite auch Links erscheint.
      Man kann ja wie gesagt im ACP einstellen das bestimmte inhalte nicht nur in der mitte angezeigt werden sondern auch links und rechts an den seiten und in der Demo sehe ich halt nur die rechte seite links gibs keine seite. und das man diese dann auch wie rechts auf und zuklappen kann.
    • Hast du das Logo übers ACP hochgeladen? Per FTP ersetzen geht bei der Suite nicht mehr wenn es nicht die selben Abmessungen hat.


      Das mit der linken Sidebar kann man schon machen, dazu benötigt man wohl nur etwas CSS und irgendwo einen zweiten Button.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Das headerlogo ist doch fest im CSS verbaut

      CSS-Quellcode

      1. #pageHeaderFacade {
      2. background-color: rgba(0,0,0,0);
      3. background-image:
      4. url('#{$style_image_path}backgroundPageBlur.jpg');
      5. background-position: center top;
      6. background-size: cover;
      7. background-attachment: fixed;
      8. }


      das muss man durch mein Logo ersetzen.
      war bei den anderen stilen auch so, daher muss den CSS als eigene deklaration dann einfügen
      mache ich das erscheint das total verwischt und man erkennt das gar nicht.

      aus einem anderen stil:

      CSS-Quellcode

      1. .pageHeaderFacade {
      2. height: 373px;
      3. min-height: 373px;
      4. max-height: 373px;
      5. border-bottom: solid 2px #fff;
      6. background-image: url('#{$style_image_path}headerBG.jpg');
      7. background-repeat: no-repeat;
      8. background-size: cover;
      9. background-position: center bottom;
      10. }
    • Das sind zwei unterschiedliche Dinge, es gibt ein Logo, das weiße Dings:



      und den Hintergrund vom Header, das ist das hier:



      Das Logo lädst du im ACP hoch, das skaliert dann den Header auf die richtige Größe.

      Was willst du denn genau einfügen? Kannst du das mal zeigen? Du willst also eigentlich den Hintergrund vom Header ändern?
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Oder machen wir das so, füge das im Stil ein:

      CSS-Quellcode

      1. @include screen-lg {
      2. #pageHeaderLogo {
      3. padding: 0px !important;
      4. overflow: hidden;
      5. }
      6. .pageHeaderLogo .pageHeaderLogoLarge {
      7. max-width: none;
      8. }
      9. }
      Alles anzeigen
      Dann kannst du deinen Headerhintergrund einfach im ACP als Logo hochladen.

      Der sollte dann aber genau so hoch sein wie du das haben willst, der Hintergrund ersetzt dann 1:1 die farbige Fläche im Header.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Genau den Header möchte ich ändern, sprich meine headerBG.jpg soll erscheinen.
      Das logo selber brauche ich nicht.

      Und dieser header wird nicht richtig angezeigt.
      Kann die seite so nicht zeigen, weil das Board noch im internen netzwerk bei mir ist, aber hier mal ein screenshot.



      Im hintergrund der verwischte header wo man garnix sieht und oben drauf das original wie es aussehn soll
    • Tom schrieb:

      Sollte eigentlich nicht passieren, kannst du mir dein Logo mal anhängen oder schicken? Dann schaue ich mir das direkt damit an.
      weil ich habe als breite 100% angegeben dadurch ist der stil so wie ich es haben wollte auf dem ganzen Bildschirm zu sehen.
      Aber das logo geht nur bis zur hälfte.

      Hab noch andere stile installiert und da passiert das nicht der header passt sich immer an.
      hab das logo mal angehangen.
      Bilder
      • headerBG.jpg

        85,62 kB, 1.400×282, 9 mal angesehen
      • logo4.JPG

        103,05 kB, 2.510×403, 8 mal angesehen
    • Nimm das mal anstatt allen allen anderen Deklarationen:

      CSS-Quellcode

      1. @include screen-lg {
      2. #pageHeaderLogo {
      3. padding: 0px !important;
      4. overflow: hidden;
      5. }
      6. .pageHeaderLogo > a {
      7. display: block;
      8. }
      9. .pageHeaderLogo .pageHeaderLogoLarge {
      10. width: 100% !important;
      11. max-width: 100% !important;
      12. height: auto !important;
      13. }
      14. .pageHeaderLogo > a:hover img {
      15. transform: scale(1.0) !important;
      16. }
      17. }
      Alles anzeigen
      Dann ist dein Logo immer 100% breit.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Versuch mal ob das geht:

      CSS-Quellcode

      1. @include screen-lg {
      2. #pageHeaderLogo {
      3. padding: 0px !important;
      4. overflow: hidden;
      5. }
      6. .pageHeaderLogo .pageHeaderLogoLarge {
      7. width: 100% !important;
      8. max-width: 100% !important;
      9. height: auto !important;
      10. }
      11. .pageHeaderLogo > a:hover img {
      12. transform: scale(1.0) !important;
      13. }
      14. .pageHeaderLogo > a {
      15. align-items: center;
      16. display: flex;
      17. max-height: 282px;
      18. overflow: hidden;
      19. width: 100%;
      20. }
      21. }
      Alles anzeigen
      Sonst muss es doch als Hintergrundbild eingebunden werden damit das Menü weiterhin funktioniert.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Benutzer online 1

      1 Besucher