Examples
span {} - normal tooltip, no metadataspan {width:100px;background:#0080ff;color:#ddd;} - normal tooltip
div {width: 600px;} - big tooltip
1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890
div {width: 250px;} - tooltip from external div inside the diva {width: 250px;} - tooltip from external div outside link
1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890
a {} - tooltip from ajax
Image tooltip (img.tooltip, no metadata):
Image tooltip {width:300px;background:#008080;color:#dddddd;}
Image in link (a.preview {color:#080;font-weight:bold;font-size:120%;}):
Link w/ wide image (a.screenshot.preload {direction:e}):
URL screenshot----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- xxx
Screenshot with web generated preview (a.screenshot, no metadata): URL screenshot 2
Link around image {width:300px;background:#000080;color:orange;}
Link around image & sticky {direction:n;followMouse:false;width:400px;background:#777;color:#fff;}
Link {direction:s;width:400px;background:#800;color:#fff;} hover over me
Link {direction:ne;width:200px;background:#9bff8f;color:#333333;} Test