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.
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 that codepen, I can see image is being called multiple times, that kills the purpose of sprites...
PS: I can do it....
$20 CAD 10 napon belül
5,0 (91 értékelés)
5,7
5,7
9 szabadúszó adott átlagosan $16 CAD összegű árajánlatot erre a munkára
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 skill, you can sure from my profile.
I will finish this fix project within a hour.
To confirm this, please see the link below.
https://www.freelancer.com/u/fastestJohn?w=f
If you choose me, I will do my best.
Thanks.
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,
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 Haider