Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Jak zrobić taki box?
Dominator
post 12.06.2015, 11:25:20
Post #1





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Witam,
jak wykonać taki box w cssie?



http://i.imgur.com/mGR0uMm.png
Go to the top of the page
+Quote Post
phpion
post 12.06.2015, 11:27:42
Post #2





Grupa: Moderatorzy
Postów: 6 070
Pomógł: 860
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Kólko zrobisz poprzez border-radius. Dymek to div z nadanym obramowaniem (prostokąt), a cycek to grafika wypozycjonowana absolutnie do góry i w lewo o (szerokość cycka - grubość obramowania diva).
Go to the top of the page
+Quote Post
Comandeer
post 12.06.2015, 13:27:43
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Ten "cycek" można zrobić także pure CSS, jako tzw. css triangle. Jest nawet generator od nich http://apps.eky.hk/css-triangle-generator/


--------------------
Go to the top of the page
+Quote Post
RysQ
post 12.06.2015, 14:41:36
Post #4





Grupa: Zarejestrowani
Postów: 14
Pomógł: 3
Dołączył: 11.06.2015

Ostrzeżenie: (0%)
-----


A masz.. smile.gif

http://codepen.io/anon/pen/yNXQyW

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 02:35