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

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

Zmiana tła w Modnotice plus

Założony przez  piotrwawrak.

wersja skryptu MyBB: 1.6.8
adres forum: vpks.c0.pl
na czym polega problem (screen, opis, komunikaty): Jak zrobić takie notatki moderatora, jak na tym forum?
Matslom napisał 18.01.2013, 20:37:
Problem nie ma nic wspólnego ze skryptem, przenoszę do działu style i grafika.
Plugin ModNotice
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Ok, ale chodzi mi o ten obrazek, taki wykrzyknik ;)
@up: Jak chodzi o "ten obrazek", to czy nie można było tego zawrzeć w pierwszym poście?
W zasadzie to do klasy odpowiadającej za notatkę dodajesz większy padding z lewej strony, załóżmy
padding: 10px 10px 10px 50px;
W ten sposób przesuniesz tekst w prawą stronę, teraz wystarczy w tle dodać grafikę którą chcesz wyświetlać
background: #kolor_notatki url(ścieżka/do/grafiki) no-repeat left;
No i zrobiłem, oto kod, który mam w pliku global.css:

.modnotice {
        background: #efefef(http://i45.tinypic.com/zv796h.png) no-repeat left;
        padding: 10px 10px 10px 70px;
    margin: auto auto;
    border: 3px solid #e1e1e1;
    color: #000000;
    font-size: 12px;

I efekt jest taki, że tekst się przesunął, a obrazka jak nie było, tak nie ma :(
background: #efefef(http://i45.tinypic.com/zv796h.png) no-repeat left;
Porównaj to z moim kodem i znajdź błąd
background: #kolor_notatki url(ścieżka/do/grafiki) no-repeat left;
Jakiś ślepy jestem...

Poprawiłem i dalej się obrazek nie wyświetla :(

Oto kod:

.modnotice {
        background: #efefef http://i45.tinypic.com/zv796h.png no-repeat left;
        padding: 10px 10px 10px 70px;
    margin: auto auto;
    border: 3px solid #e1e1e1;
    color: #000000;
    font-size: 12px;
... Powinien on wyglądać tak.
.modnotice {
        background: #efefef url(http://i45.tinypic.com/zv796h.png) no-repeat left;
        padding: 10px 10px 10px 70px;
    margin: auto auto;
    border: 3px solid #e1e1e1;
    color: #000000;
    font-size: 12px;
Wciąż obrazek się nie wyświetla :(
Klamrę na końcu zamknąłeś? }
Poza tym obrazek to wrzuć na serwer, bo z tinypic to zaraz zniknie. Oni szybko kasują.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Z jakiej przeglądarki korzystasz?
Kopiujesz kod podany przez Matsloma i od razu wklejasz do global.css?
Już sobie poradziłem :D Winowajcą była zbędna spacja ;)
Matslom napisał 19.01.2013, 21:30:
[Obrazek: modnotice_thx.png]



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

2 gości