Użytkownik:DudeValenzetti/MaterialNav: Różnice pomiędzy wersjami

Z Nonsensopedii, polskiej encyklopedii humoru
(nowa strona)
 
(Dodane testy)
 
Linia 10: Linia 10:
* Parametr 1 - tekst z lewej
* Parametr 1 - tekst z lewej
* Parametr 2 - kolor tła (najlepiej z [https://material.io/guidelines/style/color.html#color-color-palette palety Material Design])
* Parametr 2 - kolor tła (najlepiej z [https://material.io/guidelines/style/color.html#color-color-palette palety Material Design])
* Parametr 3 - kolor tekstu (najlepiej {{User:DudeValenzetti/PrettyCode|dark||white}} na ciemniejszych kolorach i {{User:DudeValenzetti/PrettyCode|light||rgba(0,0,0,0.87)}} na jaśniejszych
* Parametr 3 - kolor tekstu (najlepiej {{User:DudeValenzetti/PrettyCode|dark||white}} na ciemniejszych kolorach i {{User:DudeValenzetti/PrettyCode|light||rgba(0,0,0,0.88)}} na jaśniejszych

Test:
<div style="border:1px solid rgba(0,0,0,0.12);font-family:Roboto,Arial,Helvetica,sans-serif;margin-bottom:2em">
{{User:DudeValenzetti/MaterialNav|||Test 1}}

<div style="margin:2em">
== Lorem ipsum ==
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
</div>
</div>

<div style="border:1px solid rgba(0,0,0,0.12);font-family:Roboto,Arial,Helvetica,sans-serif">
{{User:DudeValenzetti/MaterialNav|#2196F3|rgba(0,0,0,0.88)|Test 2}}

<div style="margin:2em">
== Lorem ipsum ==
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</noinclude>
</noinclude>

Aktualna wersja na dzień 01:09, 8 maj 2018


Mój lepki nagłówek z datą i godziną. Obsługa:

  • Parametr 1 - tekst z lewej
  • Parametr 2 - kolor tła (najlepiej z palety Material Design)
  • Parametr 3 - kolor tekstu (najlepiej white na ciemniejszych kolorach i rgba(0,0,0,0.88) na jaśniejszych

Test:

Test 1
sobota, 23 listopada 2024 – 23:31

Lorem ipsum[edytuj • edytuj kod]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.

Test 2
sobota, 23 listopada 2024 – 23:31

Lorem ipsum[edytuj • edytuj kod]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.