Swipebox and Pop Ups
We need to have a lightbox type to display pictures and galleries with the support of mobile swiping. Swipebox is free.
Category: WordPress
CMS blog system
FancyBox3 For WordPress
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
<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
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 To […]
Fix Error 403 – Forbidden WordPress
I used .htaccess to block out all ip addresses that want to login to WordPress. Today, I was blocked from my home, although the ip address is the same. Finally by reading the Inmotion hosting website, the ip address it uses for my ip address is different from my isp provider. So, I need to […]
How To Implement EU Cookies Warning
Due to these EU cookies laws, all the website must display a cookie warning for reader to continue or leave. After so much time to search for the best solution since we display Ad-sense and Amazon ads, we need to comply and finally we found a that shows us how to do it. It’s quite simple. […]
Create Shortcodes for Color Buttons With Links
Bootstrap buttons are great, but for some reasons they don’t accept links. This is how I create color buttons with link using shortcodes. Create the color button in css. bblack,bblue,bgreen,bred, a {text-style:italic;font-size:17px;font-weight:500;color:#fff}bblack span,bblue span,bgreen span,bred span{padding:5px 13px;border-radius:5px}bblack span{background-color:#080808}bblue span{background-color:#1A447A}bred span{background-color:#930700}bgreen span{background-color:#004928} Shortcodes by create btn_shortcodes.php. <?php add_shortcode( ‘blue’, ‘title_s’ ); function title_s($atts, $content = null) […]
