Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zmienić pasek w dvz shoutbox na "forumowy"?

Inne  Założony przez  kubaszekr38.

25.12.2013, 09:54 (Ten post był ostatnio modyfikowany: 25.12.2013, 09:55 przez kubaszekr38.)
#1
wersja skryptu MyBB: 1.6.11
adres forum: http://proba-cstreningpl.2ap.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam! Chciałbym zmienić pasek dvz sb na "forumowy". Na screenie widać co chce zmienić:

[Obrazek: x25l7b56bheg.jpg]

chodzi o ten niebieski pasek, bo chciałbym go mieć tak jak paski od kategorii, czy tabeli na forum. Co mam zrobić, aby zmienić ten pasek na "forumowy"? Tylko krok po kroku, bo nie ogarnę ;) Dzięki za pomoc!
25.12.2013, 10:02
#2
wchodzisz w acp > style i szablony> nazwa twojego stylu> i teraz szukaj albo w global.css albo będziesz miał shoutbox.css > szukasz linijki
.tablehead { padding:8px 8px 9px; background: #446099 url (images/carbon/thead.png) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; color: #FFF; }
mniej więcej tak , zmieniasz ścieżke ;D
25.12.2013, 10:12
#3
To teraz mi usunęło cały ten pasek (raczej zmieniło na biały kolor, więc go nie widać ;p), już jeden trop mamy ;D Tylko na jaką ścieżkę? Korzystam z tego stylu: https://webboard.pl/thread-46865.html?pi...#pid200478 jakby co.. Może coś wam podrzucić z global.css ??
25.12.2013, 10:24 (Ten post był ostatnio modyfikowany: 25.12.2013, 10:31 przez 123123.)
#4
Łap mój kod, zedytowałem dla Ciebie.

.tablehead { padding:10px 11px 12px; background: #026CB1 url(images/Splat/maintitle.jpg) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; font-weight: normal; color: #FFF; border:1px solid #0b6fa9;}
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }


Zamień ten kod, na Swój shoutbox.css
Jeszcze raz wklej, z edytowałem teraz kod.
25.12.2013, 10:32
#5
O właśnie o coś takiego mi też chodziło, bo tak to ten pasek był cienki, ale jeszcze jak pisałem, chce aby ten pasek był taki sam jak paski od kategorii, tabel i tych innych, proszę jeszcze o pomoc!
25.12.2013, 10:33
#6
zamień na ten

.tablehead { padding:10px 11px 12px; background: #026CB1 url(images/Splat/maintitle.jpg) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; font-weight: normal; color: #FFF; border:1px solid #0b6fa9;}
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
25.12.2013, 10:58 (Ten post był ostatnio modyfikowany: 25.12.2013, 10:59 przez SLAVOO.)
#7
A po co takie kombinacje?
Wystarczy w szablonie dvz_shoutbox podmienić klasę.
<div class="tablehead">
na
<div class="thead">
[Obrazek: zt-pluawvnqphvzhunvrtqh.jpg]
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
25.12.2013, 11:00
#8
A jakie tam są kombinacje w moim kodzie ? To jest praktycznie oryginalny .css dvz, lecz tylko zmieniłem w nim ścieżkę czyli ..../Splat/maintitle.jpg
:P

SLAVOO, pomóż mi w moim temacie, błagam :)
25.12.2013, 11:01
#9
123123 napisał(a):A jakie tam są kombinacje w moim kodzie ?

To po co tyle linijek CSS wklejasz skoro podmieniasz jedną rzecz.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
25.12.2013, 11:03
#10
Wklejam dlatego, iż widzę że autor raczej nie ogarnia, bo kolega wyżej wymienił mu fragment kodu, który ma edytować, ale jak widzę nie poradził sobie z tak prostą rzeczą, więc dałem mu gotowca, żeby sobie tylko wkleił.
25.12.2013, 12:24
#11
OK, dzięki jest gicior ;)



Użytkownicy przeglądający ten wątek:

2 gości