Drupal8 W3CSS Theme

Drupal8 W3CSS Theme is using the W3.CSS framework with built-in responsiveness: Smaller and faster than other CSS frameworks. - Easier to learn, and easier to use than other CSS frameworks. - Uses standard CSS only (No jQuery or JavaScript library). - Speeds up and simplifies web development. - Supports modern responsive design (mobile first) by default. - Provides CSS equality for all browsers. Chrome, Firefox, IE, Safari, and more. - Provides CSS equality for all devices. PC, laptop, tablet, and mobile. - Learn more about W3.CSS https://www.w3schools.com/w3css/

About

W3.CSS Responsive, Fast & Better

Drupal8 W3CSS Theme is the first Drupal 8 theme that uses the w3.css framework. When building this theme, I focused on ease of use and a fast load time.


Features


  1. Drupal8 W3CSS Theme is using the modern W3.CSS framework with built-in responsiveness
  2. Drupal8 W3CSS Theme has 22 regions. Check README.txt for more details.
  3. Drupal8 W3CSS Theme has 26 sections with changeable colors. With w3.css frameworks you can change the background color, text color, text shadow and more to any section in your website. Just simply apply the w3.css class to the section.
  4. Drupal8 W3CSS Theme comes with ability to change the website width. Just insert any of the predefined classes into website width in theme settings. (w3-width-100-percent, w3-width-2560, w3-width-1920, w3-width-1600, w3-width-1360, w3-width-1280, w3-width-1024 and w3-width-800).
  5. Drupal8 W3CSS Theme comes with horizontal main menu or vertical side nav. Simply add the main menu to the horizontal region or the vertical region.
  6. Drupal8 W3CSS Theme comes with 22 predefined w3css theme. Simply insert the name of any of the predefined theme.

    View the 22 Color Themes

  7. Drupal8 W3CSS Theme comes with ability to create your own private W3.CSS theme and apply it to your site.
  8. Drupal8 W3CSS Theme comes with 6 color libraries. (US Highway Colors, US Safety Colors, Camouflage Colors, Vivid Colors, European Signal Colors and Food Colors). You can create unlimited color themes.
  9. Drupal8 W3CSS Theme comes with 8 social media links easy to configure.
  10. Drupal8 W3CSS Theme has a top region with three flexible blocks. Block width will change automatically based on the number of assigned blocks. Block share equal width based on number of assigned blocks. (Example, If you have only two blocks in top area block, Block share 50% each block, If you assign three it come 33.3% each). Block width will change automatically based on assigned block, Block share equal width based on assigned block. (Example, If you have only two blocks in top area block, Block share 50% each block, If you assign three it come 33.3% each).
  11. Drupal8 W3CSS Theme has a bottom region with four flexible blocks. Block width will change automatically based on the number of assigned blocks. Block share equal width based on number of assigned blocks. (Example, If you have only three blocks in bottom region, Block share 33.3% each block, If you assign four it come 25% each).
  12. Drupal8 W3CSS Theme has a footer region with three flexible blocks. Block width will change automatically based on the number of assigned blocks. Block share equal width based on number of assigned blocks. (Example, If you have only two blocks in footer region, Block share 50% each block, If you assign three it come 33.3% each).
  13. Drupal8 W3CSS Theme comes with font awesome added to the css library.
  14. Drupal8 W3CSS Theme comes with jQuery match height. Example, if you have three blocks in the top area, they will always have the same height in any width.
  15. Drupal8 W3CSS Theme comes responsive main menu and a drop-down menu. The drop-down works on hover for big screen and on click for small screen.
  16. Drupal8 W3CSS Theme will hide completely (divs, wrappers, classes) any region you don't use. Nothing will be printed in the back.
  17. Drupal8 W3CSS Theme uses the minimum HTML structure to show the content. Example, You will not see div > div > div > div > div.
  18. Drupal8 W3CSS Theme comes with the ability to create a custom page template according to content type's name. If you have two content types article and video you can have page--article.html.twig and page--video.html.twig
  19. Drupal8 W3CSS Theme comes with the ability to create a custom page template for any view. Example if you have a view name "recent_video", then you can create a page template name page--recent-video.html.twig.

Drupal8 W3CSS Theme is developed By Alaa Haddad


Drupal8 W3CSS Theme - Font & Text Classes

It’s sometimes difficult to keep track of all the values that you are using in your design. It’s unlikely that CSS will ever include constants, so it will help to keep notes in an easy-to-reference location in your document.

Drupal8 W3CSS Theme - Colors

The interpretation by the browser’s rendering engine is where your headaches begin. The W3C has gone to great lengths to create specifications by which browser developers should render the Web code.

Drupal8 W3CSS Theme - Font-Size Classes

What Is a Markup Language? HTML is used to mark up the structure of Web pages, but other markup languages are used by computers on the Web and beyond. The Standard Generalized Markup Language (SGML) is the grandfather of most markup languages used for print and the Internet.

Drupal8 W3CSS Theme - US Safety Colors

CSS level 2 (CSS2) The CSS2 spec came out in 1998 and is the most widely adopted by browser makers. Level 2 includes all the attributes of the previous two versions, plus an increased emphasis on international accessibility and the capability to specify media specific CSS.

Drupal8 W3CSS Theme - Layout Classes

1. Add content to your HTML file. Using the HTML file you created in chapter 2, add text and image content. I tend to use Alice’s Adventures in Wonderland, but anything will do. A great source for text is Project Guttenberg (www.gutenberg. org). 2. Markup your content.