Меню с выпадающими формами - FormBox

<div id="tabs">
<ul id="tabMenu">
  
        <li class="regular"><a href="/home.html">Главная</a></li>
        <li class="dropdown"><a href="#tab1">Войти</a></li>
        <li class="dropdown"><a href="#tab2">Регистрация</a></li>
        <li class="dropdown"><a href="#tab3">Забыл пароль</a></li>
        <li class="regular"><a href="/home.html">Цены</a></li>
        <li class="regular"><a href="/home.html">О нас</a></li>
        <li class="dropdown"><a href="#tab4">Контакт</a></li>
        <li class="edges">&nbsp;</li>
        
</ul>  
</div>

<div id="tabContainer">
<ul id="tabPanes">
    <li id="tab1">
        
        <p>
            
            <div class="formcontainer">
                
                <div class="text">
                    <label for="username">Имя</label>

                    <input type="text" name="username" id="username" alt="Имя пользователя, которое вы выбрали при регистрации.">
                </div>
                
                <div class="text">
                    <label for="password">Пароль</label>
                    <input type="text" name="password" id="password" alt="Пароль, который вы вводили при регистрации.">
                </div>
                
                <div class="text">
                    <br>

                    <input type="checkbox" name="rememberme" id="rememberme"> Запомнить меня
                    
                </div>
            </div>            
            
            <center>
			
                <div class="block" id="bluebutton">
                    <button>Войти</button>
                </div>
            </center>
            
            
        </p>

    </li>
    
	. . .
</ul>
        
</div>

$(window).load(function(){

var tabs = $("#tabs");
var tabPanesContainer = $("ul#tabPanes");
var tabPanesAll = tabPanesContainer.find("li").css("position", "absolute");
var tabMenuLinks = $("ul#tabMenu .dropdown");
var regularLinks = $("ul#tabMenu .regular");
var dropDownSpeed = 200;
var dropUpSpeed   = 200;
var menuHeight = '240px';


/*Закрыть текущее открытое меню*/
function closeMenu()
{

tabMenuLinks.removeClass('activeTab');

    tabPanesContainer.stop().animate({
        height: '0px'
    }, dropUpSpeed);

	
}

/*Обработка ссылок меню без закладок*/
regularLinks.hover(function() 
{
    tabPanesContainer.stop().animate({
        height: '0px'
    });
    
    tabMenuLinks.removeClass('activeTab');
    $(this).addClass('activeTab');

}, function() {
    $(this).removeClass('activeTab');

});

/*Обработка ссылок меню с закладками*/
tabMenuLinks.hover(function() 
{

    var thisMenuItem = $(this);

    /*Получаем смещение для пункта по отношению к странице*/
    var thisMargin   = thisMenuItem.offset().left;
    
    /*Получаем смещение для панели навигации по отношению к странице*/
    var tabsOffset   = tabs.offset().left;
    var thisIndex = thisMenuItem.index();
    
    thisMargin = Math.floor(thisMargin - tabsOffset);
    
       
    var thisOffset = thisMargin - 52;
    
    /* Обрабатываем разницу поля для IE*/
    if($.browser.msie)
    {
      thisOffset = thisMargin - 15;
    }
    

    tabPanesContainer.css('margin-left', thisOffset);

    tabPanesContainer.stop().animate({
        height: menuHeight
    }, dropDownSpeed);
	
	
    
    tabMenuLinks.removeClass('activeTab');
    thisMenuItem.addClass('activeTab');


    var thisHash = thisMenuItem.find("a").attr('href');
    var tabClicked = tabPanesAll.filter(thisHash);

    
    tabClicked.appendTo(tabPanesContainer).show();
	
	
    
    return false;


}, function() {

   $(this).stop();
   
});


/*Обработка наведения курсора мыши на контейнер закладки*/
tabPanesContainer.hover(function() 
{
 
}, function() 
{  
    closeMenu();
});


$('.edges').hover(function()
{
   closeMenu();
   
}, function()
{
});

});

#tabs {
width:604px;
height:47px;
background-image:url('../images/wooden8.png');
-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 5px 6px ;
box-shadow: 0px 5px 6px ;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Arial;
font-size:14px;
margin:0 auto;
}
ul#tabPanes
{
    margin-left:52px;
    position:relative;
    width:227px;
    overflow: hidden;
    clear:both;
    font-family:Arial;
    list-style-type: none;
    margin-top:-0px;
    position:absolute;
}
ul#tabPanes li
{
    width: 227px;
}
ul#tabPanes li#tab1,li#tab2,li#tab3,li#tab4
{
    height:227px;
    margin-top:-30px;
    margin-left:-3px;
    display:none;
    text-shadow: #ffffff 0px 1px 0px;
     background-color:#C9AA7C;
     -moz-border-radius-bottomright: 5px;
     -moz-border-radius-bottomleft: 5px;
     -webkit-border-bottom-right-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     background-image:url('../images/wood3.jpg');
     background-repeat:no-repeat;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.6);
     -moz-box-shadow: 0px 3px 4px ;
     box-shadow: 0px 3px 4px ;
}

/*
Выводим подсказку при наведении курсора на поле ввода,
если  есть тег alt
*/
$('input').hover(function()
{
var thisItem = $(this);
var msgTip = thisItem.attr('alt');

if(msgTip.length)
{

  $('body').append('<div id="menuTooltip">\
			<p>'+  msgTip +'</p>\</div>');
 
		var pos = thisItem.offset();  
		var width = thisItem.width();
 
		$("#menuTooltip").css( { "left": (pos.left + 115) + "px", "top":pos.top - 90 + "px" } );
		$("#menuTooltip").fadeIn('slow');
}
 
}, function()
{
  
  $('div#menuTooltip').remove();

});

Мы создаем практически любые сайты от продающих страниц до сложных, высоконагруженных и нестандартных веб приложений! Наши сайты это надежные маркетинговые инструменты для успеха Вашего бизнеса и увеличения вашей прибыли! Мы делаем красивые и максимально эффектные сайты по доступным ценам уже много лет!

Что нужно сделать, чтобы заказать создание сайта у нас?

Ну для начала вам нужно представлять (хотя бы в общих чертах), что вы хотите получить от сайта и возможно каким вы хотите его видеть. А дальше все просто. Позвоните нам или оставьте заявку нашим менеджерам, чтобы они связались с Вами, проконсультировали и помогли определиться с подходящим именно Вам сайтом по цене, сроку, дизайну или функционалу. Если вы все ещё не уверены, какой сайт вам нужен, просто обратитесь к нам! Мы вместе проанализируем вашу ситуацию и определим максимально эффективный для вас вариант.

Для всех тарифных планов на создание и размещение сайтов включено:

• Создание сайта cо всем необходимым прикладным функционалом. В дальнейшем все сайты можно развивать и расширять функционал под ваши нужды.
• ИНДИВИДУАЛЬНЫЙ дизайн по вашим пожеланиям. Современный дизайн главной и внутренних страниц сайта. Высокопрофессиональная, адаптивная и кроссбраузерная верстка с учетом всех требований юзабилити и адаптивности к различным браузерам и устройствам.
• Создание структуры сайта. Предварительное наполнение его информацией.
• Возможность создания НЕОГРАНИЧЕННОГО количества разделов и страниц на сайте.
• Базовая SEO оптимизация сайта для поисковых систем и юзабилити оптимизация для пользователей при разработке и запуске.
• SEO-ИНСТРУМЕНТЫ для продвижения вашего сайта в системе управления.
• Регистрация сайта в поисковых системах и установка систем сбора статистики и аналитики.
• Регистрация уникального доменного имени.
• Размещение сайта в Интернете сроком на 1 календарный год (Хостинг сайта, предоставление системы управления сайтом (кроме "сайта-страницы" и "посадочной страницы"), регистрация доменного имени сроком на 1 календарный год).
• Гарантийная техническая поддержка сайта. И бонусные бесплатные часы работы наших специалистов: контент-менеджеров и программистов.
• Техническая поддержка и консультационная поддержка проекта в неограниченном объеме.
• Поддержка постоянной работоспособности и безопасности сайта.
• Защита от вирусов и DDos атак. Проверка на вирусы.
• Неограниченный трафик. Неограниченный трафик не распространяется на сайты файловых архивов (графических, музыкальных, программных)
• Почтовый сервис: Защита от вирусов, спам-фильтры. Почтовые ящики, возможно подключение к сайту Веб почты Яндекс или Mail.ru...
• Резервное копирование сайтов и возможность их оперативного восстановления.
• И многое многое другое...
• Мы предлагаем действительно КОМПЛЕКСНЫЕ РЕШЕНИЯ по разработке веб-ресурсов, а также последующего ведения и развития вашего бизнеса в онлайне.
  Вы платите один раз и получаете готовый инструмент для развития вашего бизнеса и продаж в Интернете!

Комплексный подход это не просто продвижение сайта, это целый комплекс мероприятий, который определяется целями и задачами поставленными перед сайтом и организацией, которая за этим стоит. Время однобоких методов в продвижении сайтов уже прошло, конкуренция слишком высока, чтобы была возможность расслабиться и получать \ удерживать клиентов из Интернета, просто сделав сайт и не занимаясь им...

Комплексная раскрутка работает в рамках стратегии развития вашего бизнеса в сети и направлена

• на увеличение продаж,
• улучшение имиджа компании на рынке,
• корректирование бренда в глазах потребителей и повышение его узнаваемости.

ЭФФЕКТИВНОЕ СОПРОВОЖДЕНИЕ (ПОДДЕРЖКА, ОБСЛУЖИВАНИЕ) САЙТОВ

Мы оказываем полный комплекс услуг по сопровождению сайта: информационному и техническому обслуживанию и развитию Интернет сайтов.

Передав свой сайт для поддержки в руки наших специалистов, Вы избавитесь от проблем, связанных с обновлением информации и контролем за работой ресурса.

Наша компания осуществляет техническую и информационную поддержку уже имеющихся сайтов. В понятие «поддержка сайтов» также входят услуги администрирования сайтов, обновления сайтов и их модернизация.

Современный, технологичный, кроссбраузерный ... Профессиональный дизайн сайтов и веб-приложений

Редизайн сайта — создание нового дизайна сайта с целью улучшения внешнего вида, функциональности и удобства использования. Редизайн сайта – это способ преобразовать проект к извлечению из него максимальной отдачи и средств. В современном мире задачами редизайна является поднятие существующего сайта на новый уровень для внедрения новых технологий, при этом сохраняя многолетний сформировавшийся опыт и успешные решения компаний.

Адаптивный дизайн сайтов и веб-приложений

Все больше людей пользуются мобильными устройствами (телефонами, планшетами и прочими) для посещения Интернета, это не для кого уже не новость. Количество таких людей в процентном отношении будет только больше с каждым годом, потому что это удобно и по многим другим причинам.

На сегодняшний день адаптивный дизайн является стандартным подходом при разработке новых сайтов (или веб-приложений) и в идеале ваш сайт должен смотреться и функционировать так, как вы задумывали, на всём разнообразии устройств.

Контекстная реклама - это эффективный инструмент в интернет маркетинге, целью которого является увеличение продаж. Главный плюс контекстной рекламы заключается в том, что она работает избирательно.

Реклама в поисковых системах Яндекс и Google. Профессиональная настройка рекламы и отслеживание эффективности!

Рекламные объявления показываются именно тем пользователям, которые ищут информацию о Ваших товарах или услугах, поэтому такая реклама не является навязчивой и раздражающей в отличие от других видов рекламы, с которыми мы сталкиваемся на телевидении или радио. Контекстная реклама нацелена лишь на тех пользователей, которые непосредственно заинтересованы в рекламе Ваших услуг или товаров.