Forum:
so i'm trying to understand html/css in order to make a beautiful layout BUT i have a problem :/
im pretty sure my syntax is correct but the online icon and the gifs for the contact box dont want to appear TwT. i just basically changed the url and it used to work but now i have nothing :(
plssss help mee, i just want to have a cute profile :(
(if u have any other tips for me for html/css, comment pls :( )
Here's the code :
<style>
.online { content:url("https://dl.glitter-graphics.com/pub/2327/2327941w6gs5g4zx0.gif"); width: 20PX;height: 20px;}
</style>
<style>
.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 {content: url("https://i.imgur.com/zS1o0EG.gif");}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: url("https://i.imgur.com/zsEpch4.gif");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: url("https://i.imgur.com/niiyB4r.gif");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: url("https://i.imgur.com/S20AJAe.gif");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: url("https://i.imgur.com/nEYuDJA.gif");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: url("https://i.imgur.com/2y19bW5.gif");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: url("https://i.imgur.com/NtP5ozB.gif");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: url("https://i.imgur.com/OGtqO0V.gif");}
</style>
EDIT 1 (after first comment) : i changed the position of the "" but the problem is still there :(
Report Topic
Permalink