☰

E-H MiniMenu

Simplifies the navigation menu.

  1. // ==UserScript==
  2. // @name        E-H MiniMenu
  3. // @description Simplifies the navigation menu.
  4. // @author      Hen-Tie
  5. // @homepage    https://hen-tie.tumblr.com/
  6. // @namespace   https://greasyfork.org/en/users/8336
  7. // @include    	/https:\/\/(.*\.)?(ex|e-)hentai\.org.*/
  8. // @exclude		https://forums.e-hentai.org*
  9. // @require     https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
  10. // @icon        https://i.imgur.com/pMMVGRx.png
  11. // @version     2.2
  12. // ==/UserScript==
  13.  
  14. /*════════════════════════════════╗
  15. ║          CONFIGURATION          ║
  16. ╠═════════════════════════════════╩═══════════════════════════════════╗
  17. ║ miniMenuItems" is a list          Bounties    Favorites    Forums   ║
  18. ║ of the nav items you want to      Front Page  HentaiVerse  My Home  ║
  19. ║ have moved under the menu.        My Tags     My Uploads   News     ║
  20. ║ Case sensitive.                   Popular     Settings     Toplists ║
  21. ║ Following are your choices.       Torrents    Watched      Wiki     ║
  22. ╠═════════════════════════════════════════════════════════════════════╣
  23. ║ customMenuItems is a nested       [['url','name'], ['url','name']]  ║
  24. ║ list of links you want to add                                       ║
  25. ║ in the menu, and their names.                                       ║
  26. ║ Following is the format to use.                                     ║
  27. ╚════════════════════════════════════════════════════════════════════*/
  28. var miniMenuItems = ['Torrents', 'News', 'Forums', 'Wiki', 'HentaiVerse'];
  29. var customMenuItems = [];
  30. /*═══════════════════════════════════════════════════════════════════*/
  31.  
  32. var oldNav = $('#nb');
  33. oldNav.prepend('<ul class="nav-menu"><li class="nav-menu-item"><a href="https://e-hentai.org/">Menu</a><ul class="nav-submenu"></ul></li></ul>');
  34. miniMenuItems.forEach(function(i) {
  35. 	var item = oldNav.find('a:contains("'+i+'")');
  36. 	item.parent().remove();
  37. 	item.appendTo('.nav-submenu').wrap('<li class="nav-submenu-item"></li>');
  38. });
  39.  
  40. customMenuItems.forEach(function(i) {
  41. 	$('<a href="' + i[0] + '">' + i[1] + '</a>').appendTo('.nav-submenu').wrap('<li class="nav-submenu-item"></li>')
  42. });
  43.  
  44. $(`<style type="text/css" data-jqstyle="ehMiniMenu">
  45. /* old nav */
  46. #nb:hover {
  47. 	max-height: unset;
  48. }
  49. #nb {
  50. 	overflow: visible;
  51. 	max-height: unset;
  52. 	justify-content: center;
  53. }
  54. /* old nav items */
  55. #nb>div {
  56. 	padding: 0 10px;
  57. 	background: none;
  58. }
  59. /* nav item aliases */
  60. .nav-menu-item .nbw1 {
  61. 	display: inline;
  62. }
  63. /* menu */
  64. .nav-menu {
  65. 	display: inline;
  66. 	padding: 0 10px 0 0;
  67. 	text-align: left;
  68. 	white-space: nowrap;
  69. 	margin: 0;
  70. }
  71. .nav-menu-item {
  72. 	display: inline-block;
  73. 	position: relative;
  74. 	z-index: 999;
  75.     background-image: url(https://ehgt.org/g/mr.gif);
  76.     background-repeat: no-repeat;
  77.     background-position: left center;
  78.     padding-left: 7px;
  79. }
  80. /* submenu */
  81. .nav-submenu {
  82. 	display: none;
  83. 	padding: .5em;
  84. 	background: #f2efde;
  85. 	border: 2px solid #b5a3a4;
  86. 	border-radius: 3px;
  87. 	transform: translateX(-50%);
  88. 	left: 50%;
  89. 	position: absolute;
  90. }
  91. .nav-submenu-item {
  92. 	display: block;
  93. 	line-height: 1.3;
  94. }
  95. /* hover */
  96. .nav-submenu-item:hover {
  97. 	background-color: none;
  98. }
  99. .nav-menu-item:hover .nav-submenu {
  100. 	display: block;
  101. }
  102. .nav-submenu::before {
  103. 	content: "";
  104. 	display: block;
  105. 	position: absolute;
  106. 	top: -5px;
  107. 	left: -8px;
  108. 	width: 100%;
  109. 	height: 100%;
  110. 	z-index: -1;
  111. 	padding: 8px;
  112. }
  113. </style>`).appendTo('head');
  114.  
  115. if (window.location.href.indexOf("exhentai") > -1) {
  116. 	$('.nav-menu-item > a').prop('href','https://exhentai.org/');
  117. 	$('style[data-jqstyle="ehMiniMenu"]').append(`
  118. /* exhentai only */
  119. .nav-submenu {
  120. 	background: #34353b;
  121. 	border: 2px solid #8d8d8d;
  122. }`);
  123. }