GoldenLine
Zaloguj się

konto usunięte

Temat: Zaokrąglone rogi obrazka

Witam, mam pewien problem.
Macie pomysł na to aby później klient dodawał sobie banerki (img) i odrazu zaokrąglało mu ich rogi?

Miałem pomysł, zrobiłem diva z zaokrąglonymi rogami, dałem przepełnienie na ukryj... ale niestety to tak nie działa:/


Chodzi o taki efekt po dodaniu prostokątnego banerka:

Obrazek
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

Spróbuj skorzystać z phpThumb(). Link do przykładu zastosowania, który Cię interesuje masz tu:

http://phpthumb.sourceforge.net/demo/demo/phpThumb.dem...
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

Tzn ja nie oskryptowuje tego szablonu, tylko tne i piszę szablon xhtml + css. Chcę po prostu żeby późniejszy programista miał mniej problemów i zamiast prostokącika odrazu żeby było z zaokrągleniami. Nie da się jakoś tego zrobić bez użycia php/js ?
Bo CSS zaokraglenia to dziala z tego co widze tylko dla tła danego diva.
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

Jeżeli chodzi Ci o sam CSS to może być ciężko. Zaokrąglanie ma się pojawić z CSS3. Na dzień dzisiejszy jest możliwość zrobienia zaokrąglenia w Firefox. Proponuję zapoznać się z zawartością tej strony:

http://www.devwebpro.com/25-rounded-corners-techniques...

Jest tu przedstawionych kilkadziesiąt różnych technik tworzenia zaokrągleń. Może się przyda.
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

Czy wogóle przeczytał Pan co napisałem wyżej ? :)
Znam CSS3 i wiem, że są zaokrąglenia... ale one działają wyłącznie dla tła danego diva a nie zaokrąglą obrazka img. Chyba, że się mylę to poprosze o działający przykład.
Link do wypowiedziLink
Jarosław Kozioł

Jarosław Kozioł Programista C#

Temat: Zaokrąglone rogi obrazka

Da się to zrobić, ale wymiary diva w ktorym ma byc banner musza byc z góry określone.
Mój pomysł jest taki:
zrobić diva, i ustawic mu: position:relative oraz okreslic jego wymiary,
wewnatrze tego diva, zrobic 4 kolejne którym ustawić position:absolute i wymiary 100%, dla każdego z tych divów, jako tło, odpowiednie obrazy .png ustawione w rogach, i po tych 4 divach, wstawic banner, ktoremu zapewne rowniez trzeba bedzie okreslic wymiary na 100%.

Zasadniczo, to jest znana technika robienia zaokrąglonych rogów w divach, tylko ze w tym przykladzie, obrazy w rogach musza byc przezroczyste po wewnetrznej stronie zaokraglen,a nie tak jak to sie robi z reguly po zewnetrznej stronie zaokraglen.
Sprawdzilem - działa.
Link do wypowiedziLink
Bartek Stańkowski

Bartek Stańkowski front-end & mobile
web developer

Temat: Zaokrąglone rogi obrazka

Nie jest to jakieś ekstra rozwiązanie, ale może tak: http://maxvoltar.com/archive/rounded-corners-on-images...
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

Dzięki wielkie Jarek , o to mi chodziło właśnie.
Link do wypowiedziLink

konto usunięte

Temat: Zaokrąglone rogi obrazka

coś w temacie
http://www.webdesignerwall.com/tutorials/css3-rounded-...
Link do wypowiedziLink
Michał Stachura

Michał Stachura Dedykowane serwisy i
strony www -
http://santri.eu

Temat: Zaokrąglone rogi obrazka

Możesz też tak spróbować: http://www.goldenline.pl/forum/1661142/maskowanie-kraw...

Działa poprawnie.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Zaokrąglone rogi dla IMG




Wyślij zaproszenie do
Anuluj