Tooltip a'la Wykop

[Amfidiusz]

Hoyah,

Orientuje się ktoś z Was w jaki sposób Wykop zrobił swoje tooltipy? Coś w ten deseń:

Potrzebuję trzy opcje: 1. Miałby się włączać automatycznie po wejściu na stronę; 2. Miałby mieć możliwość zamknięcia; 3. Miałby się nie wyświetlać po zamknięciu i ponownym załadowaniu strony.

Pomożecie?

[matma4u]

Nie wiem dokładnie w którym miejscu masz te tooltipy, ale wystarczy wyłuskać to z kodu strony. Masz tam coś takiego:

<div style="background: none repeat scroll 0% 0% rgb(251, 247, 170); color: rgb(162, 125, 53); overflow: hidden; text-align: center; padding: 5px; font-size: 12px;" class="qtip-content qtip-content">
<a class="qtip-button" style="float: right; position: relative; right: -5px; top: -7px; cursor: pointer;">
<img src="http://s1.cdn.imgwykop.pl/img/tooltip-close.png" alt="zamknij" height="13" width="13"></a>
Ciekawe znalezisko?<br>Kliknij i poleć je znajomym!</div>

To jest z tej strony: http://www.wykop.pl/link/802285/dlaczego-nie-mam-dziewczyny/ (żółte tło itd)

rgb(251, 247, 170); rgb(162, 125, 53) - kolor tła i obramowanie, ustawisz dowolnie jak chcesz

Edytowane 5 Lipca 2011 przez matma4u

[matma4u]

Klasy CSS też można wydobyć z kodu. Tyle tylko, że cała operacja chwilę może potrwać :C

A jak nie masz czasu to zajrzyj pod ten adres: http://www.searchengines.pl/HTML-JS-Tooltip-chmurka-t111781.html

Edytowane 5 Lipca 2011 przez matma4u