![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 455 Pomógł: 49 Dołączył: 12.04.2010 Ostrzeżenie: (0%) ![]() ![]() |
Witam,
chciałbym stworzyć efekt taki jak na tym zdjęciu: (IMG:http://s3.envato.com/files/259140/4_SuccessMessage.jpg) i tym: (IMG:http://s3.envato.com/files/259140/2_AdvancedErrorHandling.jpg) ikonkę z pierwszego screenshota mam. (należy do zestawu silk icons z famfamfam.com tu) Czy ktoś pomógłby mi w tym? P.S. Ma to być część mojego pierwszego większego projektu który jest tu Pozdrawiam i z góry dziękuję, mlawnik Ten post edytował mlawnik 25.04.2010, 13:19:59 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 455 Pomógł: 49 Dołączył: 12.04.2010 Ostrzeżenie: (0%) ![]() ![]() |
Znalazłem rozwiązanie.
Ale najpierw kilka rzeczy. --> Dziękuję @krzysztof_kf za kod bazowy i pokazanie mi podejścia. --> Dziekuję @darophp za dobre chęci --> @pedro84 nie zrozumieliśny się (źle się wyraziłem) (IMG:style_emoticons/default/sciana.gif) --> FF i Chrome jest z zaokrąglonymi rogami w IE nie (innych nie sprawdzałem). --> dokonałem używając Developer Tools w Google Chrome (to nie jest reklama). --> zaokrąglone rogi odpowiadają atrybuty:
A teraz rozwiązanie: CODE <style> #text { background: #99FF99; border: 1px solid #336600; -moz-border-radius: 5px; display: block; margin-top: 1em; margin-right: 0px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; height: 38px; width: 500px; } #text p { font-size: 12px; color: #336600; font-family: "Trebuchet MS"; font-weight: bold; margin-bottom: 11px; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-indent: 8px; height: 16px; background: url(http://codecanyon.jordanh.net/demo/assets/accept.png) no-repeat; background-position: 10px; padding-left: 22px; } </style> <div id="text"> <p>Jaki tam tekst Jaki tam tekst Jaki tam tekst Jaki tam tekst <a href="http://adres strony">opis</a> </p> </div> Jescze raz dziękuję za pomoc. Pomógł dla wszystkich. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 13.10.2025 - 20:18 |