Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Lesovsky

Фиксация кнопки Sidebar toggle

Recommended Posts

Всё хорошо, но можно ли кнопку сделать фиксированной, например чтобы она прилегала к границе враппера?

 

Вот так:

 

Screenshot58.png

 

Что я только не пробовал, чтобы она была фиксированной, но безуспешно.. Да и вообще реально это сделать?

Share this post


Link to post
Share on other sites

Можно.

 

.sidebar_toggle { 
**********
position: fixed;
right: 15%;
top: 400px;
}

Проценты и пиксели сами расчитывайте.

 

Если я правильно поняла, про fixed

Фиксированная – это когда всегда в одном положении экрана, не зависимо от положения других элементов.

Если хотите не фиксированную, то absolute

  • Upvote 1

Share this post


Link to post
Share on other sites

Если fixed, то элемент двигается от расположения скролла, если ниже страницу прокручивать, то он будет ехать вместе, если absolute, то не будет, но проблема не решилась.

 

С моим разрешением выглядит вот так:

 

Screenshot59.png

 

Если увеличить разрешение, то вот так:

 

Screenshot58.png

 

Код у меня такой:

 

.sidebar_toggle {
padding: 4px 3px;
height: 30px;
width: 28px;
       position: absolute;
       right: 8%;
       top: 403px;
}

Edited by Lesovsky

Share this post


Link to post
Share on other sites

А скин не резиновый?

Надо было об этом написать.

Если ширина враппера фиксирована, то и проценты не помогут. Тогда никак, потому что позицию от центра никак не задать. А расстояние от правого борта непостоянно при разном разрешении как в пикселях, так и в процентах при фиксированном скине.

 

Можно еще пробовать вариант с относительной позицией, float: right и отрицательным margin

Share this post


Link to post
Share on other sites

Скин фиксированный, просто я на некоторых шаблонах видел, что эта кнопка отображается независимо от разрешение по правому краю враппера.

Share this post


Link to post
Share on other sites

В фиксированных скинах?

Покажите пример.

 

На 3.0 привязывала к краю враппера путем float: right

В 3.1 отказалась от этого, уж не помню почему, вроде они там что-то поменяли и это стало неудобно.

 

Вспомнила

http://ipbskins.ru/big/delicate_blue.png

Привязывала в пределах.

Потом сайдбар подняли и это стало некрасиво - наложение.

Но при желании можно что-то сделать.

 

В общем, можно привязать внутри враппера, попробуйте задать позицию relative + float: right;

Edited by Fisana
  • Upvote 1

Share this post


Link to post
Share on other sites

Отправил пример вам в ЛС.

 

UPD:

Там ширина в процентах, вот и весь фикс.(((

Edited by Lesovsky

Share this post


Link to post
Share on other sites

Если ширина в процентах, способ первый, с процентами, должен подойти.

Это не фикс.

Это резина.

 

Но если есть max-width и min-width – это полуфикс. И в пограничных случаях проценты справа работать правильно не могут.

 

Или абсолютная и float

float: right;
position: absolute;
right: -XXpx;

Share this post


Link to post
Share on other sites

Всё сделал, но вот результат:

 

Screenshot60.png

 

Код такой:

 

.sidebar_toggle {
padding: 4px 3px;
height: 30px;
width: 28px;
       position: relative;
       float: right;
       right: -50px;
       top: -42px;
}

 

Может решить эту проблему почудив с #index_stats ?

Share this post


Link to post
Share on other sites

Чудите, но сами. Без меня. Потому что у меня совсем другие решения.

  • Upvote 1

Share this post


Link to post
Share on other sites

Проблема решена, я добился результата.

 

@Fisana, Благодарю вас за помощь! Без position: relative; и float: right; я бы не сделал.)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...