TheDarkApprentice's profile picture

"bad day :("

Last active:

Mood: I bite if you want me to ^w^

View my: Blog | Forum Topics

SpaceHey URL:

TheDarkApprentice's Interests


content: " 500k Celebrating 500k SpaceHey Users!






TheDarkApprentice's Links

TheDarkApprentice's Latest Blog Entries [View Blog]

Sorry but I'm against it (view more)

TheDarkApprentice's Blurbs

About me:

Click here to see my youtube playlist :D
~About Me~
Computer Nerd and Hopeless Romantic/Single and Lonely
ANIME :3 Minecraft,Energy Drinks, Stuffed Animals, Bubble Baths, Pusheen. I love collecting coins from other countries.
Ramen, Pizza, Pork Chops, Cake, Candy, Slurpies, Coffee, Hot Tea
Converse, Eyeliner, Skinny Jeans, Flannel, Jackets, Tight T-Shirts
Disney Movies, The Matrix, Rocky Horror, Edward Scissorhands, Nightmare Before Christmas, Rise of the Guardians, Transformers, DC and Marvel, Harry Potter, Twilight, Lord of the Rings and The Hobbit, Howls Moving Castle, Music and Lyrics, Phantom of the Opera, 300...
Black Butler, Soul Eater, Claymore, Black Bullet, Code Breaker, Blue Exorcist, Sword Art Online, Citrus, Darker Than Black, Death Note, Fullmetal Alchemist, Ghost in the Shell, Death Parade, Welcome to the NHK, Shiki, Rosario + Vampire, Junjou Romantica, Bloom into You, Howl's Moving Castle, Ouran Host Club, Devil May Cry, Ergo Proxy, Elfin Lied, Guilty Crown, Vampire Knight, Phantom Requiem for the Phantom, Mushishi, The Ancient Magus Bride, Steins Gate, Karin....and many more x_X
"I love you today more than yesterday and half as much as tomorrow."
Click Here For Randomness

Who I'd like to meet:

This was actually new for me. I haven't tried to modify the icons before, I just nuked my entire contact box and built a new one from scratch lol. But, I've got you covered. I took a look at the CSS on your page to get an idea of where you're currently at. So the information on how to replace the icons that you got missed one tiny detail: CSS cannot replace the src property of an element. Basically, what this means is we can't replace the default icons, but what we can do is remove them and add in new ones very easily! We just have to add one extra step to the CSS in your About Me and make one modification to your current selector. Here's how we can acheive this: 1. Find the img.icons selector in your Style tag. 2. change "img.icons" to ".contact img.icons". This will ensure that we are only working with the icons in the contact box and nothing else on the page. 3. Remove every property you've defined in that selector (everything between the curly brackets under what is now ".contact img.icons") 4. With a clean slate add this: "display: none;" this will remove the current icons from the text box. 5. Underneath the .contact img.icons selector, lets create a new one. This is going to target the links inside of your contact box, then add something that comes before each link. In this case, we're adding your custom icons! Instead of going through the process of explaining each property I'm just going to paste what your final CSS should look like and you can ask me any questions you might have about how it works and I'd be happy to get back to you as soon as I can: .contact img.icon { display: none; } .contact .f-col>a::before{ content: " "; display: inline-block; width: 15px; height: 15px; background-image: url(''); background-size: 100% 100%; } This last bit is optional, but if you'd like all the icons to line up on the left-hand side add this property: "float: left;"

TheDarkApprentice's Friends Comments

Displaying 3 of 3 comments ( View all | Add Comment )


✩d34thm1st✩'s profile picture

thnks 4 da add!! ur profile is so cool btw! :D

Report Comment


RikkuStarling's profile picture

thanks for the add :3

Report Comment

june :D

june :D's profile picture

thx 4 the add!! XD

Report Comment