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

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

Zmiana buttonów w stylu Carbon

Założony przez  NeeqRR.

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.
Szogi1910 napisał 26.09.2017, 16:59:
Nazwa tematu powinna być krótkim opisem problemu, popraw ją i zapoznaj się z
~Seeing is deceiving, dreaming is believing.


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
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
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
~Seeing is deceiving, dreaming is believing.


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:


.postbit_buttons a.postbit_quote span {
  background: url(images/buttons/postbit_reputation.gif);
}

robisz:

.postbit_buttons a.postbit_quote {
  background: url(images/buttons/postbit_reputation.gif);
}

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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
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 ?    
Szogi1910 napisał 28.09.2017, 14:46:
Podczas tworzenia nowego tematu jest pytanie "Czy potrzebne jest konto aby odtworzyć błąd?" jeżeli klikniesz na "Tak" zostanie wyświetlone pole na wprowadzenie loginu i hasła do konta testowego. Na przyszłość prosilibyśmy o używanie tej funkcji.
~Seeing is deceiving, dreaming is believing.


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

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

rgba(255,255,255,0.15) 0 0 0 1px

Pozostanie ci jeszcze zmiana wymiarów, aby każdy button był równy, ale to już akurat szczegół. Myślę, że sobie poradzisz spokojnie.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
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 :/
~Seeing is deceiving, dreaming is believing.



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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(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 :/
~Seeing is deceiving, dreaming is believing.


[attachment=undefined]     Musi działać.
Pozostanie ci tylko dostosować rozmiar tego buttona za pomocą width i height do wymiarów pozostałych buttonów.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

2 gości