Web

CSS: Simple Tooltip With Pseudo Elements, the Triangle Hack, and Data Attributes

HTML <html lang=”en”> <head> <meta charset=”UTF-8″> <title>A Simple CSS Tooltip</title> </head> <body> <header> <h1>A Simple CSS Tooltip</h1> </header> <div class=”content”> <p><a href=”#” data-tooltip=”I’m the tooltip, yo.”>I’m a link with a tooltip.</a></p> <p><button data-tooltip=”I’m the tooltip, yo.”>I’m a button with a… Baca selengkapnya CSS: Simple Tooltip With Pseudo Elements, the Triangle Hack, and Data Attributes

CSS: Responsive Template

Here empty style for your need to make responsive template or theme. Before write style, in some condition, it’s better way to have meta in your header. <meta name=”viewport” content=”width=1100″ /> Here the empty responsive template CSS. /*————————————————*/ /*——————-[RESPONSIVENESS]——————*/ /*————————————————*/… Baca selengkapnya CSS: Responsive Template

JW Player: Play Shoutcast Livestream in JW Player 6

Here the code for JW Player 6 play Shoutcast livestream.   <!doctype html> <html> <head> <title>JW Player 6 Play Shoutcast Livestream</title> <script type=”text/javascript” src=”jwplayer.js”></script> <script type=”text/javascript”>jwplayer.key=”ABCDEFGHIJKLMOPQ”;</script> </head> <body> <div id=”myElement”>Loading the player…</div> <script type=”text/javascript”> jwplayer(“myElement”).setup({ file: “http://live.radiorodja.com/;stream.nsv”, image: “http://rodja.tv/wallpaper.jpg”, type:… Baca selengkapnya JW Player: Play Shoutcast Livestream in JW Player 6

Scroll to Top