Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Lesovsky

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

Рекомендованные сообщения

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

 

Вот так:

 

Screenshot58.png

 

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

Поделиться сообщением


Ссылка на сообщение

Можно.

 

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

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

 

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

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
03/09/11 10:41 (изменено)

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

 

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

 

Screenshot59.png

 

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

 

Screenshot58.png

 

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

 

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

Изменено пользователем Lesovsky

Поделиться сообщением


Ссылка на сообщение

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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение
03/09/11 11:39 (изменено)

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

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

 

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

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

 

Вспомнила

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

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

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

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

 

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

Изменено пользователем Fisana
  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
03/09/11 11:46 (изменено)

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

 

UPD:

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

Изменено пользователем Lesovsky

Поделиться сообщением


Ссылка на сообщение

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

Это не фикс.

Это резина.

 

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

 

Screenshot60.png

 

Код такой:

 

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

 

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

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...