"test"
Bootstrap 3.2.0 Snippet by Andrewer1337

<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 ----------> <nav class="navbar navbar-default navbar-inverse navbar-static-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="#top"><img src="assets/images/logo_tp.png" height="27" width="27"></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><i class="fa fa-fw fa-flag"></i> Főoldal</a></li> <li><a href="/community"><i class="fa fa-fw fa-tags"></i> Közösség</a></li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-database"></i> Adatbázis<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="downloads.html"><i class="fa fa-fw fa-download"></i> Letöltések</a></li> <li><a href="/database"><i class="fa fa-fw fa-database"></i> Adatbázis</a></li> <li class="divider"></li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-photo"></i> Galéria<b class="fa fa-fw fa-angle-right"></b></a> <ul class="dropdown-menu"> <li><a href="gallery.html#kf"><i class="fa fa-fw fa-shield"></i> Klárafalváról</a></li> <li><a href="gallery.html#evs"><i class="fa fa-fw fa-birthday-cake"></i> Eseményekről</a></li> <li><a href="gallery.html#ww"><i class="fa fa-fw fa-plane"></i> Háborús</a></li> <li class="divider"></li> <li><a href="gallery.html#other"><i class="fa fa-fw fa-archive"></i> Egyéb</a></li> <li class="divider"></li> <li><a href="sender.html#pic"><i class="fa fa-fw fa-send"></i> Kép beküldése</a></li> </ul> </li> <li class="divider"></li> <li><a href="sender.html"><i class="fa fa-fw fa-send-o"></i> Beküldés</a></li> <li class="divider"></li> <li><a href="register.html"><i class="fa fa-fw fa-user"></i> Fiók igénylés</a></li> </ul> </li> <li><a href="news.html"><i class="fa fa-fw fa-newspaper-o"></i> Hírek</a></li> <li><a href="faq.html"><i class="fa fa-fw fa-fax"></i> GY.I.K</a></li> </ul> <div class="col-sm-1 col-md-2"> <form class="navbar-form" action="index.html" method="GET" role="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Keresés..." name="q" title="Keresés..."> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> <ul class="nav navbar-nav navbar-right"> <li> <p class="navbar-text">,,Emlékek, melyek nem érnek véget..."</p> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b><i class="fa fa-fw fa-sign-in"></i> Bejelentkezés</b> <span class="caret"></span></a> <ul id="login-dp" class="dropdown-menu"> <li> <div class="row"> <div class="col-md-12"> Bejelentkezés... <div class="-"> <a href="#" class="btn btn-fb btn-block"><i class="fa fa-facebook"></i> Facebook</a> </div> Vagy <form class="form" role="form" method="post" action="login.php" accept-charset="UTF-8" id="login-nav"> <div class="form-group"> <label class="sr-only" for="user-mail">E-Mail:</label> <input type="email" class="form-control" id="user-mail" placeholder="E-Mail cím..." required> </div> <div class="form-group"> <label class="sr-only" for="user-pass">Jelszó:</label> <input type="password" class="form-control" id="user-pass" placeholder="Jelszó..." required> </div> <div class="form-group"> <button type="submit" class="btn btn-primary btn-block">Bejelentkezés</button> </div> <div class="checkbox"> <label> <input type="checkbox">Emlékezz rám! </label> </div> </form> </div> <div class="bottom text-center"> Új vagy itt? <a href="register.html"><b>Csatlakozás!</b></a> </div> </div> </li> </ul> </li> </ul> </div> </div> </nav> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div>
body{background:url('../images/wallpaper.png') repeat bottom center;background-size:auto;padding:50px;}.blacked{color:#000000;}.headr{background-image:url('../images/site/headr.png');background-size:contain;color:#e5e5e5;}.infom{background-image:url('../images/site/infom.png');background-size:auto;color:#e5e5e5;}.cont{background-image:url('../images/site/cont.png');background-size:contain;color:#e5e5e5;padding:10px;margin:0px;}.events{background-image:url('../images/site/events.png');background-size:contain;color:#e5e5e5;padding:10px;margin:0px;}.eventreg{background-image:url('../images/site/eventreg.png');background-size:contain;color:#e5e5e5;}.teams{background-image:url('../images/site/team.png');background-size:contain;padding:10px;color:#e5e5e5;}.footer{background-image:url('../images/site/footer.png');background-size:contain;}.foots{background-image:url('../images/site/foots.png');background-size:;}body::-webkit-scrollbar{width:9px;}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.7);border-radius:5px;}body::-webkit-scrollbar-thumb{background-color:#303030;border-radius:7px;}.gray-scale{-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}.gray-scale:hover{-webkit-filter:grayscale(0%);}.dropdown-submenu{position:relative;}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;}.member{width:128px;margin:10px;border-radius:500px;-webkit-border-radius:500px;-moz-border-radius:500px;}.header{padding-top:50px;padding-bottom:50px;color:#f8f8f8;background-size:cover;}.sectionR{background:url(../images/) bottom center;}#login-dp{min-width:250px;padding:14px 14px 0;overflow:hidden;background-color:rgba(255,255,255,.8);}#login-dp .help-block{font-size:12px}#login-dp .bottom{background-color:rgba(255,255,255,.8);border-top:1px solid #ddd;clear:both;padding:14px;}#login-dp .social-buttons{margin:12px 0}#login-dp .social-buttons a{width:49%;}#login-dp .form-group{margin-bottom:10px;}.btn-fb{color:#fff;background-color:#3b5998;}.btn-fb:hover{color:#fff;background-color:#496ebc}.btn-tw{color:#fff;background-color:#55acee;}.btn-tw:hover{color:#fff;background-color:#59b5fa;}@media(max-width:768px){ #login-dp{ background-color: inherit; color: #fff; } #login-dp .bottom{ background-color: inherit; border-top:0 none; } } #myFooter { /*background: #3c3d41;*/ background-image: url('../images/site/footer.png'); color: white; padding-top: 30px; } #myFooter .footer-copyright { padding-top: 3px; padding-bottom: 3px; text-align: center; } #myFooter .row { margin-bottom: 60px; } #myFooter .navbar-brand { margin-top: 45px; height: 65px; } #myFooter .footer-copyright p { margin: 10px; color: #ccc; } #myFooter ul { list-style-type: none; padding-left: 0; line-height: 1.7; } #myFooter h5 { font-size: 18px; color: white; font-weight: bold; margin-top: 30px; } #myFooter h2 a{ font-size: 50px; text-align: center; color: #fff; } #myFooter a { color: #d2d1d1; text-decoration: none; } #myFooter a:hover, #myFooter a:focus { text-decoration: none; color: white; } #myFooter .social-networks { text-align: center; padding-top: 30px; padding-bottom: 16px; } #myFooter .social-networks a { font-size: 32px; color: #f9f9f9; padding: 10px; transition: 0.2s; } #myFooter .social-networks a:hover { text-decoration: none; } #myFooter .facebook:hover { color: #0077e2; } #myFooter .google:hover { color: #ef1a1a; } #myFooter .twitter:hover { color: #00aced; } #myFooter .anchor:hover { color: #1e83a8; } #myFooter .team:hover { color: #d1b70e; } #myFooter .btn { color: white; background-color: #637f07; border-radius: 20px; border: none; width: 150px; display: block; margin: 0 auto; margin-top: 10px; line-height: 25px; } @media screen and (max-width: 767px) { #myFooter { text-align: center; } } /* CSS used for positioning the footers at the bottom of the page. */ /* You can remove this. */ html{ height: 100%; } body{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; height: 100%; } .content{ flex: 1 0 auto; -webkit-flex: 1 0 auto; min-height: 200px; } #myFooter{ flex: 0 0 auto; -webkit-flex: 0 0 auto; }
document.getElementById("date").innerHTML=Date();$(document).ready(function(){$('.dropdown-submenu a.test').on("click",function(e){$(this).next('ul').toggle();e.stopPropagation();e.preventDefault();});}); (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = "https://cdn.pushalert.co/integrate_01ce3a80675dae0d7e35691c19053e79.js"; s.parentNode.insertBefore(g, s); }(document, "script")); </script> <script type="text/javascript"> $(document).ready(function() { $('.navbar a.dropdown-toggle').on('click', function(e) { var $el = $(this); var $parent = $(this).offsetParent(".dropdown-menu"); $(this).parent("li").toggleClass('open'); if(!$parent.parent().hasClass('nav')) { $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4}); } $('.nav li.open').not($(this).parents("li")).removeClass("open"); return false; }); });

Related: See More


Questions / Comments: