Witam wszystkich!
Przeszukuje sieć aby dowiedzieć się w jaki sposób można wykonać takie kształty diva jak na przykładowych zarysach pod spodem:

[HTML] pobierz, plaintext 
_________  ________  __________
|        \ \       \ \         |
|         \ \        \ \       |
|         / /        / /       |
|________/ /________/ /________|
[HTML] pobierz, plaintext 

Ktoś jakieś pomysły?

Czy chodzi o sam kształ (wygląd z grafką), czy tekst też miałby się zawijać na podstawie prawej krawędzi danego diva ?

Chodzi mi tylko o to żeby div mial taki kształt. Div nie będzie miał żadnego tekstu tylko wypełniony będzie kolorem, kótry zmieniać sie będzie w zależności od postępu redagowania na stronie.

Możesz pobawić się w pseudoelementy :before i :after. Mniej więcej tak - http://jsfiddle.net/Mn6aE/1/
Pozostałe elementy możesz zrobić na podobnej zasadzie - manipulacja ramką i jej położeniem. Od razu zaznaczę, iż nie zadziała to w każdej przeglądarce.