[MOD]topnav 1.8

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • we will make xterium top nav as soon as possible
      I remain at your disposal on the forum for any questions or help.

      A help is of course not a creation of a mod



      -------------------------------------------------------
      My game Ounivers
      Project 2moons3.0 / Downloading
    • here it come

      planetselect with buildingcount
      can be testest as usual at tests.2moons.de
      resources shown with bars. have tooltips with information.

      update 2.10.17 23.04
      changed look


      may the colores are a bit heavy.
      Files
      • topnav 1.8.zip

        (3.61 kB, downloaded 203 times, last: )
    • Thanks for not being too hard with the style we thought about a new design with mimikri. cordially
      I remain at your disposal on the forum for any questions or help.

      A help is of course not a creation of a mod



      -------------------------------------------------------
      My game Ounivers
      Project 2moons3.0 / Downloading
    • Guten Morgen,
      ich wollte es mal versuchen und habe es nach Anleitung eingebaut. Aber bei mir ändert sich die Darstellung nicht.
      Sehr komisch. ich nutze das 2Moons 1.8 welches hier zum download gibt
      EDIT: Ich denke ich habe mich vertan. Laut dem Screenshot oben dachte ich, dass die Gebäude nun in diesen kacheln angezeigt werden, aber es ist wohl für die obere Leiste wo die Rohstoffe angezeigt werden.
      Ein Mod was es so macht, dass die Gebäude in Kacheln angezeigt werden gibt es auch irgendwo ?

      The post was edited 1 time, last by agony ().

    • this is just a rough unfinshed version i dont have too much time....so ill post and if you can wait for awhile great if not try and finish it.....would be great help...thanks

      top nav similar to xterium.

      basic

      CSS Source Code

      1. <Style>
      2. }
      3. #top_nav_part_left .separator_nav {
      4. border-right: 1px solid # 0a1628;
      5. border-left: 1px solid # 000814;
      6. width: 0;
      7. float: left;
      8. height: 28px;
      9. margin: 1px 3px;
      10. } #top_nav_part_left .separator_nav {
      11. border-right: 1px solid # 0a1628;
      12. border-left: 1px solid # 000814;
      13. width: 0;
      14. float: left;
      15. height: 28px;
      16. margin: 1px 3px;
      17. }
      18. #top_nav {
      19. position: relative;
      20. height: 35px;
      21. padding top: 5px;
      22. border-bottom: 1px solid # 000;
      23. overflow: visible;
      24. background: # 000c1d;
      25. filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# 000d20', endColorstr = '# 000917');
      26. -ms-filter: "progid: DXImageTransform.Microsoft.gradient (startColorstr = '# 000d20', endColorstr = '# 000917')";
      27. background-image: -moz-linear-gradient (top, # 000d20, # 000917);
      28. background-image: -ms-linear-gradient (top, # 000d20, # 000917);
      29. background-image: -o-linear-gradient (top, # 000d20, # 000917);
      30. background-image: -webkit-gradient (linear, center top, bottom center, from (# 000d20), to (# 000917));
      31. background-image: -webkit-linear-gradient (top, # 000d20, # 000917);
      32. background-image: linear-gradient (top, # 000d20, # 000917);
      33. }
      34. #planetSelectorWrapper {
      35. width: 145px;
      36. }
      37. #planetSelector {
      38. float: left;
      39. height: 16px;
      40. margin: 37px 10px;
      41. width: 145px;
      42. }
      43. #planetImage {
      44. width: 50px;
      45. }
      46. / * Top_nav_part_right * /
      47. #top_nav_part_right {
      48. float: right;
      49. width: 340px;
      50. }
      51. #top_nav_part_left {
      52. float: left;
      53. width: 285px;
      54. margin-left: 12px;
      55. }
      56. #top_nav_part_right a, #top_nav_part_left a {
      57. display: block;
      58. float: left;
      59. width: 28px;
      60. height: 28px;
      61. padding: 1px;
      62. -moz-border-radius: 2px;
      63. -webkit-border-radius: 2px;
      64. border-radius: 2px;
      65. position: relative;
      66. }
      67. #top_nav_part_right a: hover, #top_nav_part_left a: hover {
      68. border: 1px solid # 26303f;
      69. background: # 1a2432;
      70. padding: 0;
      71. }
      72. #top_nav_part_right a span, #top_nav_part_left a span {
      73. display: block;
      74. width: 100%;
      75. height: 100%;
      76. background-position: center;
      77. background-repeat: no-repeat;
      78. }
      79. #scroller .new_email, #a_mesage .new_email {
      80. position: absolute;
      81. z-index: 10;
      82. right: 2px;
      83. top: 2px;
      84. color: #fff;
      85. font-weight: bold;
      86. text-shadow: 0px 0px 3px # 000;
      87. width: auto;
      88. -moz-border-radius: 3px;
      89. -webkit-border-radius: 3px;
      90. border-radius: 3px;
      91. background: rgba (255,0,0,0.6);
      92. padding: 1px 3px 2px 3px;
      93. height: auto;
      94. line-height: 12px;
      95. }
      96. #top_nav_part_left a: hover span.new_email {
      97. top: 1px;
      98. right: 1px;
      99. }
      100. #top_nav_part_right .separator_nav,
      101. #top_nav_part_left .separator_nav {
      102. border-right: 1px solid # 0a1628;
      103. border-left: 1px solid # 000814;
      104. width: 0;
      105. float: left;
      106. height: 28px;
      107. margin: 1px 3px;
      108. }
      109. </ Style>
      Display All



      HTML Source Code

      1. <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      2. <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      3. <div class = "icon-bar">
      4. <a class="active" href="#"> <i class = "fa fa-info-circle"> </ i> </a>
      5. <a href="#"> <i class = "fa fa-globe"> </ i> </a>
      6. <a href="#"> <i class = "fa fa-trophy"> </ i> </a>
      7. <div class = "separator_nav"> </ div>
      8. <a href="#"> <i class = "fa fa-yelp"> </ i> </a>
      9. <a href="#"> <i class = "fa fa-weixin"> </ i> </a>
      10. <a href="#"> <i class = "fa fa forumbee"> </ i> </a>
      11. <a href="#"> <i class = "fa fa-envelope"> </ i> </a>
      12. <span class = "mesages"> </ span>
      13. <span id = "new_email" class = "new_email" {if $ new_message == 0} style = "display: none;" {/ if}>
      14. {$ New_message}
      15. </ Span>
      16. <div id = "top_nav_part_right">
      17. </ Div>
      18. <div id = "planetSelectorWrapper">
      19. <label for = "planetSelector"> </ label>
      20. <select id = "planetSelector">
      21. {html_options options = $ PlanetSelect selected = $ current_pid}
      22. </ Select>
      23. </ Div> <! - / planet_select ->
      24. <div id = "top_nav_part_right">
      25. <a href="#"> <i class = "fa fa-users"> </ i> </a>
      26. <a href="#"> <i class = "fa fa-address-book"> </ i> </a>
      27. <a href="#"> <i class = "fa fa-bolt"> </ i> </a>
      28. <a href="#"> <i class = "fa fa question-circle"> </ i> </a>
      29. <a href="#"> <i class = "fa fa thumb tack"> </ i> </a>
      30. <a href="#"> <i class = "fa fa-terminal"> </ i> </a>
      31. <a href="#"> <i class = "fa fa ticket"> </ i> </a>
      32. <a href="#"> <i class = "fa fa-search"> </ i> </a>
      33. <a href="#"> <i class = "fa fa sliders"> </ i> </a>
      34. <a href="#"> <i class = "fa fa power-off"> </ i> </a>
      35. </ Div>
      Display All
      you will have to align it to fit your needs...and add the links I.E href="game.php?page=overview">
    • Hi,

      it's working great!
      But the showing of DM is in the right corner down of the page. This is also shown in the screenshot of this mod, posted 2. October 2017.

      Can this be fixed?

      I also have the Nav-Tab Mod installed!

      And how can I put the picture of the resource (metal, crystal, deuterium and DM) in front of the bargraph?

      Thanks for help.

      The post was edited 1 time, last by Vertex ().