How to Decorate your DeviantArt Profile~!

35 min read

Deviation Actions

Yu-Gi-Oh-RPdA's avatar
Published:
24.6K Views
:iconlachoirplz: Decorating profiles and journals is one of my favorite things to do at DeviantArt~! :D Some people have also been wondering how I decorate Yu-Gi-Oh-RPdA, The-Tenma-Twins, and some RP accounts in this group, so this journal explains how I do it!:icongottadanceplz:The wonderful thing is that most of these decorating methods do NOT require a Core membership! :D Below is a list of different types of decorations that can be used on DeviantArt profiles:

Key
:bulletblue: NO Core membership required
:bulletpurple: Core membership required

~~~~~~~~~~~~~~~~~~~~~~~~~
:bulletblue: Images and fan art
:bulletblue: Plz accounts
:bulletblue: Stamps
:bulletblue: Dividers
:bulletblue: Fancy, glitter, and glow text
:bulletblue: YouTube videos
:bulletpurple: Journal skins
:bulletpurple: Background images

All of these decorations use coding to work.  Please make sure to write or copy the coding exactly the way it is.  Some people have trouble getting the coding to work simply because they add or remove spaces or letters.  It must be written accurately to work.  One time someone kept telling me that images were not showing up correctly on his profile.  Then he realized it was because he had not written the coding correctly, so it worked fine when he fixed the mistake.

Searching for Images


First, I spend a lot of time finding images online and I usually use the following websites:

:bulletorange: Google https://www.google.com/ - Fan art, screenshots, posters, etc
:bulletorange: DeviantArt www.deviantart.com/ - Fan art
:bulletorange: Tumblr https://www.tumblr.com/ - Fan art and screenshots
:bulletorange: Zerochan https://www.zerochan.net/ - Fan art
:bulletorange: Minitokyo http://www.minitokyo.net/ - Scanned posters that are often huge in size with great quality
:bulletorange: Ravegrl https://ravegrl.wordpress.com/ - Screenshots that have great quality
:bulletorange: Kokorononaka http://kokorononaka.net/ - Numerous screenshots from Yu-Gi-Oh! episodes
:bulletorange: Photobucket https://photobucket.com/ - Animated gif images, fan art, and screenshots

You'll get more results if you do many searches using various keywords, including the characters' Japanese names, American names, nicknames, and alternate spellings.  Doing different searches can increase your chances of finding more images because some images only show up with a specific keyword.  Go to Google Translate or to the Yu-Gi-Oh! Wikia website at https://yugioh.fandom.com/wiki/Yu-Gi-Oh!_Wikia to find Japanese names.  For example, if you look for images of Jounouchi Katsuya, you can try the following keywords:

:bulletgreen: Jounouchi Katsuya
:bulletgreen: Jonouchi Katsuya
:bulletgreen: Jyonouchi Katsuya
:bulletgreen: Joey Katsuya
:bulletgreen: Joey Wheeler
:bulletgreen: Joseph Wheeler

Editing Images


When I'm not satisfied with an image, I usually edit it in Photoshop, which can take days or weeks depending on how much editing I do.  This journal does not explain how to edit images because it would require a whole tutorial and long explanations.  However, you can look up tutorials at Google or DeviantArt if you're interested in editing images.  For those who do not have a tablet, don't worry because images can be heavily edited even without a tablet.  I use a mouse to do all my editing.  You should not edit other artists' fan art without permission, but it's fine to edit manga scans and screenshots of anime.

Uploading Images to Sta.sh or an Image Hosting Website to Avoid Broken Images


Once you're satisfied with the images you found, you'll need to use HTML coding for them to show up on your profile, journals, etc.  The part of the image you need is the URL, which stands for Uniform/Universal Resource Locator.  It's the address of a World Wide Web page, and is found at the top of the webpage.  For example, DeviantArt's URL is www.deviantart.com/.  If you use URLs from images that you find online, there's a chance those images could be removed one day, which would result in broken images.  This means the images would no longer show up because their URLs/links would be out of date.  Here are examples of broken images:


There are two ways you can preserve images:

1) Post them in your Sta.sh on your DeviantArt account.  Your Sta.sh can be found at sta.sh/ .  Non-Core members have a limit of 2 gigabytes (GBs), and Core members have a limit of 10 GBs of storage.  For more information on Sta.sh, go to www.deviantartsupport.com/en/a….

2) Use an image hosting website to upload images on your account.  Some image hosting websites are better than others and offer different services.  The best one I've found is Discord, which is an application that offers numerous services, including communicating in chat channels with text, images, videos, audio, and more.  It's able to afford these services for free because a portion of its users pay for a premium plan called Nitro, which has gotten millions of dollars.  Images remain indefinitely at Discord.  An image only gets deleted if a user deletes their own comment that contains the image.  However, images automatically get deleted after some time at Imageshack.  For example, I posted a background with Egyptian symbols at Imageshack in 2013.  The URL was http://img716.imageshack.us/img716/4088/backgroundegyptiansymbo.jpg, but it stopped working several years later.  Images don't have watermarks at Discord for free users.  However, they have watermarks at Photobucket for free users, so users must pay to remove them.  Images don't temporarily disappear and always have enough bandwidth to be displayed properly at Discord.  However, images temporarily disappear when users exceed the monthly limit of bandwidth at Photobucket.  Images have short URLs that contain the images' titles at Discord.  For example, an image titled "Yu-Gi-Oh-RPdA Super Group" has the URL https://cdn.discordapp.com/attachments/576193567807242240/576196582807044096/Yu-Gi-Oh-RPdA_Super_Group.jpg.  However, images have very long URLs at DeviantArt without the images' titles.  This affects images in Sta.sh and galleries.  See below for more info about how URLs became longer after Wix acquired DeviantArt.  The main disadvantage for me at Discord is users cannot edit the order of images because they are automatically ordered by the dates they are posted.  If they are out of order, then a user can either leave them that way, or repost them in order.  However, the advantages for me outweigh the disadvantages, which still makes Discord my favorite one.  Discord is listed among the best services for image hosting at Reliable Long-term Image Hosting Sites That Will Stand the Test of Time.  This list also contains other websites if you are only looking for a provider of image hosting instead of chatrooms.

HTML Coding


After you upload your images, go to a box/widget on your profile, click on "Edit this Widget", and use the following HTML coding:

<img src="URL OF THE PICTURE">

This coding is used if you do not want to resize the image, and if you do not want the image to be a hyperlink.  A hyperlink is an image that can be clicked on, which leads to a different webpage.

Below is an example of an image of Marufuji Ryou with this coding:

<img src="https://orig00.deviantart.net/e467/f/2018/066/a/5/marufuji_ryou_duel_terminal_by_tenma_gekkou-dc58lzi.jpg">


If you want to resize an image, use this coding:

<img src="URL OF THE PICTURE" width="DESIRED WIDTH" height="DESIRED HEIGHT">

Insert the width and height of your choice.  For example, if you want an image with a width of 460 and a height of 480, use this coding:

<img src="URL OF THE PICTURE" width="460" height="480">

If you want the image to be a hyperlink, add "a href" like this:

<a href="URL OF THE WEBPAGE"><img src="URL OF THE PICTURE" width="DESIRED WIDTH" height="DESIRED HEIGHT"></a>

If you are showing an art piece (called a deviation at DeviantArt) made by a member of DeviantArt or another art website, use the URL of the art piece's webpage for the "a href" part of the coding.  This gives credit to the artist, and makes it easy for anyone visiting your profile to find the art's source quickly.  For example, there's a cute image called "Kaiba bros" by masops.  The coding for it is:

<a href="https://www.deviantart.com/masops/art/Kaiba-bros-213528215"><img src="http://fc07.deviantart.net/fs71/f/2011/168/f/d/kaiba_bros_by_masops-d3j4nfb.jpg" width="480" height="480"></a>

The URL of that picture is http://fc07.deviantart.net/fs71/f/2011/168/f/d/kaiba_bros_by_masops-d3j4nfb.jpg, and the URL of the deviation's webpage is https://www.deviantart.com/masops/art/Kaiba-bros-213528215.  The picture's URL is actually old and is now a long Wix URL.  See below for more info about Wix.  To get the URL of an image, right click on the image.  There is a pop up.  Select "Open image in new tab" (or a similar option depending on what browser you're using) from the pop up.  The image shows up in a separate tab.  This gives you the image's URL.


The URLs of DeviantArt members' accounts used to have "http" and usernames before "deviantart".  URLs got changed in June 2018 to "https" and usernames after "deviantart" according to NEW PROFILE URLS.  In the example above, the URL was formerly http://masops.deviantart.com/art/Kaiba-bros-213528215, which is why it's like that in the image above.  Old URLs still work because they redirect to current URLs, even if members change their usernames.

Below is this cute image~! :iconawplz: If you put your cursor on the image, you see it can be clicked on because it's a hyperlink.  If you click it, you're redirected to the deviation's page. :)


For the "img src" part of the coding, only image URLs work, which means you cannot use a URL from any random webpage.  For the "a href" part, any URL works.  However, it is respectful to specifically include the webpage's URL where art is from to give proper credit rather than including a random URL.

Wix, a web designing company in Israel, acquired DeviantArt for $36 million on February 23, 2017.  This caused the URLs of art in Sta.sh and galleries to become far longer.  For example, the URL of the image above used to be http://fc07.deviantart.net/fs71/f/2011/168/f/d/kaiba_bros_by_masops-d3j4nfb.jpg.  Now the URL is:

https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5625ea0b-0f34-4407-9d14-2a33df1cc638/d3j4nfb-f930ce4b-694b-4d2f-b5ad-b6b1f1e4d2fe.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU2MjVlYTBiLTBmMzQtNDQwNy05ZDE0LTJhMzNkZjFjYzYzOFwvZDNqNG5mYi1mOTMwY2U0Yi02OTRiLTRkMmYtYjVhZC1iNmIxZjFlNGQyZmUuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.zvlRMDZG_Uefn-cTi3dQQ4o7OBhw3g8i0ORQVc1GTRs

Old URLs still work and redirect to current URLs if usernames are the same.  However, old URLs stop working if members change their usernames.  For example, Yuni-Naoki used to have the username YuniNaoki.  She posted "Celestial Background" with a background that used to have the URL http://fc02.deviantart.net/fs48/f/2009/165/7/7/Celestial_Background_by_YuniNaoki.jpg.  Now it no longer works because that URL contains her former username.  This means only the long Wix URL works.

If you do not want to include very long Wix URLs in HTML coding, here is a shorter coding that can be used at DeviantArt:

<da:deviation id="DATA-EMBED-ID">

Data-embed-ids are the numbers at the end of URLs in deviations that have been posted in people's galleries.  In the example above, the URL is https://www.deviantart.com/masops/art/Kaiba-bros-213528215, so the data-embed-id is 213528215.  Here is the coding with this number:

<da:deviation id="213528215">

For images in Sta.sh, their data-embed-ids are not included in their URLs.  If you want the data-embed-id of a Sta.sh image, right click on the image, and choose "Inspect" or "Inspect Element".  Another tab appears in the taskbar located at the bottom of the screen.  This is the page with the image's coding.  Click on the tab.  The image's coding is highlighted in light blue.  Right click that coding.  A popup menu shows up.  Choose "Copy" and then "Copy element".  Paste the coding in Microsoft Word, Notepad, a DeviantArt journal, or whatever else you use to write and edit coding.  Copy the image's data-embed-id, and paste it in the coding.  For example, the image of Marufuji Ryou is from sta.sh/01nchocib2gz.  Here is how to find its data-embed-id:






The coding that is pasted is:

<img collect_rid="1:6027275952235331" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4a9abe96-7368-4463-ad35-1c3189d47bb5/dc58lzi-4073ae72-54e4-4901-9b6c-dbdd7a329587.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRhOWFiZTk2LTczNjgtNDQ2My1hZDM1LTFjMzE4OWQ0N2JiNVwvZGM1OGx6aS00MDczYWU3Mi01NGU0LTQ5MDEtOWI2Yy1kYmRkN2EzMjk1ODcuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.dHTgbp4FhlXv8iSsTaWLxI5de6yAKpEANqf_zJoIxZY" width="250" height="360" alt="Marufuji Ryou Duel Terminal by Tenma-Gekkou" class="dev-content-normal" data-embed-id="6027275952235331" data-embed-type="deviation" data-embed-format="thumb" style="width: 250px; height: 360px; top: 0px;">

The data-embed-id is 6027275952235331, so the coding is:

<da:deviation id="6027275952235331">

Below is this image with this coding.  This coding includes the image's title and the username of the person who posted it by hovering over the image.  In this example, it's "Marufuji Ryou Duel Terminal by Tenma-Gekkou":

Marufuji Ryou Duel Terminal by Tenma-Gekkou

You can resize images with this coding by using "width".  However, "height" does not work.  An example is:

<da:deviation id="6027275952235331" width="500">

Marufuji Ryou Duel Terminal by Tenma-Gekkou

If you just want simple coding to show deviations in small sizes, then use thumbnails, which are small images.  The coding for a thumbnail is:

:thumbDATA-EMBED-ID:

For example, the thumb coding for "Kaiba bros" is:

:thumb213528215:


If you want this coding to show deviations in medium sizes, then add "big" like this:

:bigthumbDATA-EMBED-ID:

The big thumb coding for "Kaiba bros" is:

:bigthumb213528215:


HTML coding with "a href" and "img src" can also be used for animated images.  Here are examples:


In addition, this HTML coding can be used to display other decorations, such as dividers and fancy text.

If you want to know how images will show up on your profile, a journal, etc., you can test and edit coding in a journal.  Then click "Preview".  Nobody else will see your journal previews because they are not public, so it's fine if you make mistakes this way.

If you don't like using coding, you can use "Add Media" for comments, and "Rich Editing Mode" for journals.  This mode is found in "Edit" and "Switch to Rich Editing Mode" in journals, which lets you copy and paste images without writing any coding.  If you want to switch back to using HTML coding, then choose "Switch to HTML Mode".

Plz Accounts


Plz accounts are accounts that are usually inactive and are mainly used for their avatars.  They have the same purpose as emoticons and their usernames usually end in "plz", which means "please".  Any DeviantArt member can post plz avatars to decorate profiles, comments, forums, journals, etc.  However, if you want to use a plz account's avatar for your own avatar, please get the permission of the original artist first.  A lot of plz accounts are used alone, but some can form bigger images, stamps, dividers, or text.  Plz accounts used to be popular in the past, but their use decreased when DeviantArt permitted members to post emoticons and deviations to comments from Sta.shes and galleries.  However, there are still some members who use plz accounts.

The coding to display an avatar is:

:iconUSERNAME:

Even if a username has capital letters, capitalization is not required in this type of coding.  Below are examples of how to post plz account avatars:

:iconjoeywheelerplz: :pointr: :iconjoeywheelerplz:
:iconmarikbakurabrohugplz: :pointr: :iconmarikbakurabrohugplz:
:iconyakoutenmaplz: :pointr: :iconYakouTenmaplz:
:iconmariksuperw00tplz: :pointr: :iconmariksuperw00tplz:
:iconmanaishappyplz: :pointr: :iconmanaishappyplz:
:iconpervyserenityplz: :pointr: :iconpervyserenityplz:
:iconakefialaplz: :pointr: :iconakefialaplz:
:iconatticusrhodesplz: :pointr: :iconatticusrhodesplz:
:iconbakuraryou1plz::iconbakuraryou2plz:
:iconbakuraryou3plz::iconbakuraryou4plz: :pointr:
:iconBakuraRyou1plz::iconBakuraRyou2plz:
:iconBakuraRyou3plz::iconBakuraRyou4plz:

PlzCatalog has lists of plz accounts.  The profile of imhappyplz contains numerous comments with other plz accounts.  I also made Yu-Gi-OhPlzIcons for Yu-Gi-Oh! plz accounts and PokemonPlzIcons for Pokémon plz accounts.  If you want to learn how to make plz accounts, go to How to creat plz account? Tutorial.

Stamps


Several plz accounts put together can form stamps.  Examples include:

:iconrebeccahopkinsstamp1::iconrebeccahopkinsstamp2: :pointr: :iconRebeccaHopkinsStamp1::iconRebeccaHopkinsStamp2:
:iconjudai-1plz::iconjudai-2plz: :pointr: :iconjudai-1plz::iconjudai-2plz:
:iconryofanstampplz: :pointr: :iconRyofanstampplz:
:iconsyrus-1plz::iconsyrus-2plz: :pointr: :iconsyrus-1plz::iconsyrus-2plz:
:iconjohan-1plz::iconjohan-2plz: :pointr: :iconjohan-1plz::iconjohan-2plz:

You can also find stamps by browsing for them.  The coding for stamps and any other deviation (art piece) at DeviantArt is found on the right side of the deviation's page.  Examples include:

:pointr: :thumb149330438:
:pointr: :thumb168788615:
:pointr: :thumb273462035:
:pointr: :thumb195173809:
:pointr: :thumb193465154:
:pointr: :thumb129475819:

Dividers


Several plz accounts put together can form dividers, which can be used to divide different sections on your profile.  Examples of dividers include:

:iconnavyrose1plz::iconpinkrose2plz::iconpinkrose3plz::iconpinkrose4plz::iconpinkrose5plz::iconnavyrose6plz::iconheartdivider1::iconheartdivider3::iconheartdivider2::iconheartdivider4:
:iconblackdivider1plz::iconblackdivider2plz::iconblackdivider3plz::iconblackdivider4plz::iconsunclouddivider1plz::iconsunclouddivider2plz::iconsunclouddivider3plz::iconsunclouddivider4plz::iconsunclouddivider5plz:
:iconleftlacedivplz::iconpinkbowdivplz::iconmiddlelacedivplz::icontealbowdivplz::iconmiddlelacedivplz::iconpurplebowdivplz::iconmiddlelacedivplz::iconbluebowdivplz::iconrightlacedivplz:
:iconmillenniumitems1plz::iconmillenniumitems2plz::iconmillenniumitems3plz::iconllamacanplz::iconllamacanplz::iconpastelstar1plz::iconpastelstar2plz::iconpastelstar3plz::iconpastelstar1plz:
:iconmv9plz::iconrainicorndividerplz::iconrainicorndivider2plz::iconrainicorndivider3plz::iconrainicorndivider4plz::iconbunnywhiteplz5::iconbunnydividerplz2::iconbunnydividerplz2::iconbunnywhiteplz4:
:iconmv10plz::iconleaf01plz::iconleaf02plz::iconfoxdivider1::iconfoxdivider2::iconfoxdivider3::iconcutedivider1::iconcutedivider2::iconcutedivider3:
:iconmv11plz::iconbutterfly1plz::iconbutterfly2plz::iconbutterfly3plz::iconbutterfly4plz::iconbutterfly5plz::iconcolorheartsplz::iconcolorheartsplz::iconcolorheartsplz:
:iconmv12plz::iconwolfdivider1::iconwolfdivider2::iconwolfdivider3::iconleftpinklacenroseplz::iconpinklacenroseplz::iconpinklacenroseplz::iconpinklacenroseplz::iconrighpinklacenroseplz:
:iconkittydividerplz::iconkittydivider2plz::iconkittydivider3plz::iconkittydivider4plz::iconkittydividerrbowplz::iconyarnballcat5s::iconyarnballcat4end::iconyarnballcat2add::iconyarnballcat1start:
:iconquacksplz::iconquacksplz::iconquacksplz::iconquacksplz::iconrabbitsplz::iconrabbitsplz::iconrabbitsplz::iconrabbitsplz:

There are more dividers at DeviantArt, but I won't list them all because there are many.  You can find more if you visit the profiles of the dividers above and at PlzCatalog.

Dividers can also be made without plz accounts by searching on other sites.  You can find them by going to Google and searching "animated dividers".  To display dividers, use the same HTML coding that is used for images.





Fancy, Glitter, and Glow Text


Some plz accounts form letters and numbers, which can be used to form words.  Examples include:

:icony-plz::iconu-plz::iconu-plz::icong-plz::iconi-plz:
:iconpurple-aplz::iconpurple-nplz::iconpurple-zplz::iconpurple-uplz:
:iconletter-aplz::iconletter-mplz::iconletter-eplz::iconletter-lplz::iconletter-dplz::iconletter-aplz::iconexclamationmark2plz:
:icondeviantart-l::icondeviantart-e::icondeviantart-o::icondeviantart-n:
:iconpink-mplz::iconpink-iplz::iconpink-hplz::iconpink-oplz:
:iconroyalphasekplz::iconroyalphaseiplz::iconroyalphasesplz::iconroyalphaseaplz::iconroyalphaserplz::iconroyalphaseaplz:
:iconrainbow-splz::iconrainbow-hplz::iconrainbow-oplz::iconrainbow-uplz:
:iconaqua-kplz::iconaqua-aplz::iconaqua-jplz::iconaqua-iplz::iconaqua-kplz::iconaqua-iplz:
:iconanimeace-plz-i::iconanimeace-plz-s::iconanimeace-plz-i::iconanimeace-plz-s:
:iconblue-pplz::iconblue-rplz::iconblue-iplz::iconblue-eplz::iconblue-splz::iconblue-tplz::iconblue-splz:
:iconorbnplz::iconorboplz::iconorbaplz:
:iconletterk-plz::iconletter-e-plz::iconletteri-plz::iconlettert-plz::iconletterh-plz:
:iconlettereplz::iconletterdplz::iconletteroplz:
:iconlettergrey-splz::iconlettergrey-aplz::iconlettergrey-iplz::iconlettergrey-oplz::iconlettergrey-uplz:
:iconicon10::iconanimeace-plz-0::iconanimeace-plz-1::iconanimeace-plz-2::iconanimeace-plz-3::iconicon4::iconanimeace-plz-5::iconanimeace-plz-6::iconanimeace-plz-7::iconanimeace-plz-8::iconanimeace-plz-9:


Fancy, glitter, and glow text can also be made without plz accounts by searching on other websites.  You can find them by going to Google and searching "fancy text", "glitter text", "glow text", "text generator", or similar keywords.  Examples include http://picasion.com/get-glitter/, https://glowtxt.com/, and https://pookatoo.com/.  To display these text images, use the same HTML coding that is used for other images:





Some sites include the option of putting backgrounds behind the text.  Other sites include animated images with names.  However, when I searched for images with names, I only found common names, such as Rebecca:




YouTube Videos


YouTube videos can be placed on your profile and journals with the following coding:

<da:embed profile="youtube" id="THE ID OF THE YOUTUBE VIDEO">

Choose a video and put its ID in the HTML coding.  The ID is the numbers at the end of the video's URL.  For example, the video at http://www.youtube.com/watch?v=TabkjeN7H1A has the ID TabkjeN7H1A, so the DeviantArt coding is:

<da:embed profile="youtube" id="TabkjeN7H1A">

Here is the video:



You can change the size of the video by changing the width and the height.  For example, let's say you want to use a width of 275 and a height of 300 for the video above.  You'd use this coding:

<da:embed profile="youtube" id="TabkjeN7H1A" width="275" height="300">

Here is the video with the edited size:



If you only want the audio/sound to mainly be visible, you can do this by decreasing the height to about 70.  Here's an example:

<da:embed profile="youtube" id="TabkjeN7H1A" height="70">


The coding for the width can be added too if you want, such as:

<da:embed profile="youtube" id="TabkjeN7H1A" width="200" height="90">


Journal Skins


If you have a Core membership, you can decorate your journals with skins.  Find journal skins by browsing for them at DeviantArt.  I've saved many journal skins at www.deviantart.com/brotherlyfl… and www.deviantart.com/yu-gi-ohrp-….

If you know how to edit or write CSS coding, you'll be able to edit and/or make journal skins.  This means that even if you do not find a skin with a design or character that you want, you may be able to make one yourself.  Here are some fun Yu-Gi-Oh! skins that I've found:
Pharaoh Atem Journal css by stardrop:thumb281607844: Blue eyes white dragon by Jess-Bot Blue eyes white dragon 2 by Jess-Bot


Background Images


If you have a Core membership, you can decorate the boxes/widgets on your profile by giving them a background.  Use the coding below to do this:

<div class="popup2-moremenu"><div class="floaty-boat"><img src="URL"></div></div><div class="gr-box">

For example, let's say you want to use Custom box bg - FREE to use by TinyTealPanda.  The background's URL is:

https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/89882df9-2875-43a2-9632-07b487c8d407/d6bnizx-df905426-51d8-4070-b6fb-29066063736b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzg5ODgyZGY5LTI4NzUtNDNhMi05NjMyLTA3YjQ4N2M4ZDQwN1wvZDZibml6eC1kZjkwNTQyNi01MWQ4LTQwNzAtYjZmYi0yOTA2NjA2MzczNmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.TU9c6FjvnRWnMfHDwTt08CpyMczTIZyvsATJRfcaqHI

The coding to get that background image is:

<div class="popup2-moremenu"><div class="floaty-boat"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/89882df9-2875-43a2-9632-07b487c8d407/d6bnizx-df905426-51d8-4070-b6fb-29066063736b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzg5ODgyZGY5LTI4NzUtNDNhMi05NjMyLTA3YjQ4N2M4ZDQwN1wvZDZibml6eC1kZjkwNTQyNi01MWQ4LTQwNzAtYjZmYi0yOTA2NjA2MzczNmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.TU9c6FjvnRWnMfHDwTt08CpyMczTIZyvsATJRfcaqHI"></div></div><div class="gr-box">



This coding works on most boxes/widgets.  However, it does not work for Newest Deviations, Featured Deviations, and Favourites because of the way DeviantArt is programmed.  If you try this coding on those widgets, the background image shows up in front of deviations instead of behind them.  A solution is to use this coding in custom widgets, and to display deviations with coding.  See the section above called "HTML Coding" to get the coding for deviations and other images.  You can get custom widgets, along with many other widgets, by clicking on "Edit Page" on the upper right of your profile.

Unfortunately, you won't be able to find the old, short URLs of deviations with "Inspect Element".  This means you'll have to use the long Wix URLs.  You might be able to find old, short URLs if you have advanced programming skills, though.  The only reason I have some old URLs is because I saved them in Microsoft Word and Photoshop.  Old URLs of deviations still work if members don't change their usernames.  However, they stop working if usernames change.  This is why it's still better to use long Wix URLs if you don't want backgrounds and images to stop working.

More Resources


For more ways to decorate your profile, visit the galleries of CypherVisor, Gasara, GinkgoWerkstatt, and UszatyArbuz.  They provide many resources for colored content-holder boxes, colored text, buttons, journal skins, tutorials, and more.  There are also groups with many resources such as CustomizeYourProfile, eCSSited, and deviantCSS.  This journal only covers basic HTML coding, but those groups are for more advanced CSS coding and designing if you want to learn how to make or edit your own journal skins, gallery skins, tabs, custom backgrounds, etc.  More groups can be found at groups.deviantart.com/ by searching for keywords in the search box.

Conclusion


:star: I hope this information is helpful for those of you who are interested in decorating your profiles~! :dance: Editing takes a lot of time.  It can take me weeks or several months to decorate a single account, so don't worry if it takes you a long time, too.  Patience is good when decorating an account. :) Anyway, I hope this helps! :D Have fun decorating, everybody!! :dummy:

© 2012 - 2024 Yu-Gi-Oh-RPdA
Comments174
Join the community to add your comment. Already a deviant? Log In
magicanimal176's avatar
Thank you very much for guiding me.:happybounce: Hug Huggle!