Report Blog Entry
HEYA 3VERYB0DY i made sum converse-themed contact icons! hope any of ya will like them
<style>
http://dl.glitter-graphics.net/pub/1472/1472431k1nv447liz.gif
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://iili.io/344yirP.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://iili.io/344yirP.gif")
}
</style>
ALSO if you'd like to change the size of icons, here's the full-size image (and it's transparent!)
you can download the image, upload it to https://ru.imgbb.com/ and change the size to your liking. the recommended one is 20px x 20px, but do whatever ya want. in my code it's 40px x 40px.
here's the additional link for the og gif (it's 300px x 300px): https://iili.io/346fFI9.gif
here's the code for ya to insert any icon you'd like
<style>
http://dl.glitter-graphics.net/pub/1472/1472431k1nv447liz.gif
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("INSERT URL")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("INSERT URL")
}
</style>
if you have any questions feel free to ask!!!
Comments
Displaying 0 of 0 comments ( View all | Add Comment )