Difference between revisions of "User:Rayanth/SandboxNavBars"

From EVE University Wiki
Jump to: navigation, search
(One intermediate revision by the same user not shown)
Line 1: Line 1:
{{Campus Group Navbar}}
+
{| style="float:right; clear:right; margin-left:1em; margin-bottom:1em; border:1px solid #202020; padding:1px; border-collapse:collapse; text-align:center; font-size:11px; width: 15em;"
{{Corplinks}}
+
|-
{{Exploration links}}
+
| style="background-color:#000000; padding:0px;" | Header Image
{{FCC Doctrine Links}}
+
|-
{{FCC Links}}
+
! style="background-color:#000000; font-size:12px; padding:0px;" valign="middle" | Navbar Title
{{HR Navbar}}
+
|-
{{Incursions links}}
+
! style="background-color:#101010; font-size:12px;" | Header 1
{{Incursions sites}}
+
|-
{{Industry Links}}
+
| style="background-color:#202020; font-size:11px;" |
{{Legality}}
+
Link 1<br>
{{Member Services}}
+
Link 2<br>
{{MissionLinks}}
+
Link 3<br>
{{Navigation Links}}
+
Link 4
{{NullSec Campus links}}
+
|-
{{Planetary Interaction links}}
+
!style="background-color:#101010; font-size:12px;"| Header 2
{{ShipTypes}}
+
|-
{{Skills Links}}
+
| style="background:#202020;" |
{{Sovereigntynavbar}}
+
Link 1<br>
{{Structures}}
+
Link 2<br>
{{Weapon Systems Links}}
+
Link 3<br>
{{Wormhole Links}}
+
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px; padding:0px;" valign="middle" | Header 3
 +
|-
 +
| style="background-color:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px;" | Header 4
 +
|-
 +
| style="background-color:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
!style="background-color:#101010; font-size:12px;" | Header 5
 +
|-
 +
| style="background-color:#202020; font-size: 11px; text-align:center;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px;"| Header 6
 +
|-
 +
| style="background:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|}
 +
 
 +
The current Right-hand NavBars in use are:
 +
{| cellpadding="5" style="border:1px solid #202020; ; border-collapse:collapse; text-align:center; font-size:11px;"
 +
|[[Template:Campus Group Navbar]] || width=15em ||
 +
|-
 +
|[[Template:Corplinks]] || width=15em ||
 +
|-
 +
|[[Template:Exploration links]] || width=15em ||
 +
|-
 +
|[[Template:FCC Doctrine Links]] || width=15em || image stretches to 190px
 +
|-
 +
|[[Template:FCC Links]] || width=15em ||
 +
|-
 +
|[[Template:HR Navbar]] || width=15em ||
 +
|-
 +
|[[Template:Incursions links]] || width=15em ||
 +
|-
 +
|[[Template:Incursions sites]] || width=15em ||
 +
|-
 +
|[[Template:Industry Links]] || width=15em ||
 +
|-
 +
|[[Template:Legality]] || width=15em ||
 +
|-
 +
|[[Template:Member Services]] || width=15em ||
 +
|-
 +
|[[Template:MissionLinks]] || width=15em ||
 +
|-
 +
|[[Template:Navigation Links]] || width=15em ||
 +
|-
 +
|[[Template:NullSec Campus links]] || width=15em || image stretches to 190px
 +
|-
 +
|[[Template:Planetary Interaction links]] || width=15em || image stretches to 190px
 +
|-
 +
|[[Template:ShipTypes]] || width=15em || no image
 +
|-
 +
|[[Template:Skills Links]] || width=15em || no image
 +
|-
 +
|[[Template:Sovereigntynavbar]] || width=15em ||
 +
|-
 +
|[[Template:Structures]] || width=15em ||
 +
|-
 +
|[[Template:Weapon Systems Links]] || width=15em || no image
 +
|-
 +
|[[Template:Wormhole Links]] || width=15em ||
 +
|}
 +
 
 +
Ideally we can get uniformity across all the navbars. So far I've aimed for setting the width to 15em based on 11px font-size in the Table tag, which gives a 162px width (for some reason it's reading 11px font as 10.8, at least in Chrome. Some other CSS causing a shrink, somewhere, most likely) -
 +
 
 +
Here is the base format for a navbar, borrowed from [[User:Cassiel_seraphim|Cassiel]], and results in the navbar seen to the right
 +
{{code|<nowiki>
 +
{| style="float:right; clear:right; margin-left:1em; margin-bottom:1em; border:1px solid #202020; padding:1px; border-collapse:collapse; text-align:center; font-size:11px; width: 15em;"
 +
|-
 +
| style="background-color:#000000; padding:0px;" | Header Image
 +
|-
 +
! style="background-color:#000000; font-size:12px; padding:0px;" valign="middle" | Navbar Title
 +
|-
 +
! style="background-color:#101010; font-size:12px;" | Header 1
 +
|-
 +
| style="background-color:#202020; font-size:11px;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
!style="background-color:#101010; font-size:12px;"| Header 2
 +
|-
 +
| style="background:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px; padding:0px;" valign="middle" | Header 3
 +
|-
 +
| style="background-color:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px;" | Header 4
 +
|-
 +
| style="background-color:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
!style="background-color:#101010; font-size:12px;" | Header 5
 +
|-
 +
| style="background-color:#202020; font-size: 11px; text-align:center;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|-
 +
! style="background-color:#101010; font-size:12px;"| Header 6
 +
|-
 +
| style="background:#202020;" |
 +
Link 1<br>
 +
Link 2<br>
 +
Link 3<br>
 +
Link 4
 +
|}
 +
<noinclude>
 +
{{documentation}}
 +
</noinclude>
 +
</nowiki>
 +
}}

Revision as of 06:04, 21 July 2019

Header Image
Navbar Title
Header 1

Link 1
Link 2
Link 3
Link 4

Header 2

Link 1
Link 2
Link 3
Link 4

Header 3

Link 1
Link 2
Link 3
Link 4

Header 4

Link 1
Link 2
Link 3
Link 4

Header 5

Link 1
Link 2
Link 3
Link 4

Header 6

Link 1
Link 2
Link 3
Link 4

The current Right-hand NavBars in use are:

Template:Campus Group Navbar width=15em
Template:Corplinks width=15em
Template:Exploration links width=15em
Template:FCC Doctrine Links width=15em image stretches to 190px
Template:FCC Links width=15em
Template:HR Navbar width=15em
Template:Incursions links width=15em
Template:Incursions sites width=15em
Template:Industry Links width=15em
Template:Legality width=15em
Template:Member Services width=15em
Template:MissionLinks width=15em
Template:Navigation Links width=15em
Template:NullSec Campus links width=15em image stretches to 190px
Template:Planetary Interaction links width=15em image stretches to 190px
Template:ShipTypes width=15em no image
Template:Skills Links width=15em no image
Template:Sovereigntynavbar width=15em
Template:Structures width=15em
Template:Weapon Systems Links width=15em no image
Template:Wormhole Links width=15em

Ideally we can get uniformity across all the navbars. So far I've aimed for setting the width to 15em based on 11px font-size in the Table tag, which gives a 162px width (for some reason it's reading 11px font as 10.8, at least in Chrome. Some other CSS causing a shrink, somewhere, most likely) -

Here is the base format for a navbar, borrowed from Cassiel, and results in the navbar seen to the right

{| style="float:right; clear:right; margin-left:1em; margin-bottom:1em; border:1px solid #202020; padding:1px; border-collapse:collapse; text-align:center; font-size:11px; width: 15em;" |- | style="background-color:#000000; padding:0px;" | Header Image |- ! style="background-color:#000000; font-size:12px; padding:0px;" valign="middle" | Navbar Title |- ! style="background-color:#101010; font-size:12px;" | Header 1 |- | style="background-color:#202020; font-size:11px;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- !style="background-color:#101010; font-size:12px;"| Header 2 |- | style="background:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px; padding:0px;" valign="middle" | Header 3 |- | style="background-color:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px;" | Header 4 |- | style="background-color:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- !style="background-color:#101010; font-size:12px;" | Header 5 |- | style="background-color:#202020; font-size: 11px; text-align:center;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px;"| Header 6 |- | style="background:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |} <noinclude> {{documentation}} </noinclude>