Final Icons Display
September 17, 2019 / 65 views / CSS | Themes | website speed

How To Create Sprites and Use Icons with CSS

Create a sprite with Instant Sprite: download the png sprite image and usage. 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 Top”></a></div><div id=”home_icon”><a […]

cookie warning float right
June 12, 2018 / 114 views / CSS | Plugins | scripts | WordPress

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 shortcode
May 16, 2018 / 68 views / CSS | WordPress

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) […]

September 23, 2016 / 168 views / CSS | scripts | WordPress

Magnific-Popup

Magnific-Popup is a responsive lightbox. I modified the zoom-gallery.js to idoggallery.js using class=”idoggallery” for easy to remember. For image with no links use “igallery” and title only. Use  “title” and “mylink” on href to display caption and create a link… <div class=”idoggallery”> <p style=”text-align: center;”><a class=”preview” title=”macOS Sierra On Windows Laptops” href=”//www.dognmonkey.com/techs/wp-content/uploads/z_macOS_Sierra.jpg” mylink=”//www.dognmonkey.com/techs/macos-sierra-on-mac-wanna-be-windows-laptops.html”><img class=”alignnone size-thumbnail […]

August 24, 2016 / 382 views / CSS | Themes

Create Responsive Theme For WordPress With Twenty Ten

In order for the blogs or website to be popular, they must be mobile friendly since mobile devices are on the rise. I’m sure there are many efficient themes for WordPress that support mobile devices, but I like to create a simple one for my blogs using Twenty Ten WordPress theme. This is how I […]

February 8, 2016 / 146 views / CSS | WordPress

Increase In 404 Pages On… Google Bots

I received multiple “Increase in 404 pages on ‘mywebsite’” messages from Google Search Console after I’ve created new responsive theme for my blogs. I had no idea how to fix, tired of searching the answer without any solutions. I decided to check all my style.css and sure enough, the ones I used on the reported […]

February 3, 2016 / 330 views / CSS | scripts | WordPress

jQuery lightGallery

Sometimes I want to embed a gallery inside a bootstrap collapsible paragraph, but Fotorama doesn’t work inside bootstrap collapsible shortcodes. I stumbled into this great jQuery lightGallery and I manage to get it to work inside the bootstrap collapsible shortcodes. To extensively use this lightGallery, you do need support from the owner. I just use […]

May 6, 2014 / 348 views / CSS | Themes | WordPress

Twenty Fourteen Theme Customization

WordPress 3.9 came out and theme Twenty Fourteen came with it. The theme is great, but it does kill many of the mootools and older jqueries scripts that I’ve been using like Mediabox Advance and FancyBox 1.3.4. Anyhow, this is how I modified a Twenty Fourteen Theme. My goal is to have 3 colors on […]