Kashub's Code Barn - "Pure CSS Tooltip"

/* This is the 'HTML trigger', copy the following line into your visual editor
<a class="tooltip" href="#" data-title="Example of an Easy and Sexy Tooltip">Example</a>
CSS Styles (Copy this into the style.css file of your theme) */
.tooltip { display:inline; POSITION:relative }
.tooltip:hover { text-decoration:NONE }
.tooltip:hover:after {
	color:#FFF;
	font-SIZE: 14px;
	background:#000;
	background:rgba(0,0,0,.8);
	content:attr(data-title);
	padding:3px 8px;
	white-SPACE:nowrap;
	display:block;
	POSITION:absolute;
	LEFT:30%;
	bottom:18px;
	z-INDEX:8
}
.tooltip:hover:BEFORE {
        border:solid;
        border-color:rgba(0,0,0,.8) transparent;
        border-width:6px 6px 0 6px;
        content:"";
        display:block;
        POSITION:absolute;
	LEFT:50%;
	bottom:12px;
        z-INDEX:9
}

| Foteliki samochodowe | | Opony letnie | | Opony specjalne | | Sklep z artykułami dla zwierząt | | Programista Trójmiasto | | Skróć link | | Blogi za darmo | | Opisy na Facebooka |