WS 3.0 Layout Extension Kit

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

    • Layout Extension Kit

      HI . Mal ne Frage. Ich habe mir den Code ein wenig angepasst das ich eine Tabelle erstellen kann. für Auflistungen.

      Meine Frage ich . ich habe den Core Style und habe eine HTML seite erstellt. und dann mit dem Code gearbeitet .

      Ganz unten Rechts: Ich bin der Link klick mich an .


      Soweit so gut . auf meiner Seite hier der link : Klick mich .

      Ist seid dem die rechte Seite dichter als normal . Komischer weise ist es auf den anderen seiten nicht so wenn ich da mit den Code gearbeitet habe.

      Wenn ich den Code wieder raus nehme . dann ist die Seite normal .

      Weiß jemand was das sein kann ????



      Mfg McCracker007
    • Hallo

      Habe die Box mit Hero Icons gewählt, nun hätte ich die Icons aber am liebsten links neben dem Text und um einiges kleiner.
      Ist das Möglich?

      Wenn es auch Möglich wäre hätte ich am liebsten 3 Spalten und zwei Zeilen, also 6 Boxen bei dem das FA-Icon Links neben dem Text in einer anderen Farbe steht. Anbei mal ein Screenshot.



      Danke für ein Feedback
      Gruss Grischabock
      Blog & Vape Grischabock.ch | Game Community GrischaCraft.net | Werbetechnik, Shop & Support GrischaMedia.ch
    • Hallo Tom,

      ist es möglich mit dem Extension-Kit auch die Systemboxen dar zu stellen. Ich möchte sozusagen 4 Spalten darstellen und hier Boxen, die wie in den Sidebars aussehen, zeigen.

      Leider bin ich technisch nicht so versiert und noch am Anfang.

      Über einen Tip würde ich mich freuen.

      vielen Dank im Voraus
      René
    • Nein das ist dafür nicht geeignet. Dein Vorhaben kann man aber mit etwas CSS ohne weiteres umsetzen, nur gibt es dafür keine fertige Lösung da es auf die Boxen und die Position ankommt. Das ist aber prinzipiell kein Problem.
      TwitterFacebook

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

      CSS-Quellcode

      1. <div class="gridLayout row">
      2. <div class="gridBox col-md-3">
      3. <h2 class="gridBoxTitle">Links</h2>
      4. <div class="gridBoxContent">
      5. <nav>
      6. <ol class="gridBoxMenu">
      7. <li class="">
      8. <a href="#" class="gridBoxMenuLink">
      9. <span class="gridBoxMenuLinkTitle">Link 1</span>
      10. </a>
      11. </li>
      12. <li class="">
      13. <a href="#" class="gridBoxMenuLink">
      14. <span class="gridBoxMenuLinkTitle">Link 2</span>
      15. </a>
      16. </li>
      17. <li class="">
      18. <a href="#" class="gridBoxMenuLink">
      19. <span class="gridBoxMenuLinkTitle">Link 3</span>
      20. </a>
      21. </li>
      22. <li class="">
      23. <a href="#" class="gridBoxMenuLink">
      24. <span class="gridBoxMenuLinkTitle">Link 4</span>
      25. </a>
      26. </li>
      27. <li class="">
      28. <a href="#" class="gridBoxMenuLink">
      29. <span class="gridBoxMenuLinkTitle">Link 5</span>
      30. </a>
      31. </li>
      32. </ol>
      33. </nav>
      34. </div>
      35. </div>
      36. <div class="gridBox col-md-3">
      37. <h2 class="gridBoxTitle">Links</h2>
      38. <div class="gridBoxContent">
      39. <nav>
      40. <ol class="gridBoxMenu">
      41. <li class="">
      42. <a href="#" class="gridBoxMenuLink">
      43. <span class="gridBoxMenuLinkTitle">Link 1</span>
      44. </a>
      45. </li>
      46. <li class="">
      47. <a href="#" class="gridBoxMenuLink">
      48. <span class="gridBoxMenuLinkTitle">Link 2</span>
      49. </a>
      50. </li>
      51. <li class="">
      52. <a href="#" class="gridBoxMenuLink">
      53. <span class="gridBoxMenuLinkTitle">Link 3</span>
      54. </a>
      55. </li>
      56. <li class="">
      57. <a href="#" class="gridBoxMenuLink">
      58. <span class="gridBoxMenuLinkTitle">Link 4</span>
      59. </a>
      60. </li>
      61. <li class="">
      62. <a href="#" class="gridBoxMenuLink">
      63. <span class="gridBoxMenuLinkTitle">Link 5</span>
      64. </a>
      65. </li>
      66. </ol>
      67. </nav>
      68. </div>
      69. </div>
      70. <div class="gridBox col-md-6">
      71. <h2 class="gridBoxTitle">Text</h2>
      72. <div class="gridBoxContent">
      73. <div>
      74. <p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p>
      75. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
      76. <p>ed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.</p>
      77. <h2 class="gridBoxSubTitle">Text</h2>
      78. <ul class="socialLinks socialLinksFilledStyle">
      79. <li>
      80. <a href="#" class="socialLinksFacebook" title="Facebook">
      81. <span class="icon icon24 fa-facebook"></span>
      82. </a>
      83. </li>
      84. <li>
      85. <a href="#" class="socialLinksTwitter" title="Twitter">
      86. <span class="icon icon24 fa-twitter"></span>
      87. </a>
      88. </li>
      89. <li>
      90. <a href="#" class="socialLinksYouTube" title="Youtube">
      91. <span class="icon icon24 fa-youtube-play"></span>
      92. </a>
      93. </li>
      94. <li>
      95. <a href="#" class="socialLinksTumblr" title="Tumblr">
      96. <span class="icon icon24 fa-tumblr"></span>
      97. </a>
      98. </li>
      99. <li>
      100. <a href="#" class="socialLinksInstagram" title="Instagram">
      101. <span class="icon icon24 fa-instagram"></span>
      102. </a>
      103. </li>
      104. <li>
      105. <a href="#" class="socialLinksGithub" title="Github">
      106. <span class="icon icon24 fa-github"></span>
      107. </a>
      108. </li>
      109. <li>
      110. <a href="#" class="socialLinksBitbucket" title="Bitbucket">
      111. <span class="icon icon24 fa-bitbucket"></span>
      112. </a>
      113. </li>
      114. <li>
      115. <a href="#" class="socialLinksTwitch" title="Twitch">
      116. <span class="icon icon24 fa-twitch"></span>
      117. </a>
      118. </li>
      119. <li>
      120. <a href="#" class="socialLinksDeviantart" title="Deviantart">
      121. <span class="icon icon24 fa-deviantart"></span>
      122. </a>
      123. </li>
      124. <li>
      125. <a href="#" class="socialLinksMail" title="Mail">
      126. <span class="icon icon24 fa-envelope"></span>
      127. </a>
      128. </li>
      129. <li>
      130. <a href="#" class="socialLinksFlickr" title="Flickr">
      131. <span class="icon icon24 fa-flickr"></span>
      132. </a>
      133. </li>
      134. <li>
      135. <a href="#" class="socialLinksDribbble" title="Dribbble">
      136. <span class="icon icon24 fa-dribbble"></span>
      137. </a>
      138. </li>
      139. <li>
      140. <a href="#" class="socialLinksRSS" title="RSS">
      141. <span class="icon icon24 fa-rss"></span>
      142. </a>
      143. </li>
      144. </ul>
      145. </div>
      146. </div>
      147. </div>
      148. </div>
      Alles anzeigen
      TwitterFacebook

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

      wie bekomme ich im nachfolgenden Code anstatt Icons eigene Bilder an die Stelle gesetzt?
      Vielen Dank!

      HTML-Quellcode

      1. <div class="gridLayout row">
      2. <div class="gridBox col-md-4">
      3. <div class="gridBoxContent gridBoxIcon gridBoxJustify">
      4. <div class="gridBoxContentHeroIcon gridBoxCenter">
      5. <span class="icon icon96 fa-question"></span>
      6. </div>
      7. <p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>
      8. </div>
      9. </div>
      10. <div class="gridBox col-md-4">
      11. <div class="gridBoxContent gridBoxIcon gridBoxJustify">
      12. <div class="gridBoxContentHeroIcon gridBoxCenter">
      13. <span class="icon icon96 fa-meh-o"></span>
      14. </div>
      15. <p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>
      16. </div>
      17. </div>
      18. <div class="gridBox col-md-4">
      19. <div class="gridBoxContent gridBoxIcon gridBoxJustify">
      20. <div class="gridBoxContentHeroIcon gridBoxCenter">
      21. <span class="icon icon96 fa-recycle"></span>
      22. </div>
      23. <p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>
      24. </div>
      25. </div>
      26. </div>
      Alles anzeigen
    • Benutzer online 2

      2 Besucher