Zmiana wyglądu notatki moderatora - plugin Modnotice

Czy można to jakoś wyedytować ? Chodzi mi o wygląd. np.: jak tutaj na MyBB dodać wykrzyknik, zmienić kolor ?

Matslom napisał 23.12.2013, 14:30:
jeden problem = jeden wątek...
Następnym razem przed zadaniem pytania

Czy można to jakoś wyedytować ? Chodzi mi o wygląd. np.: jak tutaj na MyBB dodać wykrzyknik, zmienić kolor ?

Podstawowy kurs CSS i masz gotowe.

.modnotice {
background: #kolortla url(sciezkadoobrazka) center left no-repeat;
color: #000000; 
padding: 5px 5px 5px 60px;
margin: auto auto;
border: 1px solid #kolorobramowania;
min-height: 35px;
font-size: 10px;
} 


@Snake_
Okey. To wiem, lecz gdzie to dodać ? ;P

ACP → Style i szablony → Style → Twój styl → global.css → tryb zaawansowany

@Snake_
Ok. Dodałem, wygląda tak jak chciałem.

@all
Jak dodać tę grafikę:
https://webboard.pl/images/mybbpl/modnotice_bg.png
Aby była tylko po lewej stronie tak jak tutaj na MyBB, aby tekst zaczynał się równo z grafiką - to tylko przykład.

.modnotice {
background:#A9A9A9 center;left;no-repeat;
color:#000000;
padding:5px;5px;5px;60px;
margin:auto;auto;
border:1px;solid;##000000;
min-height:35px;
font-size:11px;
} 


.modnotice {
background: #A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color: #000000;
padding: 5px 5px 5px 60px;
margin: auto auto;
border: 1px solid #000;
min-height: 35px;
font-size: 11px;
} 


Oczywiście obrazek sobie zmienisz.

@Snake_
Dodałem tak jak pokazałeś, lecz grafiki nie widzę:
http://teamcraft24.pl/Forum/showthread.p...5#pid20785

Czy wina może leży po mojej stronie ?

W global.css masz coś takiego:

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    
    .modnotice {
    background: #ADCBE7;
    padding: 8px;
    margin: auto auto;
    border: 1px solid #0F5C8E;
    color: #000000;
    font-size: 12px;
} 


z sekcji containder usuń:

.modnotice {
    background: #ADCBE7;
    padding: 8px;
    margin: auto auto;
    border: 1px solid #0F5C8E;
    color: #000000;
    font-size: 12px; 


@Snake_
Usunąłem to i:

• grafika nie pojawiła się
  
• forum "rozciągnęło" się na całe okno
  

@ Teraz cofnąłem to, aby forum wyglądało normalnie.

Skoro przy takim układzie wygląda dobrze, to zmień na:

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    
 .modnotice {
background: #A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color: #000000;
padding: 5px 5px 5px 60px;
margin: auto auto;
border: 1px solid #000;
min-height: 35px;
font-size: 11px;

} 


btw: użyj innej przeglądarki, bo dodaje Ci średnik w miejscach spacji.

@Snake_
Nadal nic - brak grafiki.
http://teamcraft24.pl/Forum/showthread.p...5#pid20785

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;

.modnotice {
background: #A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color: #000000;
padding: 5px 5px 5px 60px;
margin: auto auto;
border: 1px ;solid #000;
min-height: 35px;
font-size: 11px;

    
} 


Eh. Wkleiłeś klasę w środek innej klasy.
Jak już coś to powinno wyglądać to tak

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
} //Koniec identyfikatora container

.modnotice {
background: #A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color: #000000;
padding: 5px 5px 5px 60px;
margin: auto auto;
border: 1px ;solid #000;
min-height: 35px;
font-size: 11px;
} //koniec klasy modnotice 


Nie...
Teraz forum w ogóle jest nie takie.
Całe się wyśrodkowało...

@ Udało się cofnąć.

1) Usuń 1 klasę .modnotice, bo teraz masz 2, (1 koło containera, 2 na końcu).
2) Ten kod, co podał Matslom wstaw inną przeglądarką, ponieważ dodaje Ci średniki i &nbsp. - http://funkyimg.com/i/EtBU.png

1) Którą usunąć ? Tą u góry, czy na dole ?
2) Ok. Spróbuję.

PS.: Jak wstawiam kod pd Matsolm to forum "rozszerza" się na całe okno.