Webboard

Pełna wersja: Zmiana wyglądu Kategori
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
Siema jak zmienić wygląd Kategori?

[attachment=10712]
Zbadaj element Ci powie, co masz edytować w CSS.
Gdybyś nie wiedział, jak to zrobić, pod tym linkiem masz poradnik.
i mam ci wkleić ten wycinek? Nazwe klasy?
Klasa .thead tyle powinno Ci wystarczyć.
mam. No i gdzie to wkleić?
No jak chcesz edytować .thead (to w tym przypadku) idź do ACP, Style i Szablony, Nazwa twojego stylu, global.css i odnajdujesz tą klasę i ją edytujesz
normalnie do global.css?
Kod PHP:
.thead {
 
   -webkit-transitionopacity 0.3s ease-in-out;
 
   -moz-transitionopacity 0.3s ease-in-out;
 
   transitionopacity 0.3s ease-in-out;
 
   opacity1;
 
   padding10px;
 
   background#151515 url(../../../images/arenaskillav1/thead.png) top right repeat-x;
 
   border-bottom1px solid #070707;
 
   text-shadow1px 1px 0px #070707;
 
   -webkit-box-shadowinset 0 0 1px 1px #2a2a2a;
 
   -moz-box-shadowinset 0 0 1px 1px #2a2a2a;
 
   box-shadowinset 0 0 1px 1px #2a2a2a;
 
   -moz-background-clippadding;
 
   -webkit-background-clippadding-box;
 
   background-clippadding-box;
 
   color#656565;
 
   font-familySource Sans Pro;
 
   font-size14px;
 
   font-stylenormal;

To co jest pomiędzy .thead { a } to edytujesz.
Tak, edytujesz to w global.css.
co dalej?
.. :facepalm:

ACP → Style i szabony → Twój styl → global.css

Odnajdujesz .thead { i tam edytujesz wartośći tej klasy.
zrobiłem to
(04.10.2016, 22:07)Fizuu napisał(a): [ -> ]zrobiłem to

I? Osiągnąłeś to co chciałeś?
Jeżeli nie to podaj link do strony na której są belki, które Ci się podobają.
ACP → Style i szablony → Twój styl → global.css

Zamienasz swój .thead na poniższy.

Kod:
.thead {
    background: -moz-linear-gradient(top, #f57f1b 0%, #E65100 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f57f1b), color-stop(99%,#E65100));
    background: -webkit-linear-gradient(top, #f57f1b 0%,#E65100 99%);
    background: -o-linear-gradient(top, #f57f1b 0%,#E65100 99%);
    background: -ms-linear-gradient(top, #f57f1b 0%,#E65100 99%);
    background: linear-gradient(to bottom, #f57f1b 0%,#E65100 99%) filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57f1b', endColorstr='#E65100',GradientType=0 );
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
    padding: 15px;
    margin: 0;
    list-style: none;
}
Musisz sam dojść co chcesz osiągnąć jak to zrobić, my nie dajemy gotowców, tylko kierujemy na odpowiedni tor.
Stron: 1 2