Jump to content

xfirebg

New Members
  • Content count

    2
  • Joined

  • Last visited

Community Reputation

0 Neutral

About xfirebg

  • Rank
    Newbie
  1. Hello. I want to to minimize waiting time if i don't have connection to specific remote host. For example i am checking a DB server for connection. If i don't have connection the time out of the page is approximately 50 seconds. I want to make it 3 second. Im using LoginTimeout Key I have installed SQLSRV driver. And i have activated in php.ini. extension=php_sqlsrv_7_ts.dll And the php code is: $serverName = "172.18.0.52"; //Iskar server seizmika $connectionInfo = array("Database" => "ISKARDB", "UID" => "admin", "PWD" => "admin", "LoginTimeout" => 3); $conn = sqlsrv_connect($serverName, $connectionInfo); But the 3 second timeout not working. Its again the ~50sec timeout. What i can do? Thanks
  2. Hello im using a css menu from here: http://cssmenumaker.com/menu/textured-responsive-drop-down-menu But when for example i have multiple drop down lists the browser display the scrollbar before i use(hover with mouse) menu. I think its load unformated hidden "li" elements. How to fix it? <!doctype html> <html lang=''> <head> <meta charset='utf-8'> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="script.js"></script> <title>CSS MenuMaker</title> </head> <body> <div id='cssmenu'> <ul> <li><a href='#'><span>Home</span></a></li> <li class='active has-sub'><a href='#'><span>Products</span></a> <ul> <li class='has-sub'><a href='#'><span>Product 1</span></a> <ul> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>Product 2</span></a> <ul> <li><a href='#'><span>Sub Product</span></a></li> <li class='last'><a href='#'><span>Sub Product</span></a></li> </ul> </li> </ul> </li> <li><a href='#'><span>About</span></a></li> <li class='last'><a href='#'><span>Contact</span></a></li> </ul> </div> </body> <html> @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: auto; font-family: 'Open Sans', Helvetica, sans-serif; background: #39b1cc; background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af)); background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%); } #cssmenu > ul { background: url('images/bg.png'); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li { float: left; display: inline-block; } #cssmenu.align-center > ul { float: none; text-align: center; } #cssmenu.align-center > ul > li { float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu > ul > li > a { padding: 18px 25px 21px 25px; border-right: 1px solid rgba(80, 80, 80, 0.12); text-decoration: none; font-size: 13px; font-weight: 700; color: #d3eced; text-transform: uppercase; letter-spacing: 1px; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a { color: #ffffff; background: #32a9c3; background: rgba(0, 0, 0, 0.1); } #cssmenu > ul > li.has-sub > a { padding-right: 45px; } #cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 22px; } #cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a { border-top-color: #ffffff; } #cssmenu ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px; } #cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; } #cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px; } #cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px; } #cssmenu > ul > li > ul { top: 120px; } #cssmenu > ul > li:hover > ul { top: 52px; left: 0; opacity: 1; } #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; } #cssmenu ul ul ul { padding-top: 0; padding-left: 6px; } #cssmenu.align-right ul ul ul { padding-right: 6px; } #cssmenu ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; } #cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; } #cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 180px; color: #777777; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #333333; } #cssmenu ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; } #cssmenu ul ul li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #cssmenu > ul > li > ul::after { position: absolute; display: block; } #cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; } #cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; } #cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333; } #cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent; } @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { background: #39b1cc; } #cssmenu > ul { display: none; } #cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); } #cssmenu.align-right > ul { float: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #cssmenu #menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #d3eced; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 1px; background: url('images/bg.png'); cursor: pointer; } #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; } #cssmenu ul ul li { width: 100%; } #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a { border-radius: 0; } #cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; border-bottom: 2px solid #d3eced; right: 25px; top: 18px; } #cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; right: 25px; top: 28px; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } } ( function( $ ) { $( document ).ready(function() { $('#cssmenu').prepend('<div id="menu-button">Menu</div>'); $('#cssmenu #menu-button').on('click', function(){ var menu = $(this).next('ul'); if (menu.hasClass('open')) { menu.removeClass('open'); } else { menu.addClass('open'); } }); }); } )( jQuery );
×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.