Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dymek 3D
Malinaa
post 7.09.2010, 21:58:24
Post #1





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


Chcę zrobić dymek 3D,
który będzie działał po najechaniu kursorem na link, obrazek lub inne.

Dymek ma zaokrąglone rogi i cień ( powinien wyglądać jak najbardziej 3D ), w chmurce musi być możliwość swobodnego dodania kodu html, wewnątrz potrzebna jest tabela, lista ze szczegółami.

Narazie mam tak:

  1. a.Chmurka {
  2. position: relative;
  3. text-decoration: none;
  4. }
  5. a.Chmurka .spanChmurka {
  6. display: none;
  7. font-size: 11px;
  8. }
  9. a.Chmurka:hover .spanChmurka {
  10. display: block;
  11. position: absolute;
  12. color: #000;
  13. text-align: left;
  14. left: 5px;
  15. bottom: 90px;
  16. width: 200px;
  17. }
  18. .divChmurkaTop {
  19. background-image: url('../grafika/chmurka_top.gif');
  20. background-repeat: no-repeat;
  21. height: 12px;
  22. }
  23. .divChmurkaMiddle {
  24. background-image: url('../grafika/chmurka_middle.gif');
  25. background-repeat: repeat-y;
  26. background-position: bottom left;
  27. padding-left: 10px;
  28. padding-right: 10px;
  29. }
  30. .divChmurkaBottom {
  31. background-image: url('../grafika/chmurka_bottom.gif');
  32. background-repeat: no-repeat;
  33. height: 20px;
  34. }


Kod i styl działa ok w IE i FF nie jest wyświetlany natomiast w Operze (jest gdzieś pod spodem).

Czy można coś takiego znaleźć, co będzie działać i w Operze?


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
masiakla
post 8.09.2010, 10:09:47
Post #2





Grupa: Zarejestrowani
Postów: 80
Pomógł: 17
Dołączył: 4.09.2010
Skąd: far far away

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


Ustaw mu z-index, to powinien wyleźć na wierzch.
Go to the top of the page
+Quote Post
Malinaa
post 8.09.2010, 18:11:20
Post #3





Grupa: Zarejestrowani
Postów: 573
Pomógł: 6
Dołączył: 21.07.2008

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


z-index próbowałem już wcześniej, nie pomogło.
Miało być tylko w css, ale dodałem krótki kod js i jest ok.
Jeśli jest coś takiego dostępne online, prześlijcie linka,
do wglądu ; )


--------------------
I welcome you on the Internet >>> Design by Malina
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: 26.06.2025 - 03:25