Insert CSS image sprites in place of icons

I want to replace icons with an image sprites, using the technique shown at

[login to view URL]

I think this job should take about an hour, if you already understand how to use portions of a image as background to a div in CSS. Therefore, please do not bid more than the maximum budget.

The original page using icons can be seen at

[login to view URL]

The sprites are already composed into a single image:

[login to view URL]

The icon bitmaps are already correct positioned into tiles at 210px horizontally, and 168px tall. (However, you must add a responsive single scaling factor to display all the icons the correct size. Just use an arbitrary em value for the moment and I will fix it.)

A start at revising the HTML and adding the needed CSS is available to you at

[login to view URL]

For each of the 7 icon classes used in the new HTML (e.g. phoneicon), just modify or add the needed CSS at the bottom of the file, in order to display the correct portion of the sprite image.

Don't forget the hover state, which was set by #contactdocs li a:hover i {color: #aff;} for the icon, but now will use the part of the sprite image 168 px lower, on the second row.

(Ignore the black hourglass on the right, which will be used on another page.)

So that I know you have read this job description, you must make specific reference to it to have your bid considered. Thank you.

Квалификация: CSS, HTML, HTML5, PHP, WordPress

Показать больше css image gallery, latest css image galleries, css image cutting, background image css, css sprite animation, sprite image position, css sprites 2018, image sprite generator, css sprites wordpress, sprite images download, combine images using css sprites, insert sound image, css image cut, xml css image gallery, safe css image gallery, css image galleries best, css image fit javascript, css image galleries, internet explorer css image resize max width, css image thumbnail gallery

О работодателе:
( 17 отзыв(-а, -ов) ) New Westminster, Canada

ID проекта: #19787887



Hi, Okay, hourglass ignored, so basically, I need to modify the css in codepen to show correct portion of image as background, I didn't understand what you said about responsive though. Also, at the end of css in t Больше

$20 CAD за 10 дней(-я)
(82 отзывов(-а))

12 фрилансеров(-а) в среднем готовы выполнить эту работу за $19


Hello! I read your description carefully. I've always done my project as the fastest and highest quality. I think your project is best for me. The reason is that I am a Web development expert. If you want to check my s Больше

$20 CAD за 1 день
(28 отзывов(-а))

Dear Sir. I am interested in your project. I'm senior Laravel, PHP, SQL, Javascript developer. I assure, I will do my best to work with you on your project to present the best possible outcome for you and your custo Больше

$50 CAD за 1 день
(97 отзывов(-а))

Hello! I am a web developer. good at css work If you hire me, I am gonna do my best for your project. I guarantee the good result. I will wait for your reply. Thank you.

$20 CAD за 10 дней(-я)
(17 отзывов(-а))

Hello Mate, Hope you are doing good, Thanks for sharing quick requirements. Yes, indeed I am the expert Website Developer as I have helped several other clients with the similar projects. You can check my o Больше

$20 CAD за 0 дней(-я)
(29 отзывов(-а))

Hi Hope you are doing well. I have understood the details and willing to help you with this task. Kindly send me a message if you want me to work. Thanks.

$15 CAD за 1 день
(24 отзывов(-а))

Specialization in the following - Html5 and Css3 Bootstrap javaScript Angular Js jQuaryl MySql PHP Ajax PSD TO HTML Give me one chance for proving myself. Thanks :)

$20 CAD за 10 дней(-я)
(7 отзывов(-а))

Hi there, I can do this job, this is a simple task for me. Lets start the chat for further discussion about the project. Regards Adnan Bin Atta

$15 CAD за 10 дней(-я)
(2 отзывов(-а))

Hello, I am a hard worker. I can doing this work very good. So,Please give me this job/ Thanks. I am waiting for you ans. Regards Ibrahim

$15 CAD за 0 дней(-я)
(1 отзыв)

Thank you for giving me a chance to bid on your project. As you can see I am a new freelancer but I have much experience in web development. I have the ability to do whatever you want and you can hire me at a low pri Больше

$10 CAD за 0 дней(-я)
(1 отзыв)

Hi there, good to see you. i completely read your requirements and i can build this. this is a simple projectwill build on your minimum budget Lets start chat for further discussion. Regards Zeeshan Haide Больше

$10 CAD за 10 дней(-я)
(1 отзыв)

Greetings, I have gone through your project and understand that you are looking for a fast, responsive Web Developer for Your Custom Website. I have over 5 years of experience in Web Development and have done simila Больше

$10 CAD за 1 день
(0 отзывов(-а))