WS 3.0 Layout Extension Kit

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

    • Am besten du machst das über dein CSS
      Entweder einzeln ansprechen

      CSS Source Code

      1. .gridBboxContentHeroIcon > .icon.icon96.fa-question {
      2. color: red;
      3. }
      oder alle zusammen


      CSS Source Code

      1. .gridBboxContentHeroIcon > span {
      2. color: red;
      3. }
      und wenn du noch eine Klasse angegeben hast für deine Box



      CSS Source Code

      1. .klasse_von_deiner_box > .boxContent > .gridLayout > .col-md-4 > .gridBboxIcon > .gridBboxContentHeroIcon > .fa-question {
      2. color: red;
      3. }

      CSS Source Code

      1. .klasse_von_deiner_box > .boxContent > .gridLayout > .col-md-4 > .gridBboxIcon span {
      2. color: red;
      3. }
      Mit freundlichen Grüßen

      Pacco
    • Moin,

      wie sieht es eigentlcih aus mit Benutzergruppen Berechtigungen.
      Kann man da auch abfragen, dass die nicht angezeigt werden?

      Bspw. habe ich vor auch so einen Footer wie auf Woltlab.com einzubauen.
      Aber mit Links die bspw nur User sehen sollen die auch registriert sind.
      Wäre das machbar? viellicht ist das sogar schon machbar?!
    • Das kannst du auch jetzt schon machen in dem du den Boxentyp "Template" nimmst:

      Eingabemöglichkeit entspricht dem Typ „HTML“, zusätzlich wird Template-Scripting unterstützt.

      Da kannst du dann um jeden Link eine entsprechende if-Abfrage legen.
      TwitterFacebook

      Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum
      :eyes:
    • Richtig, wobei aktuell nur 2 :D muss mal schauen was ich noch anlege an boxen.

      1. Box angelegt, Typ Text, dort die Links hinterlegt
      2. Box angelegt, Typ Text, dort die Links hinterlegt

      und das Footer Menü und Footer Links komplett deaktiviert.

      Und von Marcel Werk den folgenden Code im CSS eingebaut damit die Boxen nebeneinander gezeigt werden
      So hab ich mein eigenes Footer Menü, allerdings mit Zugriffsberechtigungen.


      CSS Source Code

      1. .boxesFooter {
      2. padding: 40px 0;
      3. .boxContainer {
      4. @include screen-lg {
      5. margin: 0 -20px;
      6. }
      7. @include screen-md-down {
      8. margin: 0 -10px;
      9. }
      10. @include screen-md-up {
      11. display: flex;
      12. flex-wrap: wrap;
      13. }
      14. .box {
      15. padding: 0 20px;
      16. @include screen-md-up {
      17. flex: 0 0 25%;
      18. margin-top: 0;
      19. max-width: 25%;
      20. }
      21. }
      22. .boxMenu {
      23. display: block;
      24. margin: 0;
      25. > li {
      26. padding: 0;
      27. }
      28. }
      29. .boxTitle + .boxContent {
      30. margin-top: 10px;
      31. }
      32. .boxTitle {
      33. text-transform: uppercase;
      34. }
      35. }
      36. .boxImage {
      37. float: none;
      38. width: auto;
      39. img {
      40. width: 136px;
      41. margin-left: 24px;
      42. }
      43. }
      44. .boxWithImage .boxContent {
      45. margin-left: 0;
      46. margin-top: 20px;
      47. }
      48. }
      Display All
    • Ich habe ein Problem.
      Bei mir wollen 2 Boxen auf Biegen und Brechen nicht nebeneinander stehen.





      Folgenden Code habe ich:

      HTML Source Code

      1. <div class="gridLayout row">
      2. <div class="gridBox col-md-6">
      3. <h2 class="gridBoxTitle"></h2>
      4. <div class="gridBoxContent">
      5. <div>
      6. <div class="gridBoxContent gridBoxContentCenter">
      7. <h1 class="gridBoxTitleLarge gridBoxfilledContent gridBoxPadding4">Warum das DWF?</h1>
      8. <p class="gridBoxMargin">Folgende Übersicht soll dich zur Registration bringen </p>
      9. <ul class="gridBoxList">
      10. <li><span class="icon icon16 fa-check"></span>Sichere Webseite</li>
      11. <li><span class="icon icon16 fa-check"></span>Anonymität</li>
      12. <li><span class="icon icon16 fa-check"></span>Lerne neue Leute kennen</li>
      13. <li><span class="icon icon16 fa-check"></span>Persönliches Profil</li>
      14. <li><span class="icon icon16 fa-check"></span>Bilder,- und Videoupload</li>
      15. <li><span class="icon icon16 fa-check"></span>Shop</li>
      16. </ul>
      17. <p class="gridBoxMargin">Das Team vom DWF bietet dir einen super Support bei Problemen und Fragen.</p>
      18. <div class="gridBoxfilledContent gridBoxPadding4">
      19. <a href="#" class="button">Zum Forum</a>
      20. </div>
      21. </div>
      22. </div>
      23. <div class="gridBox col-md-6">
      24. <h2 class="gridBoxTitle"></h2>
      25. <div class="gridBoxContent">
      26. <div><div class="gridBoxContent gridBoxContentCenter">
      27. <h1 class="gridBoxTitleLarge gridBoxfilledContent gridBoxPadding4">Städteverzeichnis</h1>
      28. <p class="gridBoxMargin"></p><br>
      29. <a href="#"><img src="https://cdn3-ref-cl.landing.comcontent.net/global/lptemplates/theme_rotate/images/content_dachmap_ts24907740.png"></a><br><br>
      30. <div class="gridBoxfilledContent gridBoxPadding4">
      31. <a href="#" class="button">Zur Karte</a>
      32. </div>
      33. </div>
      34. </div>
      35. </div>
      Display All

      Wo liegt der Fehler?
      Mit freundlichen Grüßen
      Nohwet

      deutscheswetlookforum.de