Final Icons Display
September 17, 2019 / 63 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 […]

August 24, 2016 / 370 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 […]

January 22, 2016 / 224 views / scripts | Themes | WordPress

How To Remove Scripts On Mobile Devices

I use responsive viewport tags for my blogs and they’ve been working every well across all mobile devices. I have a jQuery called imgPreview and it works quite well on Desktops and tablets, but not well on small devices like iPhones, Android Phones, iPod Touches. I created a footer-phone.php to remove all scripts that don’t […]

December 15, 2015 / 162 views / Themes | WordPress

Centilium WordPress Theme

I stumbled onto Centilium Theme while looking for a theme that supports mobile devices native. It’s quite a nice theme, although it needs some customization for my websites. Anyhow, I documented all the customization I did on this post for future references.             Features that need to customize: Next/Prev posts: […]

May 6, 2014 / 347 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 […]

October 18, 2013 / 118 views / Themes | Tips And Tricks

Speed Up The Web Page

PageSpeed Insights .htaccess (public)/wp Set time to expire at least 30 days. # BEGIN Expire headers <ifModule mod_expires.c> ExpiresActive On ExpiresDefault “access plus 5 seconds” ExpiresByType image/x-icon “access plus 2592000 seconds” ExpiresByType image/jpeg “access plus 2592000 seconds” ExpiresByType image/png “access plus 2592000 seconds” ExpiresByType image/gif “access plus 2592000 seconds” ExpiresByType application/x-shockwave-flash “access plus 2592000 seconds” […]