Shop Mobile More Submit  Join Login
More Like This BETA

Similar Deviations
Organized by Collection
dA Resources
:iconariamay123:
Collection by
Tick by Gasara Yes, you can use
Cross by Gasara Please do not edit
Cross by Gasara Please do not redistribute
Note by Gasara Please credit if used outside deviantART

Right Mood Icon by Gasara Terms of Use



FAQ10 - How do I add a custom background?
FAQ11 - How do I repeat my custom background?
FAQ15 - How do I find an image URL?
Show
Add a Comment:
 
No comments have been added yet.

Made for a request by :iconminisweetghostgirl:
 
The original base for the waves is from The-Sea_1920x1200_cool_twitter_backgrounds1.jpg (19201200) I just extended it so it would fit a custom box.
Show
Add a Comment:
 
No comments have been added yet.

Main account *SHINee-Tan
Just something I used for my tutorials!
[link] [link] [link]
Feel free to use it <33
Show
Add a Comment:
 
No comments have been added yet.

My second journal skin. It is based on my deviation Winter Ball Celie. Give it a try and see if you like it.

I recommend setting the mood box at the bottom, but it works either way. This skin is best viewed with a browser that has ongoing support for CSS3.

If you have any questions or concerns, feel free to comment here.

Enjoy!


Version History

1.0
Initial release.
Show
Add a Comment:
 
No comments have been added yet.

My third journal skin. It is based on my deviation Future Celie and The Time Traveller. Give it a try and see if you like it.

I recommend setting the mood box at the bottom, but it works either way. This skin is best viewed with a browser that has ongoing support for CSS3.

If you have any questions or concerns, feel free to comment here.

Enjoy!


Version History

1.0
Initial release.
Show
Add a Comment:
 
No comments have been added yet.

Page Setup
:iconqueenspaz:
Collection by
i just added an overlay of purple and lowered the opacity on this to make it the way it looks.
Show
Add a Comment:
 
No comments have been added yet.

::This is NOT a Toyhou.se Only tutorial!::
It will include crediting instructions for those using sites like Weebly and Wix as well!

Note: This is not going to explain what Adoptables are, or what Characters are, or how to use them or get them. This is for people who know all those things for the most part, and are ready to dedicate a space and page for their characters for organization and development.




Welcome to the Character Page Credit Tutorial!

Where all your questions are bullet-pointed and visualized for your convenience!


Introduction
In the past, character pages and websites were reserved for those who had basic understanding of site-building, html or coding. These individuals would often use site building resources to create awesome pages to show off and organize their Characters and Concepts. With the introduction of sites like Toyhou.se, this no longer has to be the case. This incredible site allows users with little to no website building skills to easily display and organize their characters. This tutorial is meant to help guide users to which option is right for them, and how to properly credit any artists and designers.

Where Do I start?

Ok, So you've got a few characters (or hundreds) and you want to organize them in a nice space. A place to put them in order, name them, and show them off to your friends. But where do you start? Well first question to ask yourself is, how much time do you want to spend on updating things, and how easy do you want it to be?

  • Easy: Try to get an account on Toyhou.se . As of now, they are in 'Alpha Beta', meaning the site is still very much under construction, but you are able to get a membership as long as you can get an invite code. (These are given to current members who have a Premium, 2 codes every week. They can be obtained through friends, raffles, ect. Just keep your eyes peeled.)

    Toyhou.se Character Gallery Example [Click Here to view a live Character Page Example]

  • Medium: Organize them in your Sta.sh . Every member on dA (Premium or not) has access to their 'sta.sh' it is a free image/document hosting site that is part of deviantArt. You can upload and organize almost anything in there as long as it adheres to dA's rules. (Yes you can get banned/suspended for illegal content in your sta.sh, even if it is private)


    Sta.sh Character Gallery Example [Click Here to view a live Character Page Example]
  • Hard: Make an account on a site like Weebly.com or Wix.com and create a site for them. While this isn't exactly HARD, it is the hardest out of these methods to complete and keep updated. Using a site like these for your characters involves, choosing or making templates, setting up page structure and navigation, hosting images on their limited drivers or hosting them elsewhere and using HTML to display them, ect. I would not recommend this method to anyone who doesn't know how to use HTML or operate a website. It becomes very time consuming, and even adding a new character can take hours of copying-pasting, dragging dropping, changing/adding links and tweaking things that you thought were fine but apparently they don't even work for some browsers.
    [Additional Note. I would not EVER recommend using Webs.com I have used it multiple times in the past and had extremely difficult glitching, errors, pages disappearing, and their customer service is horrible, disrespectful and they'll refuse to refund any money you send them even if your site is lost at their own error.]

    Wix.com Character Gallery Example [Click here to view a live Character Page Example]
    (Please Note: Weebly and Wix have interactive gallery options, with scrolling buttons and thumbnails and they are very flashy and cool if you want to try them out. Most however do not support transparency or smaller images. The images shown in this example are custom character buttons I made myself and are NOT an option on the Wix interface.)

What Now?

Ok, now that you've chosen your site base, you get to add your characters. Character information can range from something as simple as an Image and a Name, to something as detailed as Multiple Images, Name, Gender, Race, Species, Sexuality, Relationship Status, Biography, Children, and the list goes on and on. Every character is unique, and all the information is simply whatever their 'owner' decides it to be!

Basically though, just insert your image and information in whichever way you've decided. What the main focus of this tutorial is now though, is Credit.



Now to the Important Part

Crediting

While all artists and designers have their own rules and guidelines about how to credit them for their work, there is one golden rule that ANYONE in the art or character community should know by heart.

"There is no such thing as TOO much credit"


This rule is 100% true and should always be applied to anything online, from Art to Research, Stock and Resources, and Inspiration. If you used something that isn't yours in any way, anywhere, you need to credit with a link. Without credit you are opening yourself up to the possibility of being reported as an art thief, which can absolutely destroy online reputations and be extremely hurtful and emotionally draining for those who didn't mean any harm.

How Do I Properly Credit?

There are many ways, from easy to difficult to credit anything. This area will also include screenshots from site areas as to how to source/credit.


Simple Link 

Art by mamaelm.deviantart.com/
HowTo: Copy and Paste (Right click) or (CTRL+C, CTRL+V) the link anywhere



Named Link

Art by MamaELM

HowTo Methods;
  • HTML:     <a href="LINKHERE">Title Here</a>

  • Interface "Add a Link" : This method works in Sta.sh and anywhere there is an interactive bar. Just look for the link symbol!


  • You can also use HTML to make an image link to the source when you click it, like this;
    <a href="LINKHERE"><img src="IMAGELINK.PNG HERE"></a>





TOYHOU.SE AREA

Everything Below Here explains how to properly credit and link when submitting characters and art to Toyhou.se!

Submit Character

On this page, you have the option to set BASIC information, you can add more details and stuff later by editing the character.


From your character's pages, you have the option to Upload more images of them, each possibly from different artists. The interface is very similar to the one from the character submission page.


Last but not least, I'll show you additional ways you can credit designers and even provide proof of ownership. (Or proof of purchase, proof of MYO ticket, or proof of Transfer of Ownership)




ALRIGHT! That just about wraps it up! I only know specifically a few people who were asking about this information, but I hope it can help more people. ^-^

Special Message to the Reluctant
While all this might seem like too much work, and perhaps even unnecessary in your mind, by producing any artwork or designs for you, Artists are relying on the fact that you'll respect their time, energy and hard work by providing credit where it is due. If someone draws a character for you, the least you can do for them is to properly credit it wherever it is used, as to bring any interest about the image back to its source. Art and Design theft is a huge deal, not only because people snatch images and gain attention and glory through false means, but also because you're taking away a chunk of someone's time, their imagination, their energy and stealing it as your own. Its a horrible thing to do, and thats why its important to credit properly even if you have permission to use something.
Remember the golden rule; There is no such thing as TOO much Credit!

Thanks so much for reading, and Happy organizing!


Now for some crediting of my own, ohgosh. XD

Sources
Sites mentioned;
toyhou.se/ all screenshots of Toyhou.se are (c) their creators and site builders, and are shown here for reference purposes only.
deviantart.com/
weebly.com/ free custom site builder.
wix.com/ free custom site builder.
sta.sh/ free file hosting through deviantart.
webs.com/ not reccomended for use
First Screenshot Toyhou.se Character Thumbnails
Second Screenshot, Sta.sh Character Thumbnails
Third Screenshot, Wix Character Thumbnails

All website screenshots afterwards (c) toyhou.se/
Toyhou.se screenshot #2 mention to toyhou.se/corporalgriffin
Toyhou.se screenshot #3 mention to reshireka.deviantart.com/

All the information you need is up above! ^^^


Further Crediting
Sites mentioned;
toyhou.se/ all screenshots of Toyhou.se are (c) their creators and site builders, and are shown here for reference purposes only.
deviantart.com/
weebly.com/ free custom site builder.
wix.com/ free custom site builder.
sta.sh/ free file hosting through deviantart.
webs.com/ not reccomended for use
First Screenshot Toyhou.se Character Thumbnails
Second Screenshot, Sta.sh Character Thumbnails
Third Screenshot, Wix Character Thumbnails
All website screenshots afterwards (c) toyhou.se/
Toyhou.se screenshot #2 mention to toyhou.se/corporalgriffin CorporalGriffin
Toyhou.se screenshot #3 mention to reshireka.deviantart.com/ Reshireka
Show
Add a Comment:
 
No comments have been added yet.

PE: Presentation mattersPresentation matters
It's not just the artwork that tells you something about it's creator - on the internet, the way you present it is at least equally as important. Your painting can be a masterpiece, hanged in a local gallery, but as long as you post a blurry, badly cropped picture named "1564873" along with "..." in an artist's description, nobody will ever bother visiting your gallery. Creating a nice, representative profile page and setting a certain visual quality standard takes extra time and effort, but if you really care for your work (even if it's just a hobby), you should treat it with some respect.
I've already written a related article called The power of context that tried to explain how to place your work in a context in order to better connect with your audience, this one is focused
FEATURED by jane-beata in :iconprojecteducate:
Thank you very much :heart:

________________________________________________________________


Background code :

>> Background code


Colored text codes :

>> Colored Text (Custom box) - More colors


White box code :

>> White Box Code


Image used as background (IMAGE URL) :

>> Paste this and remove the ÄÄÄ after you've pasted it

htÄÄÄtp://orig15.deviantart.net/bc2d/f/2015/071/c/d/redcustombackground_by_tana_jo-d8ldtl8.png



CUSTOM BOX CODES : tana-jo.deviantart.com/gallery…
BACKGROUNDS : tana-jo.deviantart.com/gallery…
MORE RESSOURCES AND BOXES : Custom Boxes Collection



Stamp - Watch Me by firstfear
If you like the series, please WATCH me to show me that I should continue

Info :
Comission Prices | My Gallery 

Copyright :
Art ©2015 deviantART. All rights reserved - TaNa-Jo
Show
Add a Comment:
 
No comments have been added yet.


»»»»»»»»»»»»»»»»»»»»»»»»»»» Available for Premium Members Only! «««««««««««««««««««««««««««


HTML source codes can be tricky, so here's some help.

SOURCE CODE:

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



:bulletred: Copy that whole html. Don't leave any out!
:bulletyellow: Paste it into the beginning of your custom box.
:bulletgreen: Now copy this image url (Right click on the picture, "press open image in new tab" then copy the url). Then insert that copied link into the "INSERT URL HERE" part of the html above. Put it right in between the quotes. Now you're good to go!

_____________________________________________________________________________________________
                                                                   EXTRA
CypherVisormakes some kickass custom box resources! This box doesn't come equipped with anything, but you can add those goodies in yourself like how I have mine set up.
Here's his Custom Box Resources gallery folder, for a shortcut: cyphervisor.deviantart.com/gal…

Let me know if you need help if this is giving you issues!

Leave a comment below saying "Used" if you use this background!



Show
Add a Comment:
 
No comments have been added yet.


Exclusively for Premium members and Super groups only


How to use ?


Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.


SOURCE CODE:



<img src="DIRECT-IMAGE-URL" align="right"/>




Note: Change your image alignment from right to left by replacing the align="right" with align="left" in the above code.


Fella image link (the image that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc01.deviantart.net/fs70/f/2013/069/d/6/fella_by_cyphervisor-d5xk416.png


Background image that I've used for demo in this tutorial:
-----------------------------------------
Background link: [link]
by =TaNa-Jo


The blue content holder box






Other Content-holder boxes: [link]





Other tutorials


Custom Box background tutorial:


Custom background for DeviantID-box widget:


Custom background for New deviation-box widget:




Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points :points: to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
Show
Add a Comment:
 
No comments have been added yet.

journalskinn
:iconmoonzaphire:
Collection by
The Custom User Boxes are a series of codes that allow you to customize your deviantART userpage. The code involved makes use of a glitch in deviantART, meaning that this code is not officially supported by deviantART, and may stop working correctly or entirely.

It is important to note that, due to the nature of this hack, this code can only be used by Premium Members of deviantART.

The Code



<div class="subscription_pitch has_subscription">Green Bar</div>


<div class="subscription_pitch no_subscription">Red Bar</div>


How To Use It


Simply copy the code above and paste it into a Page Module on your userpage, modify it to your use, and it's ready to go!

Can be used in:
Any module that has a field for text or descriptions.

Cannot be used in:
Anywhere that is not a Page Module on deviantART. May be used in journals, but may not appear correctly.

Important Notes/Bugs
None.

[Click Here] to see the rest of the series!

[Click Here] to view tips and tricks!

----------

Copyright 2011 *SparkLum
This deviation may be reposted on other sites providing that you credit me for creating it and link back here. You may not claim to have created this deviation.

Main Account: *SparkLum
[Scripts] - [Drawings] - [For Others] - [Design] - [Stamps] - [Photos] - [Wallpapers] - [Tutorials and Resources] - [Deviation Buttons 3] - [Emoticons]

Resource Account: ~Backup-Lunari
[Custom User Boxes] - [Deviation Buttons] - [Deviation Buttons 2] - ['Created With' Buttons] - [Long Buttons] - [Stamps]

Find me elsewhere!
[Website] - [FurAffinity] - [Facebook] - [Twitter] - [Tumblr]
Show
Add a Comment:
 
No comments have been added yet.

PE: Decorating Your Profile

Fri Apr 26, 2013, 3:21 PM by SimplySilent:iconsimplysilent:
:iconprojecteducate:
:iconprojecteducate:


Community Week

Your profile page is the first thing people will see when they click on your name, so it's very important to leave a good impression! This article will provide some useful tips and tricks for both premium and non-premium members who want to convert their profile into their own, unique page. First off, some Do's and Don'ts of profile decoration:

Do:


  • Use dA's profile widgets-- there are lots of great options to chose from
  • Show off some art (that's what people are here for!)
  • Express your personality through colors, stamps, gifs, etc.


Don't:


  • Add so many images that your profile takes forever to load
  • Use garish or headache-inducing colors
  • Make text difficult to read with dark backgrounds


Non-Premium Widgets


While many widgets are restricted or locked for non-premium members, there are still a variety of great widgets that you can add to your profile, even without a membership.

  • Gallery: Featured Deviation*, Newest Deviations*
  • Faves: Favorites*
  • Prints: Wishlist*, Prints*, Featured Print*, I Just Sold...
  • Misc: deviantID*, Critiques*, Donate Points*, Watchers, Friends, Journal, Journal History, Webcam, Groups, Commissions

The widgets marked with a * have a text box that can be customized with thumbs, images, gifs, stamps, plz accounts, and more (all are covered later on in the journal). If you click the pencil in the right hand corner of these widgets, there will be a text box that you can fill up with all sorts of awesome decorations, even if you are a not a premium member!

Wishlist by SimplySilent
^ You can fill this text box with whatever content you'd like!


Premium Widgets


:star: Premium Membership Required

Along with all of the widgets mentioned above, premium members can also use the following widgets to decorate their pages. Once again, widgets marked with a * have a textbox that can be used for adding decorations.

  • Gallery: Gallery Folder*
  • Faves: Collection*
  • Misc: Custom*, Delicious Bookmarks*, Polls, Visitors, Twitter, Shoutbox, Forum


Custom Box Backgrounds


:star: Premium Membership Required

One of the great features that comes with a premium membership is the ability to add backgrounds to your custom boxes. Click the little pencil button to edit your custom box, and copy the following into the text area:
<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="IMAGE URL HERE"/></div></div><div class="gr-box gr-genericbox"><br>TEXT HERE</div>

4 by SimplySilent
Background from gasara.deviantart.com/art/Fest… by Gasara

Please note that custom box backgrounds are called that "custom box" for a reason. Backgrounds cannot be added to regular widgets the same way they are for the Custom Box widget. While the custom box background code will work in all widgets, the background will cover the content of your widget (ie. a background added to a Featured Deviation Widget will cover the featured deviation). Learn more about this in my Profile Presentation: Tips and Tricks article.

Links to get started:


Custom Box FAQ:

My background doesn't completely fill my custom box widget. How can I fix that?
This means that your background has too small of a width. You will have to manually fix that by making your background larger using some image software (Photoshop, etc.) or using a different image.

How can I have an animated custom box background?
You can use .png, .jpg, or .gif images for your custom box background. If you want an animated background, make an animated .gif image, and use the same custom box background code explained above to add it to your profile.


Custom Box Resources


:star: Premium Membership Required

Now that we have our backgrounds, the next place we should visit is the Custom Box Resources gallery folder at CustomizeYourProfile. Here you can get all sorts of neat resources such as content holder boxes and customizable buttons. All you have to do is copy and paste the codes into your custom box.

Big buttons by CypherVisorWhite Content-Holder Boxes by CypherVisorWarning Content-holder boxes (Red N Green body) by CypherVisorFella buttons v1 by CypherVisorColored Text (Custom box) - More colors by CypherVisor



Fonts


Remember that you don't have to stick with the default fonts for your profile. Make your profile more interesting by using different fonts!

To change the size: <font size="#">Text</font>
To change the font: <font face="FONT NAME">Text</font>
To change the color: fav.me/d6i4keq

You can also use <h1>, <h2>, <h3>, etc. to make different headings.

More detailed guide to fonts here:



Images and GIFs


To add images to your profile/journals use the following code:
<img src="IMAGE URL HERE">

The Image URL can be found by right-clicking over any image on the web and selecting the option that is most similar to "Copy Image URL". Please note that the Image URL is not the URL of the page that the image is on.

Image (not clickable): vs. thumb (clickable): Kawaii Button: Commish Open by miemie-chan3 by miemie-chan3

You can also link images so that they act like buttons. For example, if you want to link an image like the one above to a different page (such as your commission journal), copy and paste the following:
<a href="NEW PAGE URL"><img src="IMAGE URL HERE"></a>

Serves as a button to go to projecteducate


To change the size of your image:
<img src="IMAGE URL HERE" width="#" height="#">

You can change either width or height, or both:


Set only width to 200 pixels: <img src="IMAGE URL HERE" width="200">


Set both width and height to 200 pixels: <img src="IMAGE URL HERE" width="200" height="200">



Stamps


Let people know what kind of person you are by adding some stamps to your page! Just copy the thumb codes (:thumb000000000:) onto your profile/journal. Thumbnail Code Help Animated :howtothumb: by MamaELM

I love kawaii by prosaixExtinction Stamp by Kezzi-RoseDay Dreamer Stamp by Sora05


Links to get started:



Plz Decorations


There are tons of plz accounts for decorating out there, such as those that make borders like these:

:iconbummy1::iconbummy2::iconbummy3: :iconfall1-plz::iconfall2-plz::iconfall3-plz::iconfall4-plz::iconfall5-plz::iconcoffeedonut4plz::iconcoffeedonut1plz::iconcoffeedonut2plz::iconcoffeedonut3plz::iconcoffeedonut4plz:

These can be used on profiles, journals, and artwork descriptions by both premium and non-premium members. To use these, copy: :iconUSERNAME:

For example, the first divider can be added by typing:  :iconbummy1::iconbummy2::iconbummy3:

Links to get started:



Dividers


Just copy the thumb codes (:thumb000000000:) onto your profile/journal.

Spinning Bone Divider (Lt Blue w/ Outline) - F2U! by Drache-Lehre Pixel - CherryBun Cherry Div by firstfearPumpkin Divider - Free by etNoir 

Links to get started:



Music/Videos


See CypherVisor's "How to add videos in custombox/journal?" section in his Tips and Tricks tutorial.

Mini Youtube Player embeddable code by CypherVisor


Groups


Looking for more resources? Check out the galleries of these groups which focus on collecting decorations for your page!

:icondazzlingdecorations: :iconcustomizeyourprofile::iconpretty-pages:


:#1: Now go and make your profile pages shine! :dummy:

Good luck, and I'd love to see how you guys decorate your pages! :giggle:


Some tips and tricks to make your profile shine!

Related Articles:

PE: Profile Presentation: Tips and TricksProfile Presentation: Tips and Tricks
Your profile page can say quite a bit about what kind of person you are, and having a well-designed profile page will help ensure that your visitors leave with a good impression of you and your work. And if you do a remarkably fabulous job at designing your profile, people will not only be impressed, but they will also keep coming back to take another look. In this article, I will go over some useful tips and tricks for making your profile look professional but also personalized! :heart:
This article is mostly directed towards Premium Members, but non-Premium members can still use some of these concepts to personalize their page.
:note: In addition, for those who are new to profile decoration, I highly suggest reading my Decorating Your Profile tutorial first, as it goes over important basics of profile decoration. 

Basic Design Concepts

Before we get started, I first
PE: A Guide to Gallery CSSA Guide to Gallery CSS
Learn the basics of Gallery CSS with this easy-to-follow guide! :dummy:
In this tutorial, we'll cover:
Adding gallery CSSCoding gallery skinsSome useful resources

Adding Gallery CSS
First of all, some important facts about Gallery Skins:
Only Premium Members are allowed to add CSS to their galleriesSkins can be added to both the Gallery and the FavoritesSkins can only be added to the Gallery folders and Favorites collections (shown in the sidebar) but not the main page itself
Step 1: Click on one of your Gallery or Favorites folders in the sidebar.

Step 2: Click the button called "Folder Options" or "Collection Options."
This button is located at the top right of
Show
Add a Comment:
 
No comments have been added yet.

:iconprojecteducate:
:iconprojecteducate:


Profile Presentation: Tips and Tricks

Your profile page can say quite a bit about what kind of person you are, and having a well-designed profile page will help ensure that your visitors leave with a good impression of you and your work. And if you do a remarkably fabulous job at designing your profile, people will not only be impressed, but they will also keep coming back to take another look. In this article, I will go over some useful tips and tricks for making your profile look professional but also personalized! :heart:

This article is mostly directed towards Premium Members, but non-Premium members can still use some of these concepts to personalize their page.

:note: In addition, for those who are new to profile decoration, I highly suggest reading my Decorating Your Profile tutorial first, as it goes over important basics of profile decoration. 


Basic Design Concepts


Before we get started, I first want to go over some basic concepts you should keep in mind when you are designing your profile:

1. Text


If you want people to read the text that is on your profile (whether it's a short About Me section or important information about your commissions), make your text easy to read. Always make sure that there is enough contrast between the background and the text. If you are using a dark background, make sure to either use a light text color or a light-colored Content Holder. (See CypherVisor's Colored Text codes).

Also check to see if your font is too small to read. Usually using one <small> code is alright, but adding more than one makes your font quite difficult to read.


2. Browsers/Monitors


While your profile may look absolutely fabulous to you on your browser, there's always a chance it may not look so great on others. In general, most of the text and content holders look the same on the different browsers. The main thing to care about here is that Custom Box backgrounds now look significantly different on Firefox and Chrome. On Firefox, the background retains its original size, and any overflow is hidden. On Chrome, however, the background size matches itself to the size of your Custom Box Widget.

People also have a variety of monitor widths, which can greatly affect the look of your profile to other people. To ensure that your profile looks fine to all of your visitors, I suggest using wide Custom Box backgrounds (at least 800px across).


3. Content


Finally, try to keep your profile to a reasonable length. You may have an epic computer that can handle the hundreds of thumbs and gifs that you have on your profile, but many of your visitors will not. If your page does not load on people's computers (or worse, if your page crashes their internet), they will not feel particularly inclined to look at your gallery, check out your commissions, drop a comment, etc. 

One way to condense the size of your page is to use scroll boxes on your Widgets (see my tutorial for Scrolling Custom Box Widgets), but you should also think about whether you may just have too many things on your profile. :P

tl;dr What may look pretty to you may not always look pretty for your visitors! Make sure to think about how others may see your page.

Useful Codes



Custom Box Backgrounds

<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="IMAGE URL HERE">div>iv><div class="gr-box gr-genericbox"><br>TEXT HERE</div>

Adding Images

<img src="IMAGE URL HERE">

Adding Linked Images

<a href="URL"><img src="IMAGE URL HERE"></a>

Floating Text/Images

<div class="al">Floating something on the left</div>
<div class="ar">Floating something on the right</div>

For more codes and info, please read CypherVisor's CustomBox + Journal Tips and Tricks.


Creating a Unified Theme


One of the marks of well-designed profiles are a unified or matching theme throughout the page. Premium Members can achieve this through using matching Custom Box Backgrounds, Content Holders, Journals, and Image Decorations


1. Add Custom Backgrounds


By far the most useful tool for profile customization, Custom Box backgrounds can create a completely new look for your profile. It is unfortunately limited by the fact that it can only be applied to Custom Box Widgets, but with a little bit of extra work and some cleverness, you can transform the drab, default green of your regular widgets into something new!

Before


Say that I wanted to feature a few of my favorite tutorials and also have an About Me section in the Deviant ID widget. Unfortunately, my background is the default dA green, which ruins the pink theme of the rest of my profile.

Before by SimplySilent


After


I added this
Pink Hearts Custom Box Background to my widgets to present the same content, but in a way that matched the rest of my page. In this example, I used the same widgets (the Favorites Widget and the Deviant ID Widget) so that they stayed at the top of my page, but Custom Box Widgets work perfectly for this as well.

After by SimplySilent


For Custom Box backgrounds, browse through:

Backgrounds at DazzlingDecorations
Custom Box Backgrounds at CustomizeYourProfile



2. Match Content Holders


Using matching Content Holders throughout your profile typically makes it look neater and more cohesive. Here are just a few of the many Content Holders that you can use. To find more, browse through the Custom Box Resources folder at CustomizeYourProfile

White Content-Holder Boxes by CypherVisorBlue Content-holder boxes by CypherVisorSharp Sup Text Boxes by TaNa-JoWarning Content-holder boxes (Red N Green body) by CypherVisorLight Yellow Box by SimplySilent


3. Match Journals


If you like displaying your journals on your profile page, then it's probably a good idea to match the design of your widgets with the design of your journal. Journals also offer a much wider variety of designing than regular widgets, and if you know some CSS, you can code awesome designs and hover effects to make your page look fancy!


4. Use Images Decorations


Header Images


While you can use a few different font faces and sizes on deviantART (see LabLayers' dA Font Formatting Guide or Gasara's Basic HTML Formatting Guide), you can create a more personalized look on your profile by using your own header images. With custom header images, you can use any font in any color, shape, or size! Here are some free-to-use examples, but you can always create your own as well:



All you need is an art program that allows for transparencies and text. Save your image as a .png or .gif and upload to your Sta.sh, scraps, or any other image hosting site. Then use the IMG SRC code to add your header images to your widgets.

Divider Images


Repeated use of the same divider images can help create a more unified theme for your profile. Here are some examples of free-to-use dividers. To find more, browse through the Dividers folder at DazzlingDecorations.



Artwork and Profile Navigation


This is where things start getting a little more complex. You've created a nice, unified theme with your profile. Now what?

Well, if you want to take your profile to the next step of awesomeness, you could work with Artwork Directories and CSS Directories. Instead of working with regular old thumbs, buttons, or links, try your hand at something unique!


Artwork Directories


Creating your own menus and directory widgets for displaying your artwork is a wonderful way to not only show off your artwork but also give your page a highly unique and personalized look. While the Featured Deviation Widget or the Newest Deviation Widget can also display your work, making your own directories gives you a lot more freedom with your display.

Here are some examples of wonderfully designed artwork directories. Notice how these sort of displays are significantly more appealing than the regular Deviation Widgets.

:iconresake:
Resake by SimplySilent

:iconsambees: (left) and :icontincek-marincek: (right)
Sambees by SimplySilentTincek-marincek by SimplySilent

:iconnaochiko: (left) and :iconmikaley: (right)
Naochiko by SimplySilentMikaley by SimplySilent


The above examples used Content Holders and Custom Box Backgrounds as part of their designs, but non-Premium members can create Artwork Directories (or links to Social Media sites) as well by using only images. Notice once again how these are much more interesting

:iconbun-mi: (left) and :iconmuura: (right)
Cathy2728 by SimplySilentMuura by SimplySilent



CSS Widget Directories


For those who have some experience with coding CSS, CypherVisor's hack for adding CSS to profile widgets can prove to be enormously useful for making your profile uber fancy. Here are just some examples of what you can do:

:iconcyphervisor:
See the live version on his profile!
Cyphervisor by SimplySilent

:iconsimplysilent:
See the live version on my profile!
  

New! Here's a resource and a tutorial for those who would like to create their own Profile Directories:

Make a Profile Directory v.2 by SimplySilent

Learn how to display journals in a Featured Deviation Widget. You'll have to learn how to code a journal on your own, but if you have do some experience with CSS, then I highly suggest trying this out!

Learn how to create a profile directory that links to the widgets on your page. This is very useful for those who have long profiles with a lot of different content because it allows viewers to find exactly what they are looking for without having to scroll through your entire page.

Some free, installable codes for creating one or two columns of buttons.


Examples of Fabulous Designs


Here are some of examples of well designed profiles that I managed to find. All of these use several of the design tips for a unified theme listed above, and they are also clean, simple, and easy to read.

*These screenshots are actually rather old, so the current profiles of the following deviants may look different from the images here.

:iconkawiku: Kawiku uses a very unique, pixelated background that goes wonderfully with the image on the left side. She also consistently uses the green-outlined content holders to give her page a unified look, and the leaf divider as well as the custom header images make her page pop and appear more interesting.

Kawiko by SimplySilent

:iconarichy: Arichy uses a personalized custom background with a fancy image of her username. The repeated snowflake decorations and the white custom box give her profile a very unified look, even with the deviantID image on the right whose color scheme does not match the rest of the page. The use of the blue cursive header images also add a touch of fanciness to the page.

Arichy by SimplySilent

:iconkezzi-rose: Kezzi-Rose takes a very interesting approach to her custom box backgrounds, using different variations of the same two shades of pink. This makes her profile look more dynamic while still maintaining a very cohesive theme. In addition, she uses matching custom boxes, buttons, and header images, and also includes several well-displayed samples of her own artwork.

Kezzi-rose by SimplySilent

:iconscatteredsnow: scatteredsnow does a very nice job of matching her widgets (on the left) to her journal (on the right). By using the same background for both, she ensures that her whole profile matches. The use of her own images add a touch of personality, and the repeated use of decorative borders helps make her profile consistent and matching.

Scatteredsnow by SimplySilent

:icongasara: Gasara does a fantastic job with matching her entire profile page to one color scheme. Note how she uses the Featured Deviation Widget on the left side to format her links and text using CSS. Overall, her page is not only interesting, but also very clean and easy to read.

Gasara by SimplySilent

:iconrosuuri: Rosuuri creates a very unique look to her page through the clever organization of her own images. She uses a bright and bold color scheme that is attention-grabbing and refreshing, and the overall presentation of her page is very clean, sleek, and professional.

Rosuuri by SimplySilent

As you can see, it does take quite a bit of time, dedication, and creativity to pull off a page as remarkable and unique as the ones featured here, but it can certainly be well worth your time if it keeps visitors coming back to see more!


More Resources


Here are some great groups to browse through for profile-decoration resources:

:icondazzlingdecorations: :iconcustomizeyourprofile: :iconpretty-pages: :iconcustombox:

Related Articles and Tutorials


Thanks for reading, and I hope this article was helpful for you! :eager: If you have any questions for me, please feel free to leave a comment below! :heart:


Related Articles:

PE: Decorating Your ProfileDecorating Your Profile
Your profile page is the first thing people will see when they click on your name, so it's very important to leave a good impression! This article will provide some useful tips and tricks for both premium and non-premium members who want to convert their profile into their own, unique page. First off, some Do's and Don'ts of profile decoration:
Do:
Use dA's profile widgets-- there are lots of great options to chose from
Show off some art (that's what people are here for!)
Express your personality through colors, stamps, gifs, etc.


Don't:
Add so many images that your profile takes forever to load
Use garish or headache-inducing colors
Make text difficult to read with dark backgrounds
Non-Premium Widgets

While many widgets are restricted or locked for non-premium members, there are still a variety of great widgets that you can add to your profile, even without a membership.
Gallery: Featured De
PE: A Guide to Gallery CSSA Guide to Gallery CSS
Learn the basics of Gallery CSS with this easy-to-follow guide! :dummy:
In this tutorial, we'll cover:
Adding gallery CSSCoding gallery skinsSome useful resources

Adding Gallery CSS
First of all, some important facts about Gallery Skins:
Only Premium Members are allowed to add CSS to their galleriesSkins can be added to both the Gallery and the FavoritesSkins can only be added to the Gallery folders and Favorites collections (shown in the sidebar) but not the main page itself
Step 1: Click on one of your Gallery or Favorites folders in the sidebar.

Step 2: Click the button called "Folder Options" or "Collection Options."
This button is located at the top right of
Show
Add a Comment:
 
No comments have been added yet.

An updated and more in-depth version of this tutorial can now be found here.

I've been asked a number of times how I add background images to the boxes on my profile page so I thought I'd put this together. There's some basic HTML in there as well for snazzy formatting.

The code you'll need for adding backgrounds is below. Just copy/paste into your custom boxes and add your links and content.

--------------------------------------

ADDING BACKGROUNDS TO YOUR CUSTOM BOX:

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

YOUR CONTENT

</div></div>



--------------------------------------

Troubleshooting & FAQ can be found here:

Custom Box - Troubleshooting & FAQCustom Boxes
Quite a few people still seem to have issues with getting their custom box backgrounds to work correctly so I thought I'd put this little troubleshooting guide and FAQ together to help. If you follow the instructions closely, you shouldn't have any problems.
If you encounter any issues that aren't explained here, please let me know. I will update this guide with any extra info or solutions as they are requested.
You can read more about customising your profile page here.
The Basics
<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL"></div></div><div class="gr-box gr-genericbox" align="center">
CUSTOM TEXT
</div>

Copy the code above and paste into a Custom box on your profile page. Add the URL of your background image where it says IMAGE URL and replace CUSTOM TEXT with the content you want


Please read before asking for help. Cheers x
Show
Add a Comment:
 
No comments have been added yet.

Please, I ask that you link me if you choose to use it, thanks~  I wanna see what you do with it!  ^^
Show
Add a Comment:
 
No comments have been added yet.

Resources
:iconmakorin-san:
Collection by
Add a Comment:
 
No comments have been added yet.

Swedish level: Intermediate
You can use a moderate range of Swedish, sufficient for most practical needs and personal conversations.



Stamp for people who have subscribed Deviantart, a stamp that informs people on your language levels. Meaning how much you understand.
Show
Comments disabled by owner.
:bulletblue: :pointr: Rules and Guidelines / Exclusive Resources Info :pointl: :bulletblue:

More Info
12 patterns ( 10pt each ) with a soft noisy vintage effect
For Adobe Photoshop

Related Resources
Sweet Vintage Scrapbooking Set: [link]
Vintage Cards Scrapbooking Pack: [link]
Sweet Vintage Scrapbooking Templates: [link]

Note: under particular conditions, I could edit, remove from sale or change the price of this item.
Show
Add a Comment:
 
No comments have been added yet.

:star: Quick note: Ive moved to this account :iconstarfire-hero: =starfire-hero.
I do check here occasionally, but replies will be slow. If you want to see more works like this etc please do check out my new account c:
THANK YOU FOR YOUR SUPPORT! :hug:


Have always wanted to make my own stamp template, and i did c:

Everyone needs a little encouragement sometimes, so go and do something for others! Do something good for a person that you appreciate, because you never know they may be struggling deep down inside. :hug:

More stamps: [link] | My Gallery: [link]
Font used- [link]
Show
Add a Comment:
 
No comments have been added yet.

Mish
:iconathena-rose:
Collection by
Journal skins are only accessible to premium members.

I've been dying to get back into coding and I finally got around to making a design based on my favorite flower. I'm so happy with how the flowers turned out, and it's my first time attempting something like the branches as well. Overall I'm quite happy with how easy it was to code and I hope you enjoy it!
Show
Add a Comment:
 
No comments have been added yet.

:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:

Another strange skin .. :blush: .. yeah .. so blame it on the summer heat .. :giggle:

Hope u like it .. :dummy:

-------

Credits: [link] & [link]

--------

Live version .. [link]

--------
:bulletgreen: Don't forget to change links in skin header area

:bulletgreen: Add more buttons: <div class="button"><a href="ur link">TEXT SEEN ON BUTTON</a></div>

:bulletgreen: Title: <div class="h3">TITLE</div>

:bulletgreen: feature/text aligned in the center: <div class="feature">UR TEXT HERE</div>
Show
Add a Comment:
 
No comments have been added yet.

Edit: Centered whole journal skin


Premium membership required by TholiaArt Custom journal skins can only be used by premium members.

Point Right Click the green "Install" button to use!
Point Right View it live: fav.me/d764jr3

Please read the notes!


*Note #1: If you use Google Chrome as your web browser, the titles will be seen in the pretty Petit Formal Script font you see here, since it can be found on Google Fonts. I'm not sure if it will show up for other browsers.

*Note #2: Moods are only compatible when shown at the bottom of an entry. When shown at the top, it messes the skin up completely.

*Note #3: You can use the code <div class="feature">PASTE YOUR THUMBS OR IMAGES HERE</div> in your journal while in HTML mode to make images have pink borders around them and look coherent with the skin. Otherwise, leave this code off if you don't want anything obscuring the original art.

Pink Polka Dot dA Journal Skin by CupcakeyKitten

Show
Add a Comment:
 
No comments have been added yet.

Requested by :iconhorsehugs:

I was in the mood and had a lot of fun doing this =3 the picture was so cute

:bulletred: Permission not needed for use
:bulletred: Must give credit to me
:bulletred: Link your final picture back to me :3

Original: [link]
Show
Add a Comment:
 
No comments have been added yet.


Another base! Also made a really long time and I never used it or liked it so here.

Download the .zip for the bases!

The Folder Contains:
:star: Two separate .pdf files for male and female.
:star: Two separate transparent .png files for those of you who just don't want to deal with a .pdf
:star: The dumb image you see here.


:bulletgreen: This base is free for EVERYONE!.
:bulletgreen: You may change or edit anything on this base.
:bulletgreen: You can sell adoptables made with this base for any virtual or official currency you wish.
:bulletgreen: Please show me what you make with the base!

:bulletred: Give credit where credit is due! I request that, in return for this base being completely free, you credit me every time you upload it somewhere.
:bulletred: Should you feel compelled to make any variation of this base (say you give it colors, or you change something on it, but you STILL use/reference the original base) and upload it to deviantart or anywhere else, I still request you credit me and keep it free for everyone to use.
:bulletred: Please favorite this deviation if you're going to use it, or plan on it!


I was never very fond of the face, so there's a separate layer with it on it for anyone who wants a quick erase. You're more than welcome to change the face, because, trust me, I hate it more than anyone else will.
Show
Add a Comment:
 
No comments have been added yet.

Premium Membership
:iconwishify:
Collection by
Please :+fav: of you use it!
Thank you!
Show
Add a Comment:
 
No comments have been added yet.


Exclusively for Premium members and Super groups only


How to use ?


Just copy the source code(s) below and paste it in your CustomBox module in your profile or group page.


SOURCE CODE:


Small Player 1:
<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><img width="54" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Small Player 2:
<div class="pagination sitback-container talk-post popup2-clear"><img width="154" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Medium Player 1:
<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Medium Player 2:
<div class="pagination sitback-container talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Long Player 1:
<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="sitback-slide flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Long Player 2:
<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>



Other tutorials


Content-Holder Box Floating Image Tutorial:


Custom Box background tutorial:


Custom background for DeviantID-box widget:


Custom background for New deviation-box widget:




Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points :points: to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
Show
Add a Comment:
 
No comments have been added yet.

You can use it if you want ^^

Show
Add a Comment:
 
No comments have been added yet.

Tick by Gasara Yes, you can use
Cross by Gasara Please do not edit
Cross by Gasara Please do not redistribute
Note by Gasara Please credit if used outside deviantART

Right Mood Icon by Gasara Terms of Use



FAQ10 - How do I add a custom background?
FAQ11 - How do I repeat my custom background?
FAQ15 - How do I find an image URL?
Show
Add a Comment:
 
No comments have been added yet.

yeah
Show
Add a Comment:
 
No comments have been added yet.

ppl ask me where i got my tumblr background from,
i draw me a own one because rasons :I

If you credit me you can use this for free as backrgound for custom boxes and tumblr 8D

here full size
[link]
[link]

:bulletblack: Sparky / draw me :iconlocoviscacha:
....and don't copy this :iconreadthedescription-1::iconreadthedescription-2:
Show
Add a Comment:
 
No comments have been added yet.

no!! u cant use this as a custom box bg if u dont have premium membership
yes!! u can use this for free if u want to! u dont need to ask
i spent like 5 minutes on it literally use it for anything idc
paste it on ur wall or under weird furry porn it doesnt even matter ok???
go wild!!!!!!
Show
Add a Comment:
 
No comments have been added yet.

Designed for the Forgotten Memories journal skin:



More Custom Boxes:

:icongouseplz::iconthisartplz:
(For dA custom boxes only)
Show
Add a Comment:
 
No comments have been added yet.

im havin fun makin these haha. this is free to use too!!
Show
Add a Comment:
 
No comments have been added yet.

You can use these backgrounds for personal use like on your deviantART page background or other backgrounds
Show
Add a Comment:
 
No comments have been added yet.

customiztion
:iconr0ck-on:
Collection by
Thank you so much! I never thought that so much people will use it! :heart:

You can use it if you want.
It would be nice if you credit me somewhere on your profile and please fave it so i can see who used it.



Here is the code:
Just remove the ###


<img src="h###ttp://fc01.deviantart.net/fs70/f/2012/329/7/5/custom_box_background_3_by_shorty_x3-d5m4ji3.png">

CONTENT HERE



</code>
Show
Add a Comment:
 
No comments have been added yet.

Edit 18.10.2012:

You can use it if you want.
It would be nice if you credit me somewhere on your profile and please fave it so i can see who used it.



Here is the code:
Just remove the ###

<div class="popup2-moremenu"><div class="floaty-boat"><img src="h###ttp://fc08.deviantart.net/fs71/f/2012/292/4/a/custom_box_background_1_by_shorty_x3-d4i4kkj.png"><div class="gr-box">
CONTENT HERE



May not use by anyone!

Show
Add a Comment:
 
No comments have been added yet.

Custom Box Help
:iconmew-chii:
Collection by
A custom box I made for my own profile, but you can use it too if you want to~! No need to ask or give credit, I'd appreciate it if you faved it though~ :iconsmile-luplz:

I can't find the particular brushes I used for the pattern, but here's the lace border: browse.deviantart.com/art/Thre...

Show
Add a Comment:
 
No comments have been added yet.

I was making my profile new and decided to make a free content holder~
It's free so use it to your content~ :iconyuiswayplz:
Commisions are open~ [link]
Show
Add a Comment:
 
No comments have been added yet.

nother background n_n

figured my old pink background was getting a little old...so heres a new one!!

this is free to use!!!
Show
Add a Comment:
 
No comments have been added yet.

:iconthilie:
FREE FOR USE!
Please do not take credit for yourself ~
Show
Add a Comment:
 
No comments have been added yet.

a pink paid button, free to use :3
Show
Add a Comment:
 
No comments have been added yet.

CUSTOM
:iconran-yukino:
Collection by

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««



Live view: cyphervisor.deviantart.com/jou…



Live views from other deviants: xgblue.deviantart.com/journal/… , kovowolf.deviantart.com/journa… , moofestgirl.deviantart.com/jou…

JOURNAL text code (each color is in each line)

<div class="PBC"><div class="PBtitle-white">Red color</div><div class="bar red size20"></div></div>
<div class="PBC"><div class="PBtitle-black">Yellow color</div><div class="bar yellow size40"></div></div>
<div class="PBC"><div class="PBtitle-white">Green color</div><div class="bar green size32"></div></div>
<div class="PBC"><div class="PBtitle-white">Blue color</div><div class="bar blue size90"></div></div>
<div class="PBC"><div class="PBtitle-black">Purple color</div><div class="bar purple size67"></div></div>
<div class="PBC"><div class="PBtitle-white">Orange color</div><div class="bar orange size39"></div></div>
<div class="PBC"><div class="PBtitle-white">Pink color</div><div class="bar pink size45"></div></div>
<div class="PBC"><div class="PBtitle-black">White color</div><div class="bar white size37"></div></div>
<div class="PBC"><div class="PBtitle-black">Cyan color</div><div class="bar cyan size52"></div></div>


HOW to customize "title" and "size" of the progress-bar



Code break-down:
<div class="PBC"><div class="PBtitle-white">YOUR_PROGRESSBAR_TITLE</div><div class="bar red size20"></div></div>


Change:

1) The title text color to black or white by replacing the text "PBtitle-white" by "PBtitle-black"
2) The progress bar title by replacing the text YOUR_PROGRESSBAR_TITLE with your own.
3) The size of the progress bar by replacing the text size20 with your own number such as size43, size57, size86. Just make sure the number is 0-100.




CSS code



.PBC
{
padding-top:1px;
padding-left:1px;
width:380px;
height:30px;
background:#3e4044;
box-shadow:0px 2px 5px #1a1a1a inset;
-moz-box-shadow:0px 2px 5px #1a1a1a inset;
-webkit-box-shadow:0px 2px 5px #1a1a1a inset;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #1d1d1d;
}
.red{background:#d32727;}
.yellow{background:#d1cb21;}
.green{background:#8cc822;}
.blue{background:#2694e1;}
.purple{background:#c026e1;}
.pink{background:#e126cd;}
.white{background:#efefef;}
.cyan{background:#19e1da;}
.orange{background:#e17719;}
.PBC .bar
{
position:relative;
height:29px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.PBC .PBtitle-black
{
background:transparent;
font-family:Arial;
font-size:13px;
padding-top:6px;
padding-left:5px;
position:absolute;
z-index:99;
font-weight:bold;
color:#28292d;
text-shadow:#e9e9e9 0px 0px 5px;
}
.PBC .PBtitle-white
{
background:transparent;
font-family:Arial;
font-size:13px;
padding-top:6px;
padding-left:5px;
position:absolute;
z-index:99;
font-weight:bold;
color:#fff;
text-shadow:#959595 0px 0px 5px;
}
.size0{width:0%;}
.size1{width:1%;}
.size2{width:2%;}
.size3{width:3%;}
.size4{width:4%;}
.size5{width:5%;}
.size6{width:6%;}
.size7{width:7%;}
.size8{width:8%;}
.size9{width:9%;}
.size10{width:10%;}
.size11{width:11%;}
.size12{width:12%;}
.size13{width:13%;}
.size14{width:14%;}
.size15{width:15%;}
.size16{width:16%;}
.size17{width:17%;}
.size18{width:18%;}
.size19{width:19%;}
.size20{width:20%;}
.size21{width:21%;}
.size22{width:22%;}
.size23{width:23%;}
.size24{width:24%;}
.size25{width:25%;}
.size26{width:26%;}
.size27{width:27%;}
.size28{width:28%;}
.size29{width:29%;}
.size30{width:30%;}
.size31{width:31%;}
.size32{width:32%;}
.size33{width:33%;}
.size34{width:34%;}
.size35{width:35%;}
.size36{width:36%;}
.size37{width:37%;}
.size38{width:38%;}
.size39{width:39%;}
.size40{width:40%;}
.size41{width:41%;}
.size42{width:42%;}
.size43{width:43%;}
.size44{width:44%;}
.size45{width:45%;}
.size46{width:46%;}
.size47{width:47%;}
.size48{width:48%;}
.size49{width:49%;}
.size50{width:50%;}
.size51{width:51%;}
.size52{width:52%;}
.size53{width:53%;}
.size54{width:54%;}
.size55{width:55%;}
.size56{width:56%;}
.size57{width:57%;}
.size58{width:58%;}
.size59{width:59%;}
.size60{width:60%;}
.size61{width:61%;}
.size62{width:62%;}
.size63{width:63%;}
.size64{width:64%;}
.size65{width:65%;}
.size66{width:66%;}
.size67{width:67%;}
.size68{width:68%;}
.size69{width:69%;}
.size70{width:70%;}
.size71{width:71%;}
.size72{width:72%;}
.size73{width:73%;}
.size74{width:74%;}
.size75{width:75%;}
.size76{width:76%;}
.size77{width:77%;}
.size78{width:78%;}
.size79{width:79%;}
.size80{width:80%;}
.size81{width:81%;}
.size82{width:82%;}
.size83{width:83%;}
.size84{width:84%;}
.size85{width:85%;}
.size86{width:86%;}
.size87{width:87%;}
.size88{width:88%;}
.size89{width:89%;}
.size90{width:90%;}
.size91{width:91%;}
.size92{width:92%;}
.size93{width:93%;}
.size94{width:94%;}
.size95{width:95%;}
.size96{width:96%;}
.size97{width:97%;}
.size98{width:98%;}
.size99{width:99%;}
.size100{width:100%;}




USAGE POLICY


1) You are allowed to use this ready-made code in your new skin provided it’s a FREE SKIN.

2) You are allowed to modify the code as per your requirement in your skin

3) You are required to inform me by sending me a NOTE while using this code

4) You need to CREDIT ME and LINK back the SOURCE CODE when using this code (Example on how to credit xgblue.deviantart.com/journal/… , kovowolf.deviantart.com/journa… , moofestgirl.deviantart.com/jou…

5) If you are using this for a “COMMISSION SKIN” then you need to pay me an incentive for using it. Note me for more details.

6) You cannot resubmit, claim the codes to be yours.





Found any bugs? :bug:


Let me know if you find any bug while using this code.



Get progress bars for your custom box:


Progress Bar (for Custom box) by CypherVisor




Want to buy unique ready-made skins?


Check my gallery folder for Read-made Journal Skins.




I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note





Want to customize your profile page?


Check all my free resources + tutorials: CypherVisor.deviantart.com/gal…



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.


Coding copyright © `CypherVisor
Show
Add a Comment:
 
No comments have been added yet.

R U L E S:
» credits optional, but as you imagine really appreciated.
» strictly forbidden hosting them on other sites or making other resources from this
» I'd be glad to see what you've done, so don't hesitate to let me know :heart:

INFO:
~14 large material scan (well, actually photos) .
Show
Add a Comment:
 
No comments have been added yet.

RULES:
*Credits/comments/faves greatly appreciated on this account
*strictly forbidden hosting on your sites or claiming as proper!
*please don't make other resources out of this
*if used i'd just like to see how, so let me know where by leaving a comment here :)

INFO:
the set is composed by
>> 18 icon textures
Show
Add a Comment:
 
No comments have been added yet.

All of the items in this pack are now available individually and without the need to download them. View them here.

I cannot stop making these D:

This time we have a lace-themed 29-piece decor pack for your dA profiles. The pack contains:

♥ 6 premade stamp bases
♥ 1 blank lace stamp border - for your own designs
♥ 4 lace dividers
♥ 3 heart mini icons
♥ 3 patch mini icons
♥ 6 custom box backgrounds
♥ 6 seamless bg patterns -for easier use on other sites

Hope you like them. Now, go make your profiles pretty! ♥

:bulletgreen: HOW TO USE
..............................................................

- Download the zip file from the link on the right
- Upload the images you want to use to any image hosting website (eg. Imageshack)
- Add to your profiles, galleries, journals or wherever else you want!

H E L P
>> Downloading / Uploading tutorial
>> Pretty up your Profile tutorial


:bulletpink: USEAGE
..............................................................

These can be used in:
- Custom boxes
- Journal entries
- Other websites
- Artwork

- You can alter any of the colours

- Credit must be given if used outside of deviantART or if used in Flash games or commercial art. Thank you.


:bulletyellow: RELATED DEVIATIONS
..............................................................

Show
Add a Comment:
 
No comments have been added yet.

I was going to make the title the whole of the...actual title but I can never remember it. I was also going to put Rini/Chibiusa, Luna, and Artemis, but seeing as I wanted the border to stay as it was instead of darkening with the rest, I had to colour in each frame individually, and I didn't feel like doing so much.

So yeah. First I got back into InuYasha, now for some reason it's Sailor Moon. I never realized just how different Lita looks in the manga compared to the anime.

And - what is this? Holy crap this is the first stamp before I hit a whopping 300 stamps. I've just been pedaling these out like crazy since August.

Other stamps: [link]
Show
Add a Comment:
 
No comments have been added yet.