Webboard

Pełna wersja: Zmiana wyglądu notatki moderatora - plugin Modnotice
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
Czy można to jakoś wyedytować ? Chodzi mi o wygląd. np.: jak tutaj na MyBB dodać wykrzyknik, zmienić kolor ?
(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.
Kod PHP:
.modnotice {
background#kolortla url(sciezkadoobrazka) center left no-repeat;
color#000000; 
padding5px 5px 5px 60px;
marginauto auto;
border1px solid #kolorobramowania;
min-height35px;
font-size10px;


Okey. To wiem, lecz gdzie to dodać ? ;P
ACP → Style i szablony → Style → Twój styl → global.css → tryb zaawansowany

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


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.

Kod PHP:
.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;

Kod PHP:
.modnotice {
background#A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color#000000;
padding5px 5px 5px 60px;
marginauto auto;
border1px solid #000;
min-height35px;
font-size11px;

Oczywiście obrazek sobie zmienisz.

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:
Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;
    
    .
modnotice {
    
background#ADCBE7;
    
padding8px;
    
marginauto auto;
    
border1px solid #0F5C8E;
    
color#000000;
    
font-size12px;

z sekcji containder usuń:
Kod PHP:
.modnotice {
    
background#ADCBE7;
    
padding8px;
    
marginauto auto;
    
border1px solid #0F5C8E;
    
color#000000;
    
font-size12px

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:
Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;
    
 .
modnotice {
background#A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color#000000;
padding5px 5px 5px 60px;
marginauto auto;
border1px solid #000;
min-height35px;
font-size11px;


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

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

Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;

.
modnotice {
background#A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color#000000;
padding5px 5px 5px 60px;
marginauto auto;
border1px ;solid #000;
min-height35px;
font-size11px;

    

Eh. Wkleiłeś klasę w środek innej klasy.
Jak już coś to powinno wyglądać to tak
Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;
//Koniec identyfikatora container

.modnotice {
background#A9A9A9 url(https://webboard.pl/images/mybbpl/modnotice_bg.png) center left no-repeat;
color#000000;
padding5px 5px 5px 60px;
marginauto auto;
border1px ;solid #000;
min-height35px;
font-size11px;
//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.
Stron: 1 2