we_clearblue - jak usunąć zaokrąglenia rogów?

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Geronimo » 11 września 2012, 18:06

Witam.

Czy istnieje możliwość (bez skomplikowanej obróbki graficznej) zmienić wygląd stylu we_clearblue w sposób przedstawiony poniżej ?

Wygląd oryginalny:

http://c.wrzuta.pl/wi12158/61b3fadb0019 ... learblue_1

Wygląd pożądany:

http://c.wrzuta.pl/wi18799/cc25c42f0009 ... learblue_2

Chodzi głównie o usunięcie zaokrągleń na rogach, oraz zmianę rozmiaru i koloru stopki.
Czy zmiana kolorów belki to praca z grafiką od podstaw, czy edycja gotowych komponentów ?

Przepraszam, jeżeli pytania są banalne, ale dopiero zaczynam .. ;-)
Wszelkich zmian w obrazach dokonałem za pomocą systemowego Paint'a.
Ostatnio zmieniony 11 września 2012, 19:26 przez Aviator, łącznie zmieniany 1 raz.
Powód: Zmiana tytułu tematu.

Sammael
Posty: 170
Rejestracja: 28 października 2011, 18:59

Re: we_clearblue - pytanie odnośnie zmian.

Post autor: Sammael » 11 września 2012, 18:30

Wywal z plików CSS i szablonów klasy odpowiedzialne za rogi. Nie wiem dokładnie jak one się nazywają. Zapewne coś w stylu "corner", "corners", "rogi", itp.
Szukaj głównie w pliku common.css jeśli chodzi o CSS. Z szablonów nie musisz usuwać, jak usuniesz z CSS i odwrotnie. Ale jak chcesz usunąć i z szablonów to poszukaj po index_body.html, forumlist_body.html.
Najlepiej najedź czymś takim jak Firebug, ale "Inspektor" w różnych przeglądarkach, zobacz jak dana klasa się nazywa i ją wywal.
Trudne to nie jest. Na pierwszy rzut oka trochę zagmatfane. Najlepiej naucz się HTML i CSS http://kurshtml.edu.pl


PS.

Na koniec nie zapomnij odświeżyć komponentów stylów po edycji.

Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - pytanie odnośnie zmian.

Post autor: Aviator » 11 września 2012, 18:37

Do zaokrąglenia tych rogów jest użyty CSS3

Kod: Zaznacz cały

border-radius
PS.
Przepraszam, jeżeli pytania są banalne, ale dopiero zaczynam .. ;-)
Cieszy nas to, że zaczynasz, ale tytuł tematu mogłeś dać adekwatny do problemu, także jeżeli jeszcze możesz edytować pierwszy post to popraw ten tytuł.

Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

Re: we_clearblue - pytanie odnośnie zmian.

Post autor: Geronimo » 11 września 2012, 19:22

Dziękuję.

Niestety nie mam możliwości edytowania tematu.

Znalazłem

Kod: Zaznacz cały

border-radius
w pliku common.css.

Usunąłem tą wartość i wciąż bez zmian.
Przesłałem pliki na serwer, włączyłem ponowną kompilację.
Oświeżyłem styl.
I nic.

Co pominąłem ?
W żadnym innym przeszukiwanym przeze mnie pliku nie znalazłem więcej border-radius.

Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Aviator » 11 września 2012, 19:24

Na pewno odświeżyłeś motywy stylu?
Wyczyść cache swojej przeglądarki lub wciśnij kilka razy CTRL+F5
Podaj tez link do forum

Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Geronimo » 11 września 2012, 19:31

Usunąłem tę wartość i nic się nie zmieniło.

Ponownie edytowałem plik i zmieniłem wartość na 0px.
Teraz coś drgnęło, ale zmiany doszły tylko na belce z opcją panelu administracji, moderacji..

Za pozostałe belki odpowiada w takim układzie coś innego ?

Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Aviator » 11 września 2012, 19:31

Psikus pisze: Podaj tez link do forum

Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Geronimo » 11 września 2012, 19:33


Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Aviator » 11 września 2012, 19:39

Za górne menu odpowiada

Kod: Zaznacz cały

#account
i tam nadal masz ustawione:

Kod: Zaznacz cały

border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
Co do reszty to nie widzę bo masz forum wyłączone i nie wiem gdzie jeszcze zaokrąglenia zostały.

Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Geronimo » 11 września 2012, 19:44

Dziękuję.

Belka górna zmieniona.
Forum otwarte. Nic tam nie ma, nie wiem dlaczego zostawiłem zamknięte.

Jeżeli jeszcze możesz, to wskaż proszę, pozostałe elementy do edycji.

Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Aviator » 11 września 2012, 19:51

Klasa:

Kod: Zaznacz cały

.forums-wrapper

Kod: Zaznacz cały

border-top-left-radius: 8px;
border-top-right-radius: 8px;

Awatar użytkownika
Geronimo
Posty: 33
Rejestracja: 10 września 2012, 20:16
Lokalizacja: Południe Polski

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Geronimo » 11 września 2012, 19:57

Klasa

Kod: Zaznacz cały

.forums-wrapper
znajduje się w pliku content.css, dlatego w common.css nie mogłem tego odnaleźć.

Dziękuję Ci za pomoc.
Czy mógłbyś naprowadzić mnie na zmniejszenie szerokości stopki i jej koloru ?
Czy możesz podzielić się informacją na temat narzędzia, którym tak sprawnie wyszukujesz wszystkie te informacje ?
Chyba, że to czysto naukowa wiedza ;-)

Aviator
Administrator
Posty: 2090
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: we_clearblue - jak usunąć zaokrąglenia rogów?

Post autor: Aviator » 11 września 2012, 20:06

Kiedyś sam używałem tego stylu, także znam go na wylot.
Co do narzędzia to Firebug
A kolejne problemy poruszaj w nowych tematach, w jednym temacie poruszamy jeden problem. ;)

Zablokowany

Wróć do „Pomoc”