Webboard

Pełna wersja: Dodanie obramowania
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.15
adres forum: FORUM
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak dodać obramowanie na bokach ?

[Obrazek: JP1.png]
Aby tak wyglądało
[Obrazek: JP2.png]


Jeżeli dodam:
Kod PHP:
border-left1px solid #d6d6d6;
border-right1px solid #d6d6d6; 

To wygląda to tak
[Obrazek: JP3.png]
Spróbuj w szablonie forumdisplay_thread (widok działu) na początku dać:
Kod:
<div class="jakasnazwa">
a na końcu:
Kod PHP:
</div
i do CSS:
Kod PHP:
.jakasnazwa {border-left1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } 
Niestety ale nie pomogło
Może wstaw obrazek pionowej kreski.
(01.09.2014, 08:27)SLAVOO napisał(a): [ -> ]Może wstaw obrazek pionowej kreski.

A nie będzie to przeszkadzało z rozdzielczością ?
(01.09.2014, 12:44)Espex napisał(a): [ -> ]
(01.09.2014, 08:27)SLAVOO napisał(a): [ -> ]Może wstaw obrazek pionowej kreski.

A nie będzie to przeszkadzało z rozdzielczością ?

Sprawdź... Bez tego nie dowiesz się, ale nie powinno.
nic nie robi...

albo źle robię

<img src="images/Business/obreczlip.png" alt="Tekst alternatywny" align="left" />
Ref.
,,,,,,,,,,,,,,,,
Style i szablony -> szablony -> widok działu -> forumdisplay_thread ->
do pierwszego <td> jakie znajdziesz w szablonie, w miejscu gdzie jest
Kod:
class="{$bgcolor}{$thread_type_class}"

dodaj klasę b_left,
czyli bedzie to wyglądało tak
Kod:
class="{$bgcolor}{$thread_type_class} b_left"
Teraz dodaj klasę b_right do ostatniego tagu <td> w szablonie (w taki sam sposób jak powyżej) (do <td>, nie </td>).
Do css na samym końcu
Kod:
.b_left{
border-left: 1px solid #d6d6d6;
}
.b_right{
border-right: 1px solid #d6d6d6;
}
Oj, chłopaki, ale kombinujecie. Takie rzeczy załatwia się używając pseudo klas first-child i last-child, bez dodawania dodatkowych klas i przepisywania szablonów.

Czyli coś w ten deseń:
Kod:
.trow1{
    /* różne atrybuty */
}

tr .trow1:first-child{
    border-left: 1px solid #d6d6d6;
}

tr .trow1:last-child{
    border-right: 1px solid #d6d6d6;
}
Podobnie robimy dla klasy .trow2
Nidrax napisał(a):Oj, chłopaki, ale kombinujecie.
Prawda, lecz kierowałem się tym, że autor chce osiągnąć to tylko w działach, a do tego i tak byłoby trzeba dodać klasę w szablonie.
Tu w sumie masz rację.