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:
[
attachment=12687]
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.
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 ?[
attachment=12691]
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.
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 :/
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.
(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][
attachment=12703]Musi działać.
Pozostanie ci tylko dostosować rozmiar tego buttona za pomocą
width i
height do wymiarów pozostałych buttonów.