Shop More Submit  Join Login
×

:iconaquarior: More from Aquarior



More from deviantART



Details

Submitted on
May 22, 2012
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
11,659 (53 today)
Favourites
75 (who?)
Comments
165
×

Guide: Ponify Your Profile!

Tue May 22, 2012, 6:13 PM
:icongalaplz: Greetings, my pretty Ponies! :iconbackhug:

Today, I write about how you can ponify your profile :eager: When I saw Derpy hovering on CasTheSas's profile page, I thought I had overdosed on Ponies ^^; But she linked me to StevenRoy's explanation, who points to Fli-c's Journal Entry with detailed instructions. Here is the short version: Click on some widget on your profile page where you can add a description and type in one or more of the following codes:


Thumbnails
:bulletgreen: Derpy in bottom left corner:
<div id="barkbox"><img class="f" src="http://fc05.deviantart.net/fs71/i/2011/332/d/d/derpy_hovering_test_by_c_quel-d4hmz2x.gif"></div>

:bulletgreen:  Derpy in bottom middle:
<div id="barkbox" class="oh-long gm-icon-drag"><div class="tabselect-wrapper journal-green"><img src="http://fc05.deviantart.net/fs71/i/2011/332/d/d/derpy_hovering_test_by_c_quel-d4hmz2x.gif" class="gr2 popup2-clear"></div></div>

:bulletgreen:  Derpy in bottom right corner:
<div id="barkbox" class="oh-long journal-green"><img class="gr2 popup2-clear" src="http://fc05.deviantart.net/fs71/i/2011/332/d/d/derpy_hovering_test_by_c_quel-d4hmz2x.gif"></div>


plz-icons

Derpy in bottom left corner: 
:bulletgreen: <div id="barkbox"><div class="f">:iconderpyshrugplz:</div></div>

:bulletgreen:  Derpy in bottom middle:
<div class="oh-long gm-icon-drag" id="barkbox"><div class="tabselect-wrapper journal-green"><div class="gr2 popup2-clear cc-userdetails">:iconderpyshrugplz:</div></div></div>

:bulletgreen:  Derpy in bottom right corner:
<div id="barkbox" class="oh-long journal-green"><div class="gr2 popup2-clear">:iconderpyshrugplz:</div></div>


You can use any image or icon, but those with transparent background works best. To get the image address of thumbnails, simply rightclick on it when you search for images and select "Copy image URL". Then exchange the address in the code. For example, I use
<div id="barkbox"><img class="f" src="http://th02.deviantart.net/fs70/150/i/2011/135/8/7/octavia_by_moongazeponies-d3gdi7w.png"></div>
to put a thumbnail of Octavia into the bottom left corner :nod: As for plz-icons, click here to read more about "alt text". Distoorted names a solution in the comments that I have been using ever since :clap:


If you have any questions, ask me in the comments :wave:


:icontwilightsmirkplz: Your faithful Brony, Ray! :iconaquarior:


~~~~~~~~~~~~~~~~~~~~


Update

UPDATE 2012-05-29: Holy Guacamole! This Journal Entry became pretty popular over the last few days :wow: These companions were even given the name "Page Buddies", which I find pretty awesome :giggle:  However, there are two issues: 

First, there is a difference between Premium Members and Non-Premium Members when using these codes. I thought it was that only Premiums can use thumbnails while Non-Premiums are limited to plz-accounts, but I have been told that this has changed. Instead, according to StevenRoy, the class="..." part only works for Premium Users. That means you cannot get Derpy into the middle or the right corner as a Non-Premium. Well, that is not too bad, especially since it prevents people from overloading their profile by putting Ponies in every possible corner :D

Second, and this is much more important, it does not seem to work anymore :noes: Octavia and Fluttershy now show up in the specific widgets, not in the corners of my Profile Page. I am not sure why they changed it, but perhaps there were ways to exploit this for malicious purposes or legal aspects regarding the code came into play. If anyone finds an official statement regarding that, please leave a comment.

I certainly hope deviantArt will bring the Page Buddies back :eager: But if they had good reason to get rid of them, we shall keep calm and pony on :meow:


Instructions on how to add images that float above your profile page text.
Add a Comment:
 
:icontallestzatora:
TallestZatora Featured By Owner Oct 3, 2012
:iconderpyshrugplz:
Reply
:iconlilacatz:
Lilacatz Featured By Owner Jul 4, 2012  Hobbyist General Artist
Ponify all the widgets! :iconxalltheyplz:
Reply
:iconmeatabex:
Meatabex Featured By Owner Jun 14, 2012  Hobbyist General Artist
So, what's the update for?
Reply
:icondark-merchant:
Dark-Merchant Featured By Owner Jun 5, 2012  Student Digital Artist
Hi, I've been having problems getting my .gif to appear at the bottom left of my screen. I added a custom box and added this to the contents
<img class="f" src="[link]">
using the following .gif
[link]
is it possible to tell me what went wrong? =(
Reply
:iconscarletblitz:
ScarletBlitz Featured By Owner Jun 3, 2012  Hobbyist General Artist
Where do you put the derby link??? So it will show up????
Reply
:iconw0nderbolts:
W0nderbolts Featured By Owner May 30, 2012
some say they are just improving it (not sure if i already said that here)
Reply
:iconaquarior:
Aquarior Featured By Owner May 31, 2012  Hobbyist Photographer
That is by far the most optimistic explanation :giggle: Hopefully they are right! :eager:
Reply
:iconw0nderbolts:
W0nderbolts Featured By Owner May 31, 2012
an AMAZING place as this site isnt going to take it away forever i bet, so its most likely it will be back
Reply
:iconaquarior:
Aquarior Featured By Owner May 31, 2012  Hobbyist Photographer
The demand is surely there :D I am still amazed how quickly it spread. Who would have thought that?
:iconlunashrugplz:
Reply
:iconw0nderbolts:
W0nderbolts Featured By Owner May 31, 2012
:iconchrysalisshrugplz:
Reply
Add a Comment: