Sidebar - czy można zmienić szerokość?

[necik]

Witam, czy ten pasek po prawej stronie forum może mieć inna szerokość? Czy można łatwo to zmienić? I czy może być widoczny na każdej podstronie forum?

[DawPi]

Zmienić można w CSS. Na każdej tylko przy pomocy mojej modyfikacji: https://community.invisionpower.com/files/file/3965-dp34-global-sidebars/

[necik]

A czy mógłbyś podpowiedzieć gdzie w CSS można zmienić szerokość?

[adrian218]

.ipsLayout_largeright.ipsLayout .ipsLayout_right {

[necik]

Dzięki. Jak zmieniłem powyższe na:

 

.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 300px; margin-right: -310px; }

 

to forum lekko rozjechało się:

 

 

Wcześniej były tam wartości odpowiednio: 260 i 270 px. Co zrobić aby sidebar o szerokości 300 px wyświetlał się prawidłowo?

[DawPi]

Zmniejszyć lewą stronę.

[necik]

Zmniejszyć lewą stronę.

Tylko jak?

[Macsch15]

Automatyczna wiadomość

Temat przeniesiony z forum

Invision Power Board → Invision Power Board 3.4 → Ogólny support IPB

do

Invision Power Board → Invision Power Board 3.4 → Style - pomoc

[Norbi12]

Poszerzyłeś prawą stronę, ale lewa pozostała bez zmian, musi się 'rozjeżdżać', bo gdzie się to zmieści?
Aby wszystko było ładnie, myślę, że powinieneś przeczytać ten temat.

Edytowane 19 Lipca 2015 przez Macsch15
Niepotrzebne formatowanie tekstu

[Macsch15]

.ipsLayout_content

zmieniasz wartość width na np. 90%, następnie:

.ipsLayout_largeright.ipsLayout .ipsLayout_right

width na np. 390px.

 

Wynik:

[necik]

Dzięki, zmieniłem na:

 

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

 

oraz

 

.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 300px; margin-right: -280px; }

 

i wygląda to tak:

 

 

 

Generalnie to chce poszerzyć sidebar aby wstawić tam adsense 300x250px.

[Macsch15]

Zmień na 390px a nie 300px. A jeżeli chcesz mieć boczny panel 300px musisz zmienić .ipsLayout_content na 97% (albo 96).

 

Tylko pamiętaj że to wartości relatywne i na każdej rozdzielczości będą wyglądać trochę inaczej.

[necik]

390px to dla mnie zbyt szeroki sidebar. Chciałbym aby miał on szerokość dokładnie 300px, bo taka szerokość ma reklama adsense. Próbowałem różnych ustawień w css, ale jeszcze nie udało się trafić idealnie Z tymi ustawieniami co podałeś wygląda to tak:

 

[Macsch15]

I co jest teraz źle? Za duża odległość między panelem a kategoriami?

[necik]

Docelową szerokość (300px) zaznaczyłem na czerwono. Chciałbym też aby miejsca zaznaczone zielona strzałką miały jednakową (jak w standardzie) szerokość. Wówczas wszystko byłoby idealnie.

 

[Macsch15]

Ale cały czas masz przecież ustawioną szerokość panelu na 390px a nie 300px.

 

[necik]

Po zmianie na:

 

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

 

oraz

 

.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 300px; margin-right: -280px; }

 

wygląda to tak:

 

 

 

Co można zrobić aby reklama (szerokość też 300px) była równo nad sidebarem a odległość po lewej i prawej stronie jednakowa (fabryczna)?

[Macsch15]

To już jest zależne od kody reklamy.

[necik]

Reklama wstawiona jest za pomocą Custom Sidebar Blocks i ma taki kod:

<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- FPC300x250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-2104539948430632"
     data-ad-slot="2856137687"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>

[Macsch15]

A tak?

<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- FPC300x250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px;padding:10px"
     data-ad-client="ca-pub-2104539948430632"
     data-ad-slot="2856137687"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>

[necik]

Teraz wygląda tak:

 

 

 

Nie wiem też czy Google nie przyczepi się za edytowanie kodu adsense, mimo że to tylko dodane padding:10px

[Macsch15]

Nie mam jak tego sprawdzić więc takie przypuszczalne wartości.

 

Zobacz tak:

    <center>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- FPC300x250 -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:300px;height:250px;margin-right:4px"
         data-ad-client="ca-pub-2104539948430632"
         data-ad-slot="2856137687"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </center>

[necik]

Teraz tak:

 

[Macsch15]

Gdzieś w szablonach masz:

<div style="padding: 10px;" class="_sbcollapsable">

Nie wiem skąd to ale to przez ten padding wszystko się psuje.

 

[necik]

Może to przez to, że kod adsense wstawiam za pomocą Custom Sidebar Blocks. Spróbuje wstawić ten kod na sztywno w edycji stylu, tylko gdzie to dokładnie będzie?