Zmiana wysokości shoutbox'a za pomocą ikonki

[Gama]

A więc zaczynamy W tym poradniku pokażę jak zamienić zmianę wysokości shoutboxa z belki na ikonkę. Po pierwsze będzie nam potrzebna ikonka np. ta

Ikonkę dodajemy do public\style_images\Nazwa Twojego Stylu.

Teraz przechodzimy do zmiany w szablonie. W tym celu wchodzimy do ACP -> Wygląd -> Style i szablony i klikamy na szablon który używasz (Nazwa Twojego Stylu).

Wchodzimy w zakładkę CSS, a następnie odszukujemy pliku ipshoutbox.css i odnajdujemy ten kod

#shouts-global-resizer,
#shouts-resizer {
   background-color: #DBE2EC;
   cursor:n-resize;
   height:6px;
}

Następnie zamieniamy go na ten kod

#shouts-global-resizer,
#shouts-resizer {
   background: url({style_images_url}/resize.png ) no-repeat center;    
   height: 20px;
    width: 20px;
    float: right;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

Efekt:

Przed:

Może nie jest to coś zaawansowanego, ale komuś może się przydać