Insert CSS image sprites in place of icons
$10-20 CAD
Betalades vid leverans
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.
Projekt-id: #19787887
About the project
Tilldelades:
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 Mer
9 frilansare har lagt bud på i genomsnitt $16 för det här jobbet
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 Mer
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.
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 :)
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
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
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 Mer