Multichoice box(cbox) z opcjami w jednej linii

[Caesum]

Witam,

 

Dodaję na forum nową opcję, w której można wybrać jakie ma się dodatki do gry. Jako że dodatków jest bardzo dużo, chciałbym by wszystkie opcje pokazywały się w profilu w jednej linii, na przykład:

 • Podstawowa wersja gry • Dodatek 1  • Dodatek 2 • Dodatek 3 • Dodatek 4

Pokazują się jednak w takiej formie:

 • Podstawowa wersja gry

 • Dodatek 1

 • Dodatek 2

 • Dodatek 3

 • Dodatek 4

 

Jak mógłbym to zmienić? Szukałem podobnego pytania tutaj na forum, ale albo nikt o to nie pytał(wątpię) albo wpisywałem złe słowa kluczowe.

[DawPi]

No dobra, ale jaki kod HTML stosujesz? Listę?

[Caesum]

Mam tylko to co na obrazku: http://i.imgur.com/MMWpLSZ.jpg

[DawPi]

Coś może znajdziesz: http://www.w3schools.com/css/css_list.asp

[Caesum]

Aha, czyli nie da się tego zmienić z poziomu opcji pól profilu, tylko już w samym szablonie? Okej, w sumie to żaden problem. Tylko że, no właśnie teraz sprawdziłem jak to wygląda w kodzie(na Chrome z poziomu 'narzędzia dla programistów') i z tego co widzę każda opcja przechodzi w nową linię za pomocą <br>, więc to jest chyba nie tyle problem CSS co kodu.

 

Na tym obrazku widać dokładnie co się dzieje:

http://i.imgur.com/WLTuvsc.jpg

 

Chciałbym, żeby wszystkie zaznaczone opcje pojawiały się w jednej linii, a nie każda w nowej.

Edytowane 9 Kwietnia 2016 przez Caesum

[Macsch15]

Możesz to bez problemów zamienić JS'em, mały przykład (ściśle powiązany z tematem): https://jsfiddle.net/eym3d9kd/

[Caesum]

O, to wygląda świetnie. Nie bardzo tylko wiem, gdzie mogę to wstawić, by działało.

Edytowane 10 Kwietnia 2016 przez Caesum

[Macsch15]

Gdzieś w szablonach, razem z DOM ready, przykład:

<script>
  $(function() {
    $('.row_data br:not(:last-child)').replaceWith(',');
  });
</script>

[Caesum]

Wstawiłem do ProfileModern najpierw zaraz na początku kodu, a później pod koniec, ale nic się nie zmienia.