صوره للكود
الكود مكون من جزئين جزء html
وجزء اخر css
:526:
ضع رد ليظهر الكود
الكود الاول html
الكود التانى css
- الكود:
-
.follow-us {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/follow10.png");
background-repeat: no-repeat;
display: block;
float: right;
height: 100px;
position: relative;
right: -10px;
top: -56px;
width: 300px;
}
.youtube {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social10.png");
background-position: right bottom;
display: block;
float: right;
height: 34px;
margin-right: 66px;
margin-top: 66px;
width: 34px;
}
.youtube:hover {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: right top;
cursor: pointer;
display: block;
height: 33px;
width: 34px;
}
.google {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social12.png");
background-position: -68px bottom;
display: block;
float: right;
height: 35px;
margin-right: 7px;
margin-top: 65px;
width: 34px;
}
.google:hover {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: -68px 1px;
cursor: pointer;
display: block;
height: 35px;
width: 34px;
}
.facebook {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: -35px bottom;
display: block;
float: right;
height: 35px;
margin-right: 7px;
margin-top: 65px;
width: 34px;
}
.facebook:hover {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: -35px 1px;
cursor: pointer;
display: block;
height: 35px;
width: 34px;
}
.twitter {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: 0 bottom;
display: block;
float: right;
height: 35px;
margin-right: 7px;
margin-top: 65px;
width: 34px;
}
.twitter:hover {
background-image: url("http://i70.servimg.com/u/f70/16/83/17/38/social11.png");
background-position: 0 1px;
cursor: pointer;
display: block;
height: 35px;
width: 34px;
}
بالتوفيق لكم