кнопка сбоку или всплывающее окно

[certa]

Помогите пожалуйста реализовать... Есть конструктор мебели, он выглядит как html код, в котором также есть место  для вставки кода кнопки, но можно и без нее... его необходимо повесить на сайте на главной странице, в виде всплывающего окна или плавающей кнопки сбоку с текстом "СОБРАТЬ ШКАФ" чтобы при нажатии на окно или кнопку грузился сам конструктор.... Делала обычную кнопку слева, загружала код в header.tpl, в итоге она работала. НО сдвигала все содержимое сайта независимо от своих размеров... 

[HyperLabTeam]

где?

[certa]

где?

что где ?! )

[HyperLabTeam]

что где ?! )

бубен

[HyperLabTeam]

ссылка где?
как помочь?
словами?
пожалуйста)
пилите Шура, пилите
если сдвигала знач позиционирование можно задать, не?

[certa]

бубен

а простите) 

<style>

a.dsrightbootton{

position: absolute;

text-decoration: none;

top: 80px; right: 0;

font-size: 20px;

font-family: 'cursive';

font-weight: 700;

color:#96857c;

padding: 1px 1px 1px 5px;

background:#ffead9;

border:1px solid transparent;

/* - Тени для кнопки -*/

-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2),

0px 0px 0px 1px rgba(188,188,188,0.1);

-o-box-shadow:0px 0px 7px rgba(0,0,0,0.2),

0px 0px 0px 1px rgba(188,188,188,0.1);

box-shadow:0px 0px 7px rgba(0,0,0,0.2),

0px 0px 0px 1px rgba(188,188,188,0.1);

-webkit-transition:box-shadow 0.3s ease-in-out;

-moz-transition:box-shadow 0.3s ease-in-out;

-o-transition:box-shadow 0.3s ease-in-out;

transition:box-shadow 0.3s ease-in-out;

/* - /Тени для кнопки -*/

display: block;

}

</style>

<a class="dsrightbootton" href="#">С<br>О<br>Б<br>Р<br>А<br>Т<br>Ь<br> <br>Ш<br>К<br>А<br>Ф<br></a>

</div>

Змінено 5 листопада 2016 користувачем certa

[HyperLabTeam]

что мне с этим делать?))
ссылку давайте)
где у вас там искажается всё?

[certa]

что мне с этим делать?))

ссылку давайте)

где у вас там искажается всё?

))) так я вставила и абрала все, тк криво) сейчас загружу по новой, вот ссылка:  http://certa-mebel.ru/ сейчас там все нормально, через 2 минуты будет по другому)

[certa]

что мне с этим делать?))

ссылку давайте)

где у вас там искажается всё?

увидели? еще и меню вылезает на конструктор...

[certa]

в идеале нужна такая же кнопка как слева, но как ее сделать не понимаю)

[HyperLabTeam]

))) так я вставила и абрала все, тк криво) сейчас загружу по новой, вот ссылка:  http://certa-mebel.ru/ сейчас там все нормально, через 2 минуты будет по другому)

замените на это

 

#prodboard-container.focus {
    border: 15px solid rgba(0, 0, 0, 0.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

будет ровно

Змінено 5 листопада 2016 користувачем AWARO

[certa]

замените на это

 

#prodboard-container.focus {
    border: 15px solid rgba(0, 0, 0, 0.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

будет ровно

перестало вылазить меню на конструктор, а главная страница также криво

[certa]

замените на это

 

#prodboard-container.focus {
    border: 15px solid rgba(0, 0, 0, 0.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

будет ровно

вы могли бы сделать такую же кнопку как слева, не бесплатно конечно) 

[HyperLabTeam]

вы могли бы сделать такую же кнопку как слева, не бесплатно конечно) 

напишите мне в ЛС