Skocz do zawartości
  • Przeglądający   0 użytkowników

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

Sn4Q

DVZ Shoutbox - Edycja wyglądu

Promowane odpowiedzi

Próbuję i nic... Jak zmienić wygląd (wyświetlanych wiadomości) chociażby na podobny tutaj na forum ?

 

Mój css

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px;}
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }
#shoutbox input.text {    float: left; margin: 0; padding: 10px 8px; box-sizing: border-box; border: none; font-family: Arial, sans-serif; font-size: 12px;color: #000;background: #fff;border: 1px solid #000;border-radius: 3px;}
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { overflow-y: scroll;margin-bottom: 20px;}
#shoutbox .data { display: table; width: 100%; font-family: Arial, sans-serif; font-size: 12px;}
#shoutbox .date { margin-left:10px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry {display: inline-block;width: 99%; transition: background-color 0.2s;background: #fff;margin: 2.5px;border: 1px solid #e7e7e7;border-radius: 3px;}
#shoutbox .entry > div {}
#shoutbox .entry:last-child > div {border: none;}

#shoutbox .entry > div {display: table-cell; padding: 0px;}
#shoutbox .avatar img { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 30px; max-width: 30px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; } 
#shoutbox .user { text-align: right; white-space: nowrap;}
#shoutbox .text { width: 100%;color: #5A7A89;}
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .mod { font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;padding: 2.5px;}
#shoutbox .mod:nth-of-type(2) {padding: 2.5px;border-left: 1px solid;}
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }
#shoutbox .tborder
{
    padding:0;
    background: none;
}
#shoutbox .sbinputtext
{
	width: 60%;
}
#shoutbox .sbinputsubmit input, .sbinput {
    height: 34px;
    background: #2F3A3E;
    color: #6C7676;
    float:left;
    line-height: 2.5;
    padding: 0 20px;
    width: 22%;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    border: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
}
#shoutbox .additionalinputs div
{
	float:left;
	line-height: 2.8;
	padding: 0 15px;
	width: auto;
	margin-left: 20px;
	border: none;
	height: 35px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	background: url(../../../images/playlogic/sbbutt.png);
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 3px;
}
#shoutbox .additionalinputs div i
{
	    line-height: 2.8;
}
#shoutbox .additionalinputs div.submit
{
	background: url(../../../images/playlogic/sbbuttsend.png);
}
#shoutbox .additionalinputs div.submit input
{
	
text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.32);
}

#shoutbox .additionalinputs
{
	float: left;
	width: 40%;
}
#shoutbox .additionalinputs div input
{
	line-height: 2.75;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
	font-family: Roboto;
}
#shoutbox .additionalinputs div a
{
	color:#fff;
}
@media screen and (max-width: 984px) {
#shoutbox .additionalinputs
{
	width:100%;
}
#shoutbox .additionalinputs div
{
	width:100%;
	padding:0;
	margin:0;
}
#shoutbox .sbinputtext
{
	width:100%;
}
}
		
		

Obecnie wygląda to tak i jak widać na całą wysokość SB wchodzą może 3 wiadomości...

 

1.thumb.png.132b0f9bd3ee08fc6a8134e46adf

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

można adres było by prościej zerknąć.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Nie podałem adresu bo nie chce go na razie podawać, ale widzę, że ktoś inny wie lepiej i już to zrobił...

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Masz na myśli caly plik pluginu tak ? Jeżeli go tu wrzucę uzyskam jakieś rady ?:)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 godzin temu, Sn4Q napisał:

Nie podałem adresu bo nie chce go na razie podawać, ale widzę, że ktoś inny wie lepiej i już to zrobił...

 

wchodzisz w Panel Administratora » Ustawienia forum » DVZ Shoutbox » Shoutbox height i tu zmieniasz myśleę na 250px ;)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 godzin temu, Sn4Q napisał: Nie podałem adresu bo nie chce go na razie podawać, ale widzę, że ktoś inny wie lepiej i już to zrobił...

 

wchodzisz w Panel Administratora » Ustawienia forum » DVZ Shoutbox » Shoutbox height i tu zmieniasz myśleę na 250px

Lub w konfiguracji pluginu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
1 godzinę temu, Makey ツ napisał:

 

wchodzisz w Panel Administratora » Ustawienia forum » DVZ Shoutbox » Shoutbox height i tu zmieniasz myśleę na 250px ;)

Najprostsze rozwiązania są najlepsze...  O tym nie pomyślałem..  Dzięki bardzo ;)

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×