Menu

УСТАНОВКА

1) Подключаем стили:

Копируем и вставляем этот код в тег <head> Вашего сайта. Желательно, если вставите его сразу перед </head>.

<link rel="stylesheet" type="text/css" href="RuBizBar.css" />

ВАЖНО!!! Правильно укажите путь к файлу "rubizbar.css" - если поместили этот файл в отдельную папку, то путь к файлу должен выглядеть так:

<link rel="stylesheet" type="text/css" href="НазваниеПапки/RuBizBar.css" />

2) Копируем нужный внизу фрагмент кода, и вставляем СРАЗУ ПОСЛЕ тега <body>

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

1. Со стрелками + ОТКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Original-1">
    <a href="http://rubizbar.ru" target="_blank">
        Умножьте число продаж и свою базу подписчиков в разы!
        <span class="goto">RuBizBar</span>
    </a> 
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#RuBizBar"><div class="rbb_close_arrow"></div></a></div>    
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#"><div class="rbb_open_arrow"></div></a></div>
</div>
<!-- ===== / RuBizBar.ru ===== -->

2. С текстом + ОТКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Original-2"> 
    <a href="http://rubizbar.ru" target="_blank">
        Умножьте число продаж и свою базу подписчиков в разы!
        <span class="goto">RuBizBar</span>
    </a>
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#RuBizBar"><div class="rbb_close_text">Закрыть</div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#"><div class="rbb_open_text">Открыть</div></a></div> 
</div>
<!-- ===== / RuBizBar.ru ===== -->

3. Со стрелками + ЗАКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Original-3">
    <a href="http://rubizbar.ru" target="_blank">
        Умножьте число продаж и свою базу подписчиков в разы!
        <span class="goto">RuBizBar</span>
    </a> 
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#"><div class="rbb_close_arrow"></div></a></div>   
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#RuBizBar"><div class="rbb_open_arrow"></div></a></div>
</div>
<!-- ===== / RuBizBar.ru ===== -->

4. С текстом + ЗАКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Original-4"> 
    <a href="http://rubizbar.ru" target="_blank">
        Умножьте число продаж и свою базу подписчиков в разы!
        <span class="goto">RuBizBar</span>
    </a>
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#"><div class="rbb_close_text">Закрыть</div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#RuBizBar"><div class="rbb_open_text">Открыть</div></a></div> 
</div>
<!-- ===== / RuBizBar.ru ===== -->

призыв и форма подписки

1. Со стрелками + ОТКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Optin-1">
    <div id="RuBizBar_Optin">
        <div class="rbb_call">
            <div class="rbb_call_text">07.07 <u>СТАРТУЕТ Наш НОВЫЙ Вебинар</u> «Полезный Вебинар 2.0»! Успейте <strong>Записаться Прямо СЕЙЧАС</strong>!</div>
        </div>
        <div class="rbb_action">
            <div class="rbb_arrow"></div>
            <div class="rbb_forms">
                
                <!-- ФОРМА -->
                <form>
                    <input class="rubizproject-optin_name" type="text" placeholder="Введите Ваше Имя" />
                    <input class="rubizproject-optin_email" type="text" placeholder="Введите Ваш Email" />
                    <input type="submit" value="ЗАПИСАТЬСЯ!" />
                </form>
                <!-- / ФОРМА -->
                
            </div>
            <div class="rbb_lock" alt="Ваш E-Mail в безопасности!" title="Ваш E-Mail в безопасности!"></div>
            <div class="rbb_nospam" alt="Никакого Спама!" title="Никакого Спама!"></div>
        </div>
    </div>      
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#RuBizBar"><div class="rbb_close_arrow"></div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#"><div class="rbb_open_arrow"></div></a></div>
</div>
<!--===== / RuBizBar.ru =====-->

2. С текстом + ОТКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Optin-2">
    <div id="RuBizBar_Optin">
        <div class="rbb_call">
            <div class="rbb_call_text">07.07 <u>СТАРТУЕТ Наш НОВЫЙ Вебинар</u> «Полезный Вебинар 2.0»! Успейте <strong>Записаться Прямо СЕЙЧАС</strong>!</div>
        </div>
        <div class="rbb_action">
            <div class="rbb_arrow"></div>
            <div class="rbb_forms">
                
                <!-- ФОРМА -->
                <form>
                    <input class="rubizproject-optin_name" type="text" placeholder="Введите Ваше Имя" />
                    <input class="rubizproject-optin_email" type="text" placeholder="Введите Ваш Email" />
                    <input type="submit" value="ЗАПИСАТЬСЯ!" />
                </form>
                <!-- / ФОРМА -->
                
            </div>
            <div class="rbb_lock" alt="Ваш E-Mail в безопасности!" title="Ваш E-Mail в безопасности!"></div>
            <div class="rbb_nospam" alt="Никакого Спама!" title="Никакого Спама!"></div>
        </div>
    </div>
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#RuBizBar"><div class="rbb_close_text">Закрыть</div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#"><div class="rbb_open_text">Открыть</div></a></div>
</div>
<!--===== / RuBizBar.ru =====-->

3. Со стрелками + ЗАКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Optin-3">
    <div id="RuBizBar_Optin">
        <div class="rbb_call">
            <div class="rbb_call_text">07.07 <u>СТАРТУЕТ Наш НОВЫЙ Вебинар</u> «Полезный Вебинар 2.0»! Успейте <strong>Записаться Прямо СЕЙЧАС</strong>!</div>
        </div>
        <div class="rbb_action">
            <div class="rbb_arrow"></div>
            <div class="rbb_forms">
                
                <!-- ФОРМА -->
                <form>
                    <input class="rubizproject-optin_name" type="text" placeholder="Введите Ваше Имя" />
                    <input class="rubizproject-optin_email" type="text" placeholder="Введите Ваш Email" />
                    <input type="submit" value="ЗАПИСАТЬСЯ!" />
                </form>
                <!-- / ФОРМА -->
                
            </div>
            <div class="rbb_lock" alt="Ваш E-Mail в безопасности!" title="Ваш E-Mail в безопасности!"></div>
            <div class="rbb_nospam" alt="Никакого Спама!" title="Никакого Спама!"></div>
        </div>
    </div>      
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#"><div class="rbb_close_arrow"></div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#RuBizBar"><div class="rbb_open_arrow"></div></a></div>
</div>
<!--===== / RuBizBar.ru =====-->

4. С текстом + ЗАКРЫТА по умолчанию

<!-- ===== RuBizBar.ru ===== -->
<div id="RuBizBar" class="RuBizBar-Optin-4">
    <div id="RuBizBar_Optin">
        <div class="rbb_call">
            <div class="rbb_call_text">07.07 <u>СТАРТУЕТ Наш НОВЫЙ Вебинар</u> «Полезный Вебинар 2.0»! Успейте <strong>Записаться Прямо СЕЙЧАС</strong>!</div>
        </div>
        <div class="rbb_action">
            <div class="rbb_arrow"></div>
            <div class="rbb_forms">
                
                <!-- ФОРМА -->
                <form>
                    <input class="rubizproject-optin_name" type="text" placeholder="Введите Ваше Имя" />
                    <input class="rubizproject-optin_email" type="text" placeholder="Введите Ваш Email" />
                    <input type="submit" value="ЗАПИСАТЬСЯ!" />
                </form>
                <!-- / ФОРМА -->
                
            </div>
            <div class="rbb_lock" alt="Ваш E-Mail в безопасности!" title="Ваш E-Mail в безопасности!"></div>
            <div class="rbb_nospam" alt="Никакого Спама!" title="Никакого Спама!"></div>
        </div>
    </div>
    <!-- RuBizBar CLOSE button -->
    <div class="rbb_close"><a href="#"><div class="rbb_close_text">Закрыть</div></a></div>
    <!-- RuBizBar OPEN button -->
    <div class="rbb_open"><a href="#RuBizBar"><div class="rbb_open_text">Открыть</div></a></div>
</div>
<!--===== / RuBizBar.ru =====-->


Copyright © RuBizProject | SergeyChunkevich.com
"Эффективные инструменты для бизнеса в интернет" © 2011-2019 Использование изображений, текстов, кодов (JS, PHP, CSS, HTML) с данной страницы
без письменного разрешения Сергея Чункевича запрещено.

Другие проекты:

RuBizHelper 2.0   |    RuBizPanel 2.0   |    Elite Opt-in Forms   |    RuBizScrollToID