User:Jeysie/Navmenu: Difference between revisions

From MediaWiki
Jump to navigationJump to search
Jeysie (talk | contribs)
m New page: <ul class="a"> <li>Generic/Utility <ul> <li><charinsert><nowiki>{{Art}}</nowiki></charinsert></li> <li><charinsert><nowiki>{{Badimage}}</nowiki></charinsert></li> <li><charinsert><nowiki>{...
 
Jeysie (talk | contribs)
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<ul class="a">
<div class="imagetemplatemenu">
<li>Generic/Utility
*Generic/Utility
<ul>
**<charinsert><nowiki>{{Art}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Art}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Badimage}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Badimage}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Comiccover}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Comiccover}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Comicinterior}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Comicinterior}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Copyleft}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Copyleft}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Fairuse}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Fairuse}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Hastak}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Hastak}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Logo}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Logo}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Replacedimage}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Replacedimage}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Screencap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Screencap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Stock}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Stock}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Titlecard}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Titlecard}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Unknown_artist}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Unknown artist}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Unknown_source}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Unknown source}}</nowiki></charinsert></li></ul></li>
*Screencap
<li>Screencap
**<charinsert><nowiki>{{Armadacap}}</nowiki></charinsert>
<ul>
**<charinsert><nowiki>{{BMcap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Armadacap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{BWcap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{BMcap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Cybertroncap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{BWcap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Energoncap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Cybertroncap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{G1cap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Energoncap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Moviecap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{G1cap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{RIDcap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{Moviecap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{ROTFcap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{RIDcap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{TFAcap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{ROTFcap}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{Victorycap}}</nowiki></charinsert>
<li><charinsert><nowiki>{{TFAcap}}</nowiki></charinsert></li>
*Comic Cover
<li><charinsert><nowiki>{{Victorycap}}</nowiki></charinsert></li></ul></li>
**<charinsert><nowiki>{{HMcover}}</nowiki></charinsert>
<li>Comic Cover
**<charinsert><nowiki>{{MarvelG2cover}}</nowiki></charinsert>
<ul>
**<charinsert><nowiki>{{MarvelUScover}}</nowiki></charinsert>
<li><charinsert><nowiki>{{HMcover}}</nowiki></charinsert></li>
*Comic Interior
<li><charinsert><nowiki>{{MarvelG2cover}}</nowiki></charinsert></li>
**<charinsert><nowiki>{{HMinterior}}</nowiki></charinsert>
<li><charinsert><nowiki>{{MarvelUScover}}</nowiki></charinsert></li></ul></li>
**<charinsert><nowiki>{{MarvelG2interior}}</nowiki></charinsert>
<li>Comic Interior
**<charinsert><nowiki>{{MarvelUSinterior}}</nowiki></charinsert>
<ul>
</div>
<li><charinsert><nowiki>{{HMinterior}}</nowiki></charinsert></li>
 
<li><charinsert><nowiki>{{MarvelG2interior}}</nowiki></charinsert></li>
CSS for Opera and Firefox:
<li><charinsert><nowiki>{{MarvelUSinterior}}</nowiki></charinsert></li></ul></li></ul>
 
<pre style="white-space:pre-line">.imagetemplatemenu ul {list-style:none;margin:0;padding:.5em;position:relative;text-align:center;width:99%;}
.imagetemplatemenu ul li {background:#eeeeff;border:1px solid #aaa;cursor:pointer;display:inline;line-height:2.4em;margin:0;padding:.5em;text-decoration:underline;}
.imagetemplatemenu ul ul {display:none;position:absolute;top:2.4em;left:0;right:0;}
.imagetemplatemenu ul li:hover {background:#ffffff;}
.imagetemplatemenu ul li:hover ul {display:block;}
.imagetemplatemenu li li {background:#ddddee;margin:0 -.1em;}</pre>
 
Still working on %$^@&%ing Internet Explorer.

Latest revision as of 23:00, 25 September 2009

  • Generic/Utility
    • <charinsert>{{Art}}</charinsert>
    • <charinsert>{{Badimage}}</charinsert>
    • <charinsert>{{Comiccover}}</charinsert>
    • <charinsert>{{Comicinterior}}</charinsert>
    • <charinsert>{{Copyleft}}</charinsert>
    • <charinsert>{{Fairuse}}</charinsert>
    • <charinsert>{{Hastak}}</charinsert>
    • <charinsert>{{Logo}}</charinsert>
    • <charinsert>{{Replacedimage}}</charinsert>
    • <charinsert>{{Screencap}}</charinsert>
    • <charinsert>{{Stock}}</charinsert>
    • <charinsert>{{Titlecard}}</charinsert>
    • <charinsert>{{Unknown_artist}}</charinsert>
    • <charinsert>{{Unknown_source}}</charinsert>
  • Screencap
    • <charinsert>{{Armadacap}}</charinsert>
    • <charinsert>{{BMcap}}</charinsert>
    • <charinsert>{{BWcap}}</charinsert>
    • <charinsert>{{Cybertroncap}}</charinsert>
    • <charinsert>{{Energoncap}}</charinsert>
    • <charinsert>{{G1cap}}</charinsert>
    • <charinsert>{{Moviecap}}</charinsert>
    • <charinsert>{{RIDcap}}</charinsert>
    • <charinsert>{{ROTFcap}}</charinsert>
    • <charinsert>{{TFAcap}}</charinsert>
    • <charinsert>{{Victorycap}}</charinsert>
  • Comic Cover
    • <charinsert>{{HMcover}}</charinsert>
    • <charinsert>{{MarvelG2cover}}</charinsert>
    • <charinsert>{{MarvelUScover}}</charinsert>
  • Comic Interior
    • <charinsert>{{HMinterior}}</charinsert>
    • <charinsert>{{MarvelG2interior}}</charinsert>
    • <charinsert>{{MarvelUSinterior}}</charinsert>

CSS for Opera and Firefox:

.imagetemplatemenu ul {list-style:none;margin:0;padding:.5em;position:relative;text-align:center;width:99%;} 
.imagetemplatemenu ul li {background:#eeeeff;border:1px solid #aaa;cursor:pointer;display:inline;line-height:2.4em;margin:0;padding:.5em;text-decoration:underline;} 
.imagetemplatemenu ul ul {display:none;position:absolute;top:2.4em;left:0;right:0;} 
.imagetemplatemenu ul li:hover {background:#ffffff;} 
.imagetemplatemenu ul li:hover ul {display:block;} 
.imagetemplatemenu li li {background:#ddddee;margin:0 -.1em;}

Still working on %$^@&%ing Internet Explorer.