Dn-css

From EncyclopAtys

Revision as of 18:53, 23 February 2021 by FairyFighter (talk | contribs) (Buttons)
Jump to: navigation, search

Assumptions

To start with making our wiki up to date (in both regions: content and installation) we should take a moment to think about future and not the past. I would prefer to have conversation about what we would love to see, then bother about how we gonna get there. There for I would like to suggest few high level regions and reach mutual agreement on, that we all would support.

Layouts

Main Page

This page should be attractive enough to invite people to read its content as informative as possible. 
  • Proposal A
  • Proposal B

Colors

dn-TK1 dn-TK2 dn-TK3 dn-TK4 dn-TK5 dn-TK6 dn-TK7 dn-TK8
dn-RT1 dn-RT2 dn-RT3 dn-RT4 dn-RT5 dn-RT6 dn-RT7 dn-RT8
dn-MR1 dn-MR2 dn-MR3 dn-MR4 dn-MR5 dn-MR6 dn-MR7 dn-MR8

Tabels

No HTML tables, all in CSS. CSS is faster and 'easier' for browsers to interpret. It is more flexible. 

Buttons

No HTML buttons, all in CSS.
  • dn-button-1 div to create a button, fixed size, fixed colors:
Button 1


  • dn-button-2 div to create a button, fixed size, colors thru parameters:
Button 2

  • dn-button-3 div to create a button, dynamic size, colors thru parameters:
Button 3

  • dn-button-4 div to create a button, dynamic size, colors thru pallete:
Button 3

  • -
  • menu with dynamic width of a button:

dn-menu-buttons

AAAA
BBBB
CCCC
DDDD

  • menu with dynamic width of a button and color selector:

dn-menu-buttons-pallete Dn-menu-buttons-pallete

  • -