Прокрутка черной полосы - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Прокрутка черной полосы

#1 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 17:15

Здравствуйте!

У меня вот такой вопрос к знатокам по дизайну. Обратите внимание, на форуме http://forums.ibresource.ru в самом верху прокручивается вверх-вниз черная полоска, на которой размещены кнопки "Вход" и "Регистрация". То есть, в любом положении эти кнопки видны. Вот подскажите как реализизовать такую возможность на IPB 3.2.3, чтобы верхний блок с черной полоской и ссылками на ней всегда находился в верхней части форума, как на форуме ИБР?

P.S. Там у них глухо на форуме, поэтому там вопрос не задаю... :)
0

#2 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 070
  • Регистрация: 13-Апрель 12
  • Репутация: 314
  • Откуда:no
  • IPB version:1.x
 

Отправлено 11 Март 2015 - 17:22

Дописать в #header_bar {

position: fixed;
width: 100%;
top: 0px;
z-index: 9999;


Дописать в #branding {
margin-top: 35px;

Сообщение изменено: Атаман (11 Март 2015 - 17:31)

2

#3 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 18:44

Атаман, сделал всё, как Вы сказали, но не получилось на 3.2.3. Может что-то забыли?
0

#4 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 18:52

Извиняюсь! Все получилось, просто кэш не сразу обновил...
0

#5 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 18:53

Только остался один вопрос - можно ли черную полоску сделать прозрачной как на ИБРе? Спасибо.
0

#6 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 19:31

Разобрался: opacity
0

#7 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 21:11

Просмотреть сообщениеОдмин 11 Март 2015 - 19:31 сказал(а):

Разобрался: opacity

как указать opacity и где? Полоску закрепил, но прозрачность не понял где ставить и как
0

#8 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 070
  • Регистрация: 13-Апрель 12
  • Репутация: 314
  • Откуда:no
  • IPB version:1.x
 

Отправлено 11 Март 2015 - 21:14

К

#header_bar {

background: rgba(0, 0, 0, 0.8);
1

#9 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 070
  • Регистрация: 13-Апрель 12
  • Репутация: 314
  • Откуда:no
  • IPB version:1.x
 

Отправлено 11 Март 2015 - 21:21

opacity: 0.5; не стоит добавлять, весь header будет прозрачный, включая кнопки.
1

#10 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 21:25

Просмотреть сообщениеАтаман 11 Март 2015 - 21:14 сказал(а):

К

#header_bar {

background: rgba(0, 0, 0, 0.8);

Спасибо сделал так:

#header_bar {
	background: #323232 url({style_images_url}/user_navigation.png ) repeat-x bottom;
	padding: 0;
	text-align: right;
            position: fixed;
            width: 100%;
            top: 0px;
            z-index: 9999;
            opacity:0.9;
}

0

#11 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 070
  • Регистрация: 13-Апрель 12
  • Репутация: 314
  • Откуда:no
  • IPB version:1.x
 

Отправлено 11 Март 2015 - 21:33

Ну смотрите сами, чтоб не были прозрачные, лучше использовать другой вариант
0

#12 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 21:34

Просмотреть сообщениеАтаман 11 Март 2015 - 21:21 сказал(а):

opacity: 0.5; не стоит добавлять, весь header будет прозрачный, включая кнопки.

Понял )) Спасибо!
0

#13 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 21:52

Вылезла вот какая беда )) теперь после закрепления полоски этой, всё сместилось вниз немного и теперь при наведении на имена пользователей в онлайне, всплывающая информация не показывается, так как она уехала вниз )
#header_bar {
	background: rgba(0, 0, 0, 0.8); url({style_images_url}/user_navigation.png ) repeat-x bottom;
	padding: 0;
	text-align: right;
            position: fixed;
            width: 100%;
            top: 0px;
            z-index: 9999;
            
}


#branding {
	background: transparent;
	min-height: 70px;

	padding: 15px 0 0 0;
	color: #bec9d5;
	position:relative;
            margin-top: 50px;
}

Сообщение изменено: wick (11 Март 2015 - 21:55)

0

#14 Пользователь не на сайте   Одмин ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 574
  • Регистрация: 21-Апрель 13
  • Репутация: 40
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 22:15

Атаман, скажите, а в чем принципиальная разница между opacity: 0.8 и background: rgba(0, 0, 0, 0.8) ?
0

#15 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 22:18

Просмотреть сообщениеОдмин 11 Март 2015 - 22:15 сказал(а):

Атаман, скажите, а в чем принципиальная разница между opacity: 0.8 и background: rgba(0, 0, 0, 0.8) ?

Осмелюсь ответить:
в первом случае прозрачность действует на все элементы, вложенные в этот слой
во втором прозрачность применяется только к фону данного слоя

-----

Просмотреть сообщениеwick 11 Март 2015 - 21:52 сказал(а):

Вылезла вот какая беда )) теперь после закрепления полоски этой, всё сместилось вниз немного и теперь при наведении на имена пользователей в онлайне, всплывающая информация не показывается, так как она уехала вниз )

Не совсем понял, но догадываюсь: сместилась "всплывающая карточка пользователя" относительно имени, на которое наводиться мышка?

если да, то можно попробовать вместо margin задать отступ при помощи padding:

#branding {
    background: transparent;
    min-height: 70px;

    padding: 65px 0 0 0;

    color: #bec9d5;
    position:relative;
}

Сообщение изменено: Viktar83 (11 Март 2015 - 22:28)

2

Сообщить об этой теме:


  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна