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

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

Zmiana wyglądu notatki moderatora - plugin Modnotice

Założony przez  iVenoom.

22.12.2013, 22:27 (Ten post był ostatnio modyfikowany: 23.12.2013, 14:45 przez Matslom.)
#1
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... [Obrazek: modnotice_howto.png]
Następnym razem przed zadaniem pytania [Obrazek: modnotice_search.png]
23.12.2013, 11:24
#2
(22.12.2013, 22:27)iVenoom napisał(a): 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;
} 
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 12:33
#3
@Snake_
Okey. To wiem, lecz gdzie to dodać ? ;P
23.12.2013, 12:37
#4
ACP → Style i szablony → Style → Twój styl → global.css → tryb zaawansowany
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 13:01 (Ten post był ostatnio modyfikowany: 23.12.2013, 13:32 przez iVenoom.)
#5
@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;
} 
23.12.2013, 13:15 (Ten post był ostatnio modyfikowany: 23.12.2013, 13:15 przez Snake_.)
#6
.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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 13:19
#7
@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 ?
23.12.2013, 13:41
#8
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; 
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 13:59 (Ten post był ostatnio modyfikowany: 23.12.2013, 14:03 przez iVenoom.)
#9
@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.
23.12.2013, 14:08 (Ten post był ostatnio modyfikowany: 23.12.2013, 14:09 przez Snake_.)
#10
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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 14:37
#11
@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;

    
} 
23.12.2013, 14:43
#12
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 
23.12.2013, 14:51 (Ten post był ostatnio modyfikowany: 23.12.2013, 14:54 przez iVenoom.)
#13
Nie...
Teraz forum w ogóle jest nie takie.
Całe się wyśrodkowało...

@ Udało się cofnąć.
23.12.2013, 14:57
#14
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
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
23.12.2013, 14:58 (Ten post był ostatnio modyfikowany: 23.12.2013, 15:03 przez iVenoom.)
#15
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.



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

2 gości