webdevelopment: March 2015

Notes : upload & change spacer image path and social networking icons file path

css code paste internal css or external file & HTML code paste where you want display icons, as requirement change background positions

CSS

.fb {
    background-image: url("http://filepath/social-icons2.png");
    background-position: 95px -211px;
    margin-right: 3px;
    width: 36px;
}
.gplus{
    background-image: url("http://filepath/social-icons2.png");
    background-position: 218px -211px;
    margin-right: 3px;
    width: 36px;
}
.youtube {
    background-image: url("http://filepath/social-icons2.png");
    background-position: 259px -211px;
    margin-right: 3px;
    width: 36px;
}

.linkdin {
      background-image: url("http://filepath/social-icons2.png");
    background-position: 53px -211px;
    margin-right: 3px;
    width: 36px;
}
.twitter {
       background-image: url("http://filepath/social-icons2.png");
    background-position: -211px -211px;
    margin-right: 3px;
    width: 36px;
}

.pinster{
       background-image: url("http://filepath/social-icons2.png");
    background-position: 135px -211px;
    margin-right: 3px;
    width: 36px;
}

HTML

webdevelopment

Pages

Wednesday, 4 March 2015

Social icons code / Add social icons for your website pages / social network pages icons

CSS

HTML