Podpinamy "header_bar"

[Gama]

Witajcie. Dzisiaj zaprezentuję małą zmianę kosmetyczną dla stylów IP.Board. Będzie to podpięcie paska "header_bar" tak aby przewijał się on wraz z przewijaniem strony

1. Wchodzimy do ACP > Look & Feel > Zarządzaj stylami i szablonami > Wybieramy nasz styl

2. Przechodzimy do zakładki CSS i szukamy w menu "ipb_styles.css"

3. Szukamy tego kodu:

#header_bar { background: #323232 url(http://forum.invisionize.pl/public/style_images/master/user_navigation.png )
repeat-x bottom;
padding: 0;
text-align: right;}

4. Zamieniamy go na:

#header_bar { background: #323232 url(http://forum.invisionize.pl/public/style_images/master/user_navigation.png )
repeat-x bottom;
padding: 0;
text-align: right;
position: fixed;
width: 100%;
z-index: 9999; }

5. Szukamy kodu:

#branding { background: #0f3854 url(http://forum.invisionize.pl/public/style_images/master/branding_bg.png) repeat-x;
border-bottom: 1px solid #1b3759;
min-height: 64px; }

6 Zamieniamy go na:

#branding { background: #0f3854 url(http://forum.invisionize.pl/public/style_images/master/branding_bg.png) left bottom repeat-x;
border-bottom: 1px solid #1b3759;
min-height: 64px;
padding-top: 36px; }

Przed zabiegiem:

Po:

Od teraz ten pasek będzie przewijać się wraz z przewijaniem strony