idog

FancyBox3 For WordPress

FancyBox3

I like the FancyBox3 swipe features for displaying multiple images. Although it doesn’t take the title as data-caption and the position of the caption can’t be used relative to the bottom of the display image. The is quite simple to use. Since this one only needs jquery 1.9.1 minimum, I could use with imagePreview.

How To Embed Audio Player in HTML

html audio player

<embed name=”dognmonkey” src=”/music/dognmonkey/idog1.mp3″ autostart=”true” loop=”true”></audio> <audio src=”/music/dognmonkey/idogsunday.mp3″ controls></audio>

How To Create Sprites and Use Icons with CSS

Final Icons Display

[lightgallery] Create a sprite with Instant Sprite: download the png sprite image and usage. [lgallery] [/lgallery] CSS codes: #return_top a,#youtube a, #bird a{position:fixed;bottom:1px;display:block;width:2.5rem;z-index:100001} #fixed_icons{background:linear-gradient(270deg,#ddd,#777 80%) no-repeat;padding:0 2%;position:fixed;width:100%;height:2.5rem;bottom:0;margin:0 auto;z-index:10001} #home_icon a{position:fixed;right:44px;bottom:1px;display:block;height:43px;width:44px;background:url(images/mysprite.png) -100px 0; no-repeat;z-index:100001} #return_top a{right:0;height:40px;background:url(images/mysprite.png) 0 0; no-repeat}#youtube a{right:90px;height:40px;background:url(images/mysprite.png) -50px 0; no-repeat} #bird a{right:135px;height:40px;background:url(images/mysprite.png) -156px 0; no-repeat} footer codes: <div id=”fixed_icons”> <div id=”return_top”><a href=”#masthead” title=”Go