User:Jeysie/FranchiseNavs: Difference between revisions
From MediaWiki
Jump to navigationJump to searchmNo edit summary |
m I think Derik's been messing around somehow with this one since he added my CSS to his, and he's the dude who does the nav templates, so... |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{|class="franchise-nav | {| class="franchise-nav" border="0" cellspacing="0" cellpadding="0" width="100%" | ||
|- | |- | ||
| | |class="franchise-logo"|{{#tag:imagemap| | ||
Image:{{{logo|Headmasters jplogo.jpg}}}{{!}}{{{size|300px}}}{{!}}center | |||
Image:Headmasters jplogo.jpg|center | |||
default [[The Headmasters (franchise)]] | default [[The Headmasters (franchise)]] | ||
desc none | desc none | ||
}} | |||
| | |||
{|class="franchise-nav-inner" border="0" cellspacing="0" cellpadding="0" align="right" | |||
|- | |- | ||
!class="franchise-button"| | !class="franchise-button"| | ||
![[Generation 1 | ![[Generation 1 continuity family|''Generation 1'' continuity]] | ||
!class="franchise-button"|[[ | !class="franchise-button"|[[Robots in Disguise (franchise)|»]] | ||
|- | |- | ||
!class="franchise-button"|[[Transformers 2010 (franchise)|«]] | !class="franchise-button"|[[Transformers 2010 (franchise)|«]] | ||
| Line 21: | Line 22: | ||
*[[The Headmasters (story page)|Story Pages]] | *[[The Headmasters (story page)|Story Pages]] | ||
*[[The Headmasters (manga)|Manga]] | *[[The Headmasters (manga)|Manga]] | ||
*[[ | *[[The Headmasters (video game)|Game]] | ||
|} | |||
|} | |} | ||
---- | ---- | ||
{|class="franchise-nav | {|class="franchise-nav" border="0" cellspacing="0" cellpadding="0" width="100%" | ||
|- | |- | ||
| | |class="franchise-logo"|<imagemap> | ||
Image:Headmasters jplogo.jpg|center | Image:Headmasters jplogo.jpg|center | ||
default [[The Headmasters (franchise)]] | default [[The Headmasters (franchise)]] | ||
desc none | desc none | ||
</imagemap> | </imagemap> | ||
| | |||
{|class="franchise-nav-inner" border="0" cellspacing="0" cellpadding="0" align="right" | |||
|- | |- | ||
!class="franchise-button"| | !class="franchise-button"|[[Transformers 2010 (franchise)|«]] | ||
![[ | ![[The Headmasters (franchise)|''The Headmasters'' franchise]] | ||
!class="franchise-button"|[[ | !class="franchise-button"|[[Super-God Masterforce (franchise)|»]] | ||
|- | |- | ||
|colspan="3" class="franchise-page-list"| | |colspan="3" class="franchise-page-list"| | ||
| Line 41: | Line 45: | ||
*[[The Headmasters (story page)|Story Pages]] | *[[The Headmasters (story page)|Story Pages]] | ||
*[[The Headmasters (manga)|Manga]] | *[[The Headmasters (manga)|Manga]] | ||
*[[ | *[[The Headmasters (video game)|Game]] | ||
*[[The Headmasters (toyline)|Toyline]] | |||
*[[The Headmasters (cartoon)|Cartoon]] | |||
*[[The Headmasters (story page)|Story Pages]] | |||
*[[The Headmasters (manga)|Manga]] | |||
|- | |- | ||
!class="franchise-button"| | !class="franchise-button"| | ||
![[ | ![[Generation 1 continuity family|''Generation 1'' continuity]] | ||
!class="franchise-button"|[[ | !class="franchise-button"|[[Robots in Disguise (franchise)|»]] | ||
|} | |||
|} | |} | ||
To see the styling for this, add this CSS to your [[Special:Mypage/monacobook.css]] page: | |||
<pre style="white-space:pre-wrap;">table.franchise-nav {margin:1em 0;} | |||
table.franchise-nav-inner {border-style:solid;border-width:2px 1px 2px 1px;border-color:#ccc #999 #999 #ccc;color:#333;background-color:#eee;} | |||
table td.franchise-logo {padding:0 2em;} | |||
table.franchise-nav-inner th {background: #f0f0f7 url(http://tfwiki.net/w2/images2/d/d6/Meta_titlegloss.png) left top;padding:0 1em;} | |||
table.franchise-nav-inner a:link {color:#333366;} | |||
table.franchise-nav-inner a:visited {color:#663366;} | |||
table.franchise-nav-inner a.new {color:#663333;} | |||
table.franchise-nav-inner th a {color:#777 !important;} | |||
table.franchise-nav-inner td.franchise-page-list {background-color:#fff;} | |||
table.franchise-nav-inner ul {font-size:smaller;margin:.5em 0;padding:0 .5em;text-align:center;} | |||
table.franchise-nav-inner ul li {display:inline-block;line-height:1.5em;margin:0;padding:0;} | |||
table.franchise-nav-inner ul li a {background:url(http://tfwiki.net/w2/images2/1/13/Meta-list_bullet.png) no-repeat left center;display:block;padding:0 15px;white-space:nowrap;} | |||
table.franchise-nav-inner ul li a:hover {background-color:#f0f0f7;} | |||
table.franchise-nav-inner th.franchise-button a {font-size:150%;border-style:solid;border-color:#ccc #999 #999 #ccc;border-width:2px;display:block;background-color:#eee;padding: .1em .1em .25em .1em;line-height:.5em;color:#666;} | |||
table.franchise-nav-inner th.franchise-button a:hover {background-color:#f9f9f9;text-decoration:none;border:solid 1px #999;margin:1px;} | |||
table.franchise-nav-inner th.franchise-button a:active {color:#600;} | |||
table.franchise-nav-inner th.franchise-button {padding:2px;width:20px;}</pre> | |||
If you're running IE, you'll also need this: | |||
<pre>table.franchise-nav-inner ul li {display:inline;} | |||
table td.franchise-logo {width:50%;} | |||
table.franchise-nav-inner th.franchise-button {width:auto;}</pre> | |||
Latest revision as of 12:01, 16 March 2010
 |
| |||||||||
|
| |||||||||
To see the styling for this, add this CSS to your Special:Mypage/monacobook.css page:
table.franchise-nav {margin:1em 0;}
table.franchise-nav-inner {border-style:solid;border-width:2px 1px 2px 1px;border-color:#ccc #999 #999 #ccc;color:#333;background-color:#eee;}
table td.franchise-logo {padding:0 2em;}
table.franchise-nav-inner th {background: #f0f0f7 url(http://tfwiki.net/w2/images2/d/d6/Meta_titlegloss.png) left top;padding:0 1em;}
table.franchise-nav-inner a:link {color:#333366;}
table.franchise-nav-inner a:visited {color:#663366;}
table.franchise-nav-inner a.new {color:#663333;}
table.franchise-nav-inner th a {color:#777 !important;}
table.franchise-nav-inner td.franchise-page-list {background-color:#fff;}
table.franchise-nav-inner ul {font-size:smaller;margin:.5em 0;padding:0 .5em;text-align:center;}
table.franchise-nav-inner ul li {display:inline-block;line-height:1.5em;margin:0;padding:0;}
table.franchise-nav-inner ul li a {background:url(http://tfwiki.net/w2/images2/1/13/Meta-list_bullet.png) no-repeat left center;display:block;padding:0 15px;white-space:nowrap;}
table.franchise-nav-inner ul li a:hover {background-color:#f0f0f7;}
table.franchise-nav-inner th.franchise-button a {font-size:150%;border-style:solid;border-color:#ccc #999 #999 #ccc;border-width:2px;display:block;background-color:#eee;padding: .1em .1em .25em .1em;line-height:.5em;color:#666;}
table.franchise-nav-inner th.franchise-button a:hover {background-color:#f9f9f9;text-decoration:none;border:solid 1px #999;margin:1px;}
table.franchise-nav-inner th.franchise-button a:active {color:#600;}
table.franchise-nav-inner th.franchise-button {padding:2px;width:20px;}
If you're running IE, you'll also need this:
table.franchise-nav-inner ul li {display:inline;}
table td.franchise-logo {width:50%;}
table.franchise-nav-inner th.franchise-button {width:auto;}
