Skocz do zawartości

Zmniejszenie odstępów w DVZ Shoutbox na szablonie MyIPB


Demic
 Udostępnij

Rekomendowane odpowiedzi

ACP>Style i szablony>Style>Twój styl> Stwórz nowy arkusz .css 

Nazwij go "shoutbox.css" i wklej tam:


/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#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 .panel { border-top: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
#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 { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry:target { background-color: rgba(50,200,255,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { display: table-cell; padding: 6px; }

#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; word-break: break-all; word-wrap: break-word; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }
Edytowane przez Bartek.
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
  • Podobna zawartość

    • MyIPB is a clean and elegant theme, covering the awesome style of IPB 4.x. Tested in the latest Google Chrome, Mozilla Firefox versions.
      Przejrzysty szablon pod 1.8.x wzorowany na skrypcie IP:Board 4
      Author: eNvy Version: 9 Last Updated: 2020-02-19, 12:34 AM MyBB Versions: 1.8.x Tested on MyBB: 1.8.22 Supoort Topic: MyIPB theme License: GPL v3 Download MyIPB Theme

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość. Extend MyBB - MyIPB Theme
      Previews

    • Witam,
      Dzisiaj użyłem kodu, dzięki któremu mam nagłówek, który się przesuwa. Szablon: MyIPB Theme al'a IP:Board 4 for MyBB 1.8.x by eNvy, Szablony 1.8.x
      Prosze o szybką pomoc   
      Pozdrawiam
      PS - Link do forum Forum OMSI-Polska
      Kod z js:
      $(function(){ var menu = $('#menu'); // element zawierający menu var menuPositionTop = menu.position().top; // sprawdzamy początkową pozycję menu $(window).scroll(function () { // przypisujemy funkcję do zdarzenia 'scroll' if(parseInt($(window).scrollTop()) > menuPositionTop) { // sprawdzamy czy scroll "przejechał" przez wysokość, na której znajduje się menu. // MUSIMY sprawdzić, czy jest większy, nie da się zrobić porównania if (parseInt($(window).scrollTop()) == menuPositionTop) // ponieważ scroll nie przelatuje po wszystkich wartościach po kolei, tylko "przeskakuje" wartości, tym więcej im szybciej machamy scrollbarem ;) if (menu.hasClass('static')) { // ten warunek nie jest konieczny, ale gdy go dodamy unikamy niepotrzebnego usuwania i dodawania klasy. to samo można zrobić za pomocą funkcji .css() menu.removeClass('static').addClass('fixed'); // zmieniamy pozycję ze static na fixed zamieniając klasy } } else { if (menu.hasClass('fixed')) { // podobnie jak warunek powyżej. też nie jest konieczny menu.removeClass('fixed').addClass('static'); // zmieniamy pozycję z fixed na static zamieniając klasy } } }); }); Oraz kod z CSS:
      body {padding:0px;} #top {background: #ccc;} #menu {background:#777878; color: #fff; width: max} #bottom {background: #ccc; width: max} .fixed {position: fixed;} .static {position: static;} And tagi w szablonie:
      <div id="menu" class="static"> ... </div>
    • Witam,
      Chciałbym dodać ikonkę i powiadomienia na forum w szablonie MyIPB. Nie wiem jak to zrobić. Zależy mi na tym aby Shoutbox był na równi z działami, a pasek boczny był na równo z Shoutboxem.
      Pozdrawiam
      PS. Link do forum: http://omsipl.pl/index.php - jeżeli się nie uruchomi to styl - IP 2 -test
      Dołączę też problem z 1h wstecz. Pojawia mi się, że nie zamiast np. 18:00 jest 17:00
    • Jak w szablonie MyIPB pod MyBB przetłumaczyć rozwijane menu użytkownika?
      https://zapodaj.net/b136b0b601444.png.htm
      W jakim to jest pliku i gdzie on się znajduje.
    • Witam mam problem, Mój szablon to: MyIPB
      w którym pliku w MyBB znajdę zakładki typu:
      Forum Members Calendar Search Help Nie mogę tego znaleźć a jestem nowy w tych klockach.
      OldStyleRPG- Serwer w starym stylu -- oto forum.
  • Najnowsze tematy

  • Ostatnio rozwiązane

×