[CSS][HTML] Baner na stronie jak częściowo przesłonić? Opcje

[krzysiekj]

Ciężko mi było nazwać temat wątku dlatego może nie jest on za przejrzysty. Bez ukazania o co mi chodzi nie byłbym w stanie wytłumaczyć.
jak zakodować w html i css taką stronę, żeby zdjęcie które jest zamieszczone centralnie można było zmieniać zmieniając plik na serwerze na inny. Gdyby zdjęcie było prostokątne to problemu nie widzę. tworzę Div w nim <img src=.... i po sprawie. Zmiana pliku i pojawia się inne zdjęcie. Co jednak zrobić w moim przypadku? Chodzi o to, że na dole zdjęcia jest nieregularny kształt. Jak zrobić w html i css takie przesłonięcie od dołu tymi falami. Bo rozumiem, że zdjęcie nadal zamieszczone jako prostokąt i przesłonięte tylko na dole z dwóch stron. Czy ktoś podpowie jak to zrobić?



Ten post edytował krzysiekj 10.03.2011, 18:43:13

[Kujski]

Rozumiem, że taki kształt zdjecia ma pozostać? Jeżeli tak to proponuję mimo wszystko zrobić to jako prostokątny div dodać do tego tło jako obrazek *.png z przezroczystością na kształcie i tyle.

[krzysiekj]

Rozumiem, że taki kształt zdjecia ma pozostać? Jeżeli tak to proponuję mimo wszystko zrobić to jako prostokątny div dodać do tego tło jako obrazek *.png z przezroczystością na kształcie i tyle.

Tak kształt zdjęcia ma pozostać. Stronę zakodować muszę tak jak jest ale, żeby zdjęcie móc potem podmieniać sam plik bez ingerencji w kod. Czyli wstawiam zdjęcie jako prostokątne do prostokątnego Diva jako tło w css. A do samego diva wstawiam fale z przezroczystością? I będzie ok?

Ten post edytował krzysiekj 10.03.2011, 19:11:24

[Kujski]

Gotowca nie dostaniesz, ale Cię naprowadzę.

Robisz div, w którym wstawiasz sobie w stylach w background-image: odnośnik do zdjęcia. W tym div'e zagnieżdżasz drugiego z dolną falą zrobioną tak, aby to co ma być w tym dziwnym kształcie było przezroczyste (efekt osiągniesz w programie graficznym) wypozycjonowany do dołu div'a ze zdjęciem. Ewentualnie zamiast zagnieżdżać div'a dajesz w tym ze zdjęciem img z odpowiednim wypozycjonowaniem.

[krzysiekj]

Gotowca nie dostaniesz, ale Cię naprowadzę.

Robisz div, w którym wstawiasz sobie w stylach w background-image: odnośnik do zdjęcia. W tym div'e zagnieżdżasz drugiego z dolną falą zrobioną tak, aby to co ma być w tym dziwnym kształcie było przezroczyste (efekt osiągniesz w programie graficznym) wypozycjonowany do dołu div'a ze zdjęciem. Ewentualnie zamiast zagnieżdżać div'a dajesz w tym ze zdjęciem img z odpowiednim wypozycjonowaniem.

Kolego nie chciałem gotowca tylko właśnie naprowadzenia i to zrobiłeś. W moim poście wyżej właśnie tak pomyślałem jak napisałeś. Czy zadziała mi to jeśli fale zrobię w *.gif przezroczystym?

[Kujski]

Powinno zadziałać. Uważaj tylko na odwzorowanie kolorów prze gif