Skocz do zawartości
  • 0
Zaloguj się, aby obserwować  
Kombajn

Stała szerokość sidebaru.

Pytanie

Ja ustawić sidebar na stałą szerokość?

 

Np 60px. 

 

Chcę go wykorzystać do umieszczenia pionowych bannerów

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

12 odpowiedzi na to pytanie

Polecane posty

  • 0

jeśli div o id="board_index" będzie miał takie ustawienia:

ipsLayout ipsLayout_withright ipsLayout_smallright clearfix 

to odstępy będą ładnie zachowane. smallright ma dokładnie 140px szerokości, a margines zawsze musisz mieć o 10px szerszy niż szerokość treści

 

co do szerokości po rozwijaniu, to znajdź w ipb_styles.css takie coś:

#board_index.force_sidebar { padding-right: 290px; }

i ustaw na 150px

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

ale, żeby na wszystkich stronach był, czy tylko na głównej? ogólnie to musisz przerobić kod html i css, aby była taka szerokość, a nie jak domyślnie 230px jeśli dobrze pamietam

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Pamiętasz w których plikach to było i czy jest to procentowo rozpisane forum/sidebar czy w px?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

to jest na sztywno zapisane. Ten standardowy sidebar korzysta z klasy .ipsLayout_largeright

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

jeśli jest sidebar to żadna. szerokość forum dostosowuje się do szerokość ekranu - .ipsLayout_largeright - odstęp między kolumnami :)

 

A za samą szerokość całego forum odpowiada:

#content, .main_width

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Cały ten problem, że nie dostosowuje się, też na to liczyłem.

 

Szerokość sidebaru 140px i drugie 140px teraz jest odstępu...i nie wiem gdzie ten odstęp zniwelować

/* Wider sidebars */
.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
	.ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; ; }
.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
	.ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -280px; }

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

musisz w boardIndex dać zamiast largeright np. tinyright czy coś

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Jakoś to wyszło wg Twoich rad. Zastosowałem tinyright i jest ok, poza dwoma problemami.

 

 

Brak przerwy miedzy forum a sidebarem:

 

m9ZDCHF.png

 

I za cholere nie wiem gdzie zwiększyć przerwę.

 

Pierwszy problem załatwiłem poprzez zmianę 100% na 99% w 

.ipsLayout_content { width: 99%; float: left; }

Drugi problem to zwijanie/rozwijanie sidebaru.

 

Po rozwinięciu wyskakuje na szerokość ok 280px i po sekundzie ustawia się na zdefiniowane 140px, chciałbym aby od razu wskakiwał na 140px.



/* Tiny sidebar */
.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 140px; }
	.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: 140px; }
.ipsLayout_tinyright.ipsLayout_withright { padding-right: 140px; }
	.ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
.ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -140px; }
Edytowano przez Kombajn

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Dzięki za pomoc, teraz jest full superos :D

 

PS: Nie wiem, która odpowiedź najlepsza, każda wniosła cegiełkę do problemu.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.