Zmiana buttonów w stylu Carbon

Witam. Otóż chciałbym zmienić buttony na takie gotowe np. https://webboard.pl/thread-42333.html ale niestety na moim forum obecne buttony są zrobione z belki forumowej oraz buttons_sprite i nie wiem jak wszystkie je zamienić na te z paczki.

Zamień background-position: x; na background: url(adres); i usuń wcześniejsze odwołanie do sprita, aby nie był obrazek na obrazku. Poza tym, powinienneś jeszcze zmienić rozmiar. Ewentualnie możesz wywalić całkiem kod CSS odpowiedzialny za to, a zamiast niego dodać na szywno obrazki w szablonach (zwykły tag html img). Jak zrobisz to już od ciebie zależy. Zadziała obydwoma sposobami, drugi powinien być łatwiejszy dla ciebie moim zdaniem.

Przyda ci się: https://webboard.pl/thread-45824.html

Zrobiłem ową czynność na forum jednak dalej widnieje niebieska belka, jak ją usunąć ? Bo obecnie jest 2 w jednym i nie mogę usunąć tego

Tutaj jeszcze siedzi ci stare ostylowanie:
   

Poza tym, grafiki zawierają już tekst, więc będzie się on pokrywał. Aby tego uniknąć będziesz musiał usunąć tekst z szablonów, albo nadać całemu span display: none;, a stylować element wyżej, czyli np. zamiast:

robisz:

albo jeszcze inna opcja - nadać po prostu font-size: 0; dla tego span. Oczywicie nie można zapominać o nadaniu buttonom odpowiednich wymiarów. Dlatego właśnie poleciłem ci użyć zwykłego tagu img, który dla początkujących jest dużo bardziej prosty do ogarnięcia w tym przypadku.

Okey dałem rade wszystko poprzerabiasz szybko w CSS'ie ale teraz nie mogę ułożyć równo przycisku "zgłoś" i "do góry" oraz nadać przyciskowi "do góry" tej takiej rameczki. Jaki na to sposób ?    

Wyrównanie:
W szablonie postbit_report usuń tag span wraz z tekstem

Rameczka:
Dodaj do buttona "do góry takie ostylowanie:

Pozostanie ci jeszcze zmiana wymiarów, aby każdy button był równy, ale to już akurat szczegół. Myślę, że sobie poradzisz spokojnie.

owe oscylowanie nie działa niestety :/ jakoś inaczej da się to zrobić bo kombinowałem trochę i nic :/
jest też problem z buttonem edit który jest tak samo zrobiony jak reszta buttonów a teraz się coś popsuło :/

Uciął mi się początek.

Z buttunem od edycji nie widzę żadnego problemu.

(30.09.2017, 10:52)Divir napisał(a):


box-shadow: rgba(255,255,255,0.15) 0 0 0 1px


Uciął mi się początek.

Z buttunem od edycji nie widzę żadnego problemu.

nie działa owe oscylowanie, próbowałem je zmieniać i konfigurować ale nie przynosi to skutku w global.css :/

[attachment=undefined]     Musi działać.
Pozostanie ci tylko dostosować rozmiar tego buttona za pomocą width i height do wymiarów pozostałych buttonów.