Difference between revisions of "Dn-css-2"

From EncyclopAtys

Jump to: navigation, search
m
 
(40 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
===Paragraph===
 
===Paragraph===
 
Biggest problem I see here horizontal line. Not line but its color. If we would use standard wiki markup we can not change its color. It appears at highest level.. Then it is there no more:
 
Biggest problem I see here horizontal line. Not line but its color. If we would use standard wiki markup we can not change its color. It appears at highest level.. Then it is there no more:
==1==
+
<syntaxhighlight lang='css'>
 +
PROVIDE EXAMPLES
 +
</syntaxhighlight lang='css'>
 +
 
 +
=1=
 
111111
 
111111
===2===
+
==2==
 
2222222
 
2222222
====3====
+
===3===
333333333
+
3333333
 +
----
  
 
That's why I would consider using an alternative approach.
 
That's why I would consider using an alternative approach.
 
+
====4====
 
{{:dn-paragraph
 
{{:dn-paragraph
|Header=Header
+
|Header=Some HEADER
 
|Content=Some text
 
|Content=Some text
 
|Pallete=RT
 
|Pallete=RT
}}__NEWSECTIONLINK__
+
}}
  
 
===Table===
 
===Table===
No HTML table here, only CSS:
+
No HTML table here, only CSS! Tables are used for grid-ish layout. On our wiki is it not often used but there are some features were it is used as 'mark plates': [[Template:Homin|Template: Homin]]
 +
<syntaxhighlight lang='css'>
 +
PROVIDE EXAMPLES
 +
</syntaxhighlight>
  
===Text box===
 
===Article===
 
===Navigation===
 
===Page box===
 
  
==Layouts==
+
{{:dn-menu-buttons
===Main Page===
+
|CellCount=2
This page should be attractive enough to invite people to read its content as informative as possible.
+
|Pallete=MR
* Proposal A
+
|Link1=[[dn-css| <- BACK]]
* Proposal B
+
|Link2=[[dn-css-3| NEXT ->]]
 +
}}

Latest revision as of 17:04, 23 November 2021

Page elements

A nice concept of separated text in a box! Lets make it a bit more modern:

Paragraph

Biggest problem I see here horizontal line. Not line but its color. If we would use standard wiki markup we can not change its color. It appears at highest level.. Then it is there no more:

PROVIDE EXAMPLES
</syntaxhighlight lang='css'>

=1=
111111
==2==
2222222
===3===
3333333
----

That's why I would consider using an alternative approach.
====4====
{{:dn-paragraph
|Header=Some HEADER
|Content=Some text
|Pallete=RT
}}

===Table===
No HTML table here, only CSS! Tables are used for grid-ish layout. On our wiki is it not often used but there are some features were it is used as 'mark plates': [[Template:Homin|Template: Homin]]
<syntaxhighlight lang='css'>
PROVIDE EXAMPLES