Dear UsersPlease copy and paste the following CSS code in dspace Administrator--> General Settings-->Edit News "Top News" and "Side Bar News" page. This coding about CSS hovering and drop down menu with html links.
1. TOP NEWS Copy the code and Paste in “Top News” page COMPLETE CSS CODE <!DOCTYPE html><html><head><h4> <p>Dear faculty and Students, we are very happy to invite you all to our digital repository. You can access here wider variety of data including subject related audio video presentation(MIT, NPTEL Lectures), e-books, project reports, digital scan objects, photographs, Handouts, Thesis and other form of contents. All data arranged on the basis of subject and department which helps user to easily identify the data. </p><p>We are very happy to know your valuable suggestion and feed back to our email: [email protected] . Students can access library OPAC at following link. </h4> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> ul {list-style: none; padding: 0; margin: 2; background: lightblue;} ul li { display: block; position: relative; float: left; background: lightblue; } li ul {display: none; position: absolute; background-color: #f1f1f1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} ul li a {display:block; padding: 2px 6px; text-decoration: none; white-space: nowrap; color: #581845; } ul li a:hover {background:#f1f1f1;} li:hover > ul { display: block; position: absolute; } li:hover li {float: none;} li: hover a {background:#f1f1f1;} li:hover li a:hover{background:#f1f1f1;} .main-navigation li ul li {border-top:0;} ul ul ul {left:100%; top:0;} ul:before, ul:after {content:" "; /*1 */ display: table; /* 2 */} ul:after {clear:both;}</style> </head><body> <table style="width:100%"> <tr><td> <ul class="main-navigation"> <li><a href="#">Scinence M.Sc </a> <ul><li><a href="#">Physics</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li><li><a href="">News Paper Clippings</a></li></ul></li></li> <li><a href="#"> Chemistry</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li> <li><a href="#">Mathematics </a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li></li> </ul> <li><a href="#">Commerce and Management M.Com </a> <ul><li><a href="#">Business & Management</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li></li> <li><a href="#">Commerce</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li> </ul> </li></ul></li></li> <li></ul></li></li> </ul></ul></td></tr> <tr><td> <ul class="main-navigation"> <li><a href="#"> Arts & Humanities </a> <ul> <li><a href="#">Socilogy</a><ul><li><a href="">Audio & Video</a></li><li><a href="#">E-Books</a></li><li><a href="#">Handouts</a></li></ul></li></li> <li><a href="#">Political Science</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li><li><a href="">Faculty Publications</a></li></ul></li></li> <li><a href="#">Civics & Ethical Education</a><ul><li><a href="">Audio & Video</a></li><li><a href="#">E-Books</a></li><li><a href="#">Handouts</a></li></ul></li></li> </ul> <li><a href="#">Technology </a> <ul><li><a href="#">Civil</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li></li> <li><a href="#">Mechanical</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li></li><li><li><a href="#">Computer Science</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li><li><a href="">Faculty Publications</a></li></ul></li></li> <li><a href="#">Civics & Ethical Education</a><ul><li><a href="">Audio & Video</a></li><li><a href="#">E-Books</a></li><li><a href="#">Handouts</a></li></ul></li></li> </ul> </li></li> <li></ul></li></li> </ul></ul></td></tr> </ul> </ul> </table><br><br><br><br><br><br></div></body></html>
Default Coding (Should be appear on top of the page) <meta name="viewport" content="width=device-width, initial-scale=1"> <style> ul {list-style: none; padding: 0; margin: 2; background: lightblue;} ul li { display: block; position: relative; float: left; background: lightblue; } li ul {display: none; position: absolute; background-color: #f1f1f1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} ul li a {display:block; padding: 2px 6px; text-decoration: none; white-space: nowrap; color: #581845; } ul li a:hover {background:#f1f1f1;} li:hover > ul { display: block; position: absolute; } li:hover li {float: none;} li: hover a {background:#f1f1f1;} li:hover li a:hover{background:#f1f1f1;} .main-navigation li ul li {border-top:0;} ul ul ul {left:100%; top:0;} ul:before, ul:after {content:" "; /*1 */ display: table; /* 2 */} ul:after {clear:both;}</style> </head><body> <table style="width:100%">
For adding college or main department. M.Sc. Science/M.Com/M.A <tr><td> <ul class="main-navigation"> <li><a href="#">Scinence M.Sc </a> <ul><li><a href="#">Physics</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li><li><a href="">News Paper Clippings</a></li></ul></li></li> <li><a href="#"> Chemistry</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li> <li><a href="#">Mathematics </a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li></ul></li></li> </ul>
For adding department Physics, Chemistry, Sociology, Political Science <li><a href="#">Physics</a><ul><li><a href="">Audio & Video</a></li><li><a href="">E-Books</a></li><li><a href="">Thesis</a></li><li><a href="">News Paper Clippings</a></li></ul></li></li>
For adding collections Audio Video, E-Books, Thesis, News Paper Clippings <li><a href="">E-Books</a></li><li><a href="">Thesis</a></li>