"Nav Bar September 20, 2015"
Bootstrap 3.2.0 Snippet by rhondak

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style>//*scfbutton drama*/titleImageDiv { position: relative; width: 100%; /* for IE 6 */}#titleImageCaption { position: absolute; top: 10%; left: 2%;}#titleImageButton { position: absolute; top: 75%; left: 2%; }/*scfbutton drama ends, Navigation bar begins*/.navbar-default { background-color: #1e4e84; border-color: #4582a7;}.navbar-default .navbar-brand{ color: #ecf0f1;}.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #052090;}.navbar-default .navbar-text { color: #ecf0f1; }.navbar-default .navbar-nav > li > a { color: #ecf0f1;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #5bacf6;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #052090; background-color: #4582a7;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open >a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #052090; background-color: #4582a7;}.navbar-default .navbar-toggle { border-color: #4582a7;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #4582a7;}.navbar-default .navbar-toggle .icon-bar { background-color: #ecf0f1;}.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #ecf0f1;}.navbar-default .navbar-link { color: #ecf0f1;}.navbar-default .navbar-link:hover { color: #052090;}@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #052090; } .navbar-default .navbar-nav .open .dropdown-menu > .active >a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #052090; background-color: #4582a7; }.carousel .item { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2;}.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1;}} </style><div class='row'> <div class='span12' id='scflogo'> <img alt='SCF Libraries' src="https://sites.google.com/site/scfimages/_/rsrc/1407330895276/home/Libraries_900x90.jpg.jpeg"><id='titleImageCaption'> <a href="https://portal.scf.edu/cp/home/displaylogin" class="btn btn-info btn-small"><i class="icon-white icon-th"></i> SCF Connect</a> </div><!-------------WHERE THE SEARCH AND DROP DOWN BOX STARTS----><div class="row"><div class="col-xs-12"></div><nav class="navbar navbar-default" role="navigation"><div class="container-max-width: 900px"><!-- Brand and toggle get grouped for better mobile display --><div class="navbar-header"><button class="navbar-toggle" data-target="#LG-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button><a class="navbar-brand" href="http://www.scf.edu/"><i class="fa fa-home"></i></a></div><!-- Navigation bar begins after Home --><div class="collapse navbar-collapse" id="LG-collapse"><ul class="nav navbar-nav navbar-left"> <li class="active"> <a target="_blank" title="Search for books, eBooks, video, eVideo and more." href="http://www.linccweb.org/Discover?lib_code=FLCC1500">Library Catalog</a></li> <li><a target="_blank" title="Find Library Hours and Contacts." href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location/">Contact & Hours</a></li><li class="dropdown"><a class="dropup-toggle" data-toggle="dropdown" href="#">Help... </a> <ul class="dropdown-menu"> <li><a target="_blank" title="What is my SCF Log In?" href="http://libguides.scf.edu/how_to_sign_in_to_SCF_Library_resources">How to Log In </a></li> <li> <a target="_blank" title="Need to find a Peer Reviewed or Scholarly article? Here's 3 ways!" href="http://libguides.scf.edu/Search_Scholarly_Articles_SCF_Library">How to Find Scholarly Articles</a></li><li><li class="divider"> </li> <li> <a target="_blank" title="Citation help for MLA, APA, ASA and AMA." href="http://libguides.scf.edu/writing_citing_mla_apa_citation">How to Cite your Work</a></li><li class="divider"> </li><li> <a target="_blank" title="Renew books, check on requests and due dates." href="http://discover.linccweb.org/primo_library/libweb/action/myAccountMenu.do?vid=FLCC1500">Your Account</a></li><li> <a target="_blank" title="Answers to the most asked Library HOW TO questions." href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help">Frequently Asked Questions</a></li> <li><p style="text-align: center;"><li class="divider"> </li><li> <a target="_blank" title="Chat, text or email a Librarian." href="http://askalibrarian.org/local.php?LibraryName=SCF&DepartmentNumber=22861&Secondary=22498&LibraryType=Academic&Source=Standard_vrlintro">Ask A Librarian</a></li><iframe src="http://askalibrarian.org/widgets/scfms" frameborder="0" height="106" scrolling="no" width="190"></iframe></p></li> </li> </ul></li><li class="dropdown"><a class="dropup-toggle" data-toggle="dropdown" href="#">Databases... </a> <ul class="dropdown-menu"> <li><a target="_blank" title="Complete alphabetical list of SCF's databases." href="http://www.linccweb.org/index.asp?screen=alpha&lib_code=FLCC1500">Databases A-Z </a></li><li> <a target="_blank" title="Need to know the best database for a discipline? Try these." href="http://www.linccweb.org/index.asp?screen=subject&lib_code=FLCC1500">Databases by Subject</a></li> <li class="divider"> </li> <li> <a target="_blank" title="Want to know if a journal is available full text at SCF? Use this search." href="http://www.linccweb.org/?screen=a-z&lib_code=FLCC1500">Journals A-Z</a></li></li><li class="divider"> </li> <li> <a target="_blank" title="Librarian recommended expert search. This links to SCF Full Text in search results." href="http://scholar.google.com/scholar?inst=8873731101682220099">Search Google Scholar for SCF Full Text</a></li><li class="divider"> <li> <a target="_blank" title="Search for limited textbooks and course reserves." href="http://www.linccweb.org/search/catalog.aspx?screen=course&lib_code=FLCC1500">Course Reserves</a></li></li></li> </li></ul></li><li class="dropdown"><a class="dropup-toggle" data-toggle="dropdown" href="#">Subject Guides and Tutorials... </a> <ul class="dropdown-menu"> <li><a target="_blank" title="Homepage for Subject Guides and Tutorials." a href="http://libguides.scf.edu/index.php"> Subject Guides Homepage</a></li> <li class="divider"> <li><a target="_blank" title="Brief overview for online students." a href="http://libguides.scf.edu/State_college_of_Florida_Library_Distance_Learner_Help">Distance Learner's Guide </a></li> <li> <a target="_blank" title="Find Library support for your course by CRN or Professor." href="http://libguides.scf.edu/associate_degrees_research_support">Associate Degrees/Programs</a></li> <li> <a target="_blank" title="Find Library support for your major by name or Professor." href="http://libguides.scf.edu/?group_id=2158">Baccalaureate Programs</a></li><li><a href="http://libguides.scf.edu/?group_id=2159">Collegiate School</a> </li><li> <a target="_blank" title="Need to get Library links, ideas, tutorials, instruction? This is one stop Faculty Services for all Library resources." href="http://libguides.scf.edu/State_College_of_Florida_Faculty_Services_Library">Faculty Services</a></li><li class="divider"> <li>Search Subject Guides </li><script>springshare_widget_config_1410299454364 = { };</script><div id="s-lg-widget-1410299454364"></div><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://lgapi.libapps.com/widgets.php?site_id=106&widget_type=7&search_box_type=1&placeholder_text=Enter+Search+Words&button_text=Search&widget_height=&widget_width=75&output_format=1&widget_embed_type=1&window_target=2&subject_ids=&az_types=&az_vendor_ids=&config_id=1410299454364";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","s-lg-widget-script-1410299454364");</script> </ul> </li> </ul><!----------- Library Catalog Search into PRIMO interface ----------><div style="text-align: center;" title="Find Articles" selected="selected" dojotype="dijit.layout.ContentPane"><p style="text-align: center;"><!-- State College of Florida Libraries --></p><form action="http://www.linccweb.org/Discover" method="get" target="_new"><input class="textField" onfocus="this.value='';" name="query" value="Search Library Catalog" type="text" /> <input name="fn" value="search" type="hidden" /> <input name="vl(2826233950UI0)" value="articles1" type="hidden" /> <input name="ct" value="search" type="hidden" /> <input name="indx" value="1" type="hidden" /><input name="dum" value="true" type="hidden" /> <input name="reset_config" value="true" type="hidden" /> <input name="lib_code" value="FLCC1500" type="hidden" /> <input name="vid" value="FLCC1500" type="hidden" /><input class="button" value="Go" type="submit" /> <div class="noImg body"> </div> </form> </div></div></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav>>

Related: See More


Questions / Comments: