Strona 1 z 1

Usuwanie zaokrąglonych rogów

: 19 maja 2010, 00:25
autor: cluzo
Na wstępnie witam wszystkich!
To mój debiut na tym forum, tak więc proszę o wyrozumiałość :P

Adres forum: http://www.pkp-jazda.pl/forum/
Styl: prosilver

Na forum, które powoli zaczynam konfigurować chcę zrobić jako tło tapetę (powtarzający się obrazek). Ponieważ tło jest ciemne okazuje się, że białe zaokrąglenia rogów przy tabelach i na górnej belce, brzydko wyglądają. Postanowiłem wiec przerobić wszystko na kanciate.
Najmniej inwazyjnym sposobem do którego doszedłem było przerobienie plików z zaokrągleniami tak by był w nich jedynie sam kolor przezroczysty - dzięki temu znikły górne zaokrąglenia. Dolne jednak zostały.

W pliku colours.css zmienilem

Kod: Zaznacz cały

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
Na:

Kod: Zaznacz cały

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}
Zaokrąglenia zniknęły, ale...

Prawdopodobnie powinno się to zrobić inaczej, pousuwać/zmienić kod odpowiadający za te zaokrąglenia, tak by przeglądarka nie nie wczytywala "przeźroczystych" plików graficznych. Przypuszczam że muszę szukać wszystkiego co dotyczy "corners-bottom" i "corners-top", ale nie wiem czy należy jedynie pousuwać fragmenty kodu, czy może coś należy pozmieniać.

Jak mniemam problem jest banalny, ale na tym nie mam dużej śmiałości do usuwania co popadnie z kodu. Proszę więc o radę: jak należy w prosty i szybki sposób zadziałać by pozbyć się zaokrągleń?

Z góry dzięki i pozdrawiam

Re: Usuwanie zaokrąglonych rogów

: 19 maja 2010, 15:32
autor: jaroslw
Odpowiada za to kod:

Kod: Zaznacz cały

<div class="inner"><span class="corners-top"><span></span></span>
	Tutaj kod tego co znajdzie się w środku takiego zaokrąglonego bloku
<span class="corners-bottom"><span></span></span></div>

Re: Usuwanie zaokrąglonych rogów

: 19 maja 2010, 19:04
autor: cluzo
Dzięki za szybką odpowiedź.
Jak widzę plików z takim kodem jest aż 79 (bo praktycznie wszędzie coś jest zaokrąglone). Rozumiem, że powinienem z nich wszystkich go usunąć. Okazuje się więc, że sposób który zastosowałem (przerobienie grafik z zaokrągleniami na całe przeźroczyste) jest najkrótszą drogą do uzyskania efektu braku krągłości. Kwestia tylko co radzicie: czy mogę tak zostawić, czy raczej powinienem poświęcić trochę czasu tematowi i skorzystać z rady weeb'a ?

Re: Usuwanie zaokrąglonych rogów

: 19 maja 2010, 19:28
autor: pit
Najkrótsza droga to zmiana nazw plików.
Bardziej elegancka to

Kod: Zaznacz cały

background-image: url("{T_THEME_PATH}/images/corners_left.png");
zmienić na

Kod: Zaznacz cały

background-image: none;
Jeśli usuniesz "jak leci" kod z szablonu, forum się rozsypie ponieważ niektóre bloki zawierają elementy float'ujące.

Re: Usuwanie zaokrąglonych rogów

: 20 maja 2010, 19:19
autor: cluzo
Jeśli usuniesz "jak leci" kod z szablonu, forum się rozsypie ponieważ niektóre bloki zawierają elementy float'ujące.
Właśnie takiego sposobu szukałem: idealny w swojej prostocie, szybki w wykonaniu i skuteczny.
Gdyby nie fakt, że jestem w temacie nowicjuszem spłonął bym ze wstydu, że sam na to nie wpadłem.
Bardzo dzięki za pomoc. Wszystko gra i bucy jak należy!
Pozdr

Re: Usuwanie zaokrąglonych rogów

: 20 maja 2010, 22:37
autor: pit
To jest sposób (nie bójmy się tego słowa) genialny. :mrgreen:
Bardzo proszę bardzo.