"SCF Website Header July 31 2014"
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/home/Libraries_900x90.jpg.jpeg?attredirects=0'> <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/library"> <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://www.linccweb.org/myaccount?lib_code=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> </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><a target="_blank" title="Need help with a search strategy or databases for a topic? Start here." a href="http://libguides.scf.edu/browse.php?o=s">Browse Subject List </a></li> <li class="divider"> <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> (function() { var cx = '000060492115051789153:loxeojrnxus'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <gcse:searchbox-only></gcse:searchbox-only> </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>

Questions / Comments:

Related: See More