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

December 17, 2015 / 154 views / scripts | WordPress

Detect and Warn IE8 To Update With Responsive Themes

For web developers, Internet Explorer (ie6-9) have always been incompetent browsers and cause so much problems due to their incompatibility with conventional CSS. Many years later, the technology geared toward mobile devices and responsive themes are developed and make everything easier for desktop and mobile devices to use the same theme. There are still some […]

November 27, 2012 / 3,348 views / CSS

Min-Max-Width In CSS

I like fluid themes, all my themes are fluid, the other day playing with the min-width, max-width, and just width, I found out something interesting. My theme has 3 columns, 1 content in left column, and 2 sides bars in right column. If I set both of these width with max-width, the content will shrink […]

September 11, 2012 / 938 views / Themes | WordPress

Re-sized Images Fail To Display On WordPress

I change and modify themes once in a while when I found some nice lay-out themes. Some themes cause my re-sized images NOT to display as the sizes defined in the editor WYSIWYG. It’s the CSS problem.      Open the css file and look for “.post img”, there are 2 settings can cause this problem. […]

August 19, 2012 / 2,325 views / Themes | WordPress

Create A Home Button In WordPress

I think it’s a good practice to have a home link button at the end of every page for readers to get back to the main page. Create a graphic button or download the free icon on the net: 1 for main and 1 for hover. If there is only 1 image, just use Paint.net […]

November 4, 2011 / 831 views / Themes

Theme Edit

Techozoic Theme When we browse through all the themes for our blogs, we always have something in mind, we like the 3 columns, fluid (auto) width to fit all types of screen resolutions and all functions included in the theme (skin). We like Techozoic theme the best (you can see it on the footer) and […]