Shop Mobile More Submit  Join Login

Custom User Boxes Tips/Tricks

Sun Jul 4, 2010, 3:13 PM
You can see a preview of all custom user boxes here here!

How to Make a Sticky Bar

This tutorial applies only to this custom user box:
Green and Red Bars by LumiResources

What this tutorial will do is stick your green/red bar to the top of your widget.


Example


NOTE: This will not work in the deviantID widget unless you have no deviantID selected.

Copy and paste the following code into the module you wish to apply the code to:
<div class="popup2-moremenu"><br><div class="floaty-boat"><img src="http://kitsunelunari.com/da/barspacer.png"/><br>PASTE YOUR BAR CODE HERE</div><div class="gr-box gr-genericbox">THIS IS WHERE YOUR CONTENT WILL GO</div></div></div>

And we're done! Just modify the bolded code with your content.

How to Make Linkless Buttons

This tutorial applies only to these custom user boxes:
Buttons by LumiResourcesBig Buttons by LumiResourcesYes No Poll by LumiResourcesFair Unfair Poll by LumiResources

You know what a link (or hyperlink) is right? Well, these button have a place for hyperlinks. This tutorial removes them in case you don't have or don't want a link.

In each of those custom user box codes, you will find something that should look like this:
<a href="">Regular Button</a>

Take out the href="" part, and it should look like this:

<a>Regular Button</a>

And there we have it! These buttons will keep you stationary should you click one them. :)

How to Make No-Subtitle Boxes

This tutorial applies only to these custom user boxes:
Group Box by LumiResourcesWarning Box by LumiResourcesSnazzy Box by LumiResources

Those boxes have a placeholder for subtitles, but what if you have nothing to put? This tutorial will remove the subtitle placeholder if you don't have or don't want a subtitle.


Example

First, remove this from the code:

<br>SUBTITLE HERE

After you remove that, locate the following in the code:

<div class="thumb-holder">

And change it to the following:

<div class="thumb-holder cc-name">

Now you only have a title, which is now larger to fit the empty space where the subtitle was.

How to Add Padding

This tutorial applies only to these custom user boxes:
Group Box by LumiResourcesWarning Box by LumiResourcesSnazzy Box by LumiResourcesYes No Poll by LumiResourcesSimple Box with Gold Header by LumiResourcesVery Basic Box by LumiResourcesDark Box by LumiResourcesFair Unfair Poll by LumiResources

Do you want your boxes to have more breathing room? This tutorial will increase the space between your content and the edges of the box.

First locate the following in the code

<div class="pp">

Do you see the part where is says pp? This creates padding. You can only have one to four p's. Here's a basic list:
  • p - Not very much padding.
  • pp - Default padding. Medium.
  • ppp - A large but good amount of padding in most cases.
  • pppp - Maximum padding. High.



How to Customize User Box Icons

This tutorial applies only to these custom user boxes:
Snazzy Box by LumiResourcesWarning Box by LumiResourcesGroup Box by LumiResources
Note! I highly suggest you don't alter the icons of the Warning Box and Group Box because they will lose their authenticity. ;)

This tutorial has actually already been done by CypherVisor! :D

Content-holder ICON tutorial by CypherVisor


How to Make Any Button Disabled

This tutorial applies only to these custom user boxes:
Buttons by LumiResourcesBig Buttons by LumiResources

There is a special regular button that is disabled. It's just slightly transparent. If you want to, for example, make your green button look disabled, find this in the code:
<i class="there will be stuff here">Green Button!</i>

And add disabledbuttonafter the other content in the class element:
<i class="there will be stuff here disabledbutton">Green Button!</i>

For the big buttons, put it in the class element of the a tag, not the span tag. Like so:
<a class="there will be stuff here disabledbutton"><span class="post">Big Purple Button!</span></a>


Add a Comment:
 
:iconp-i-c-k-l-e:
p-i-c-k-l-e Featured By Owner Nov 13, 2014  Hobbyist Digital Artist
hello! is there any way to change the icon that goes into the "snazzy box" content holder*?

* this one:
Snazzy Box by LumiResources
Reply
:iconwalalang123:
walalang123 Featured By Owner Nov 20, 2012
Art has the ability to transport us to a different time and place. It allows us to gain historical perspective and understanding. Art allows us to appreciate different periods in history and their impact and significance in our world. -Markus Lattner
Reply
:iconjunguu:
junguu Featured By Owner Nov 19, 2012  Hobbyist Digital Artist
Hi :D um how do you just remove/hide
the 'username (link)' and 'country' from the deviantid widget?
no add-ons necessary! and if you can explain how to tweak bg color it'd be really helpful ^^;
Reply
:iconastrikos:
Astrikos Featured By Owner Oct 5, 2012   General Artist
How lovely and helpful/ :la:
Reply
:iconalkraas:
Alkraas Featured By Owner Oct 5, 2012  Hobbyist Digital Artist
Is there a way to code a custom button in journals?
Reply
:iconlaaszul:
Laaszul Featured By Owner Aug 30, 2012
How do I change the color of the text?
Reply
:iconsoftielocks:
SoftieLocks Featured By Owner Sep 1, 2012  Hobbyist General Artist
It isn't possible to change the color of the text on this site anymore, unfortunately. DeviantART has long since taken away that feature of HTML.
Reply
:iconlaaszul:
Laaszul Featured By Owner Sep 1, 2012
Ah, okay.

And also, what kind of custom box has a sort of counter? I've seen it on a few people's page.

One was something like "add plants (or something along those lines) to Soil's garden!" and there was a number, and I guess somewhere to click to add "plants". The little icon next to the name of the box was a ladybug.
Reply
:iconsoftielocks:
SoftieLocks Featured By Owner Sep 1, 2012  Hobbyist General Artist
I'm not all into that stuff, so I'm not entirely sure. ^^; Sorry.
Reply
:iconlaaszul:
Laaszul Featured By Owner Sep 1, 2012
It's fine :)
Reply
:iconangelofmin3:
AnGeLoFmIn3 Featured By Owner Jul 6, 2012
how to make the box with the Formerly _____? in
paintbrushy.deviantart.com
the formerly pemzix
Reply
:iconyanisnis:
yanisnis Featured By Owner Feb 19, 2012  Hobbyist General Artist
What is a bar code?
Reply
:iconroswell-shepherd:
Roswell-Shepherd Featured By Owner Aug 2, 2012  Hobbyist Digital Artist
I'm wondering the same.
Reply
:iconzandkfan4ever57:
ZandKfan4ever57 Featured By Owner Jan 25, 2012  Hobbyist Writer
I'm grateful, thank you for creating this! :XD:
Reply
:iconuntitledjoy:
UntitledJoy Featured By Owner Jan 19, 2012  Student Digital Artist
Can you put webcams on the custom boxes?
Reply
:icongallopingfreedom:
GallopingFreedom Featured By Owner Aug 21, 2012  Hobbyist Photographer
no but you can put the GIF on custom boxes by going:
<img src="URL"/>
<div class="gr-box">
Reply
:iconpurrrfectlyarsenic:
PurrrfectlyArsenic Featured By Owner Dec 23, 2011  Hobbyist Digital Artist
how do u put those lines in the custom boxes?
Reply
:iconxx5screamforblood5xx:
xX5ScreamForBlood5Xx Featured By Owner Aug 31, 2011  Student Digital Artist
How do i do the deviation box, and critique?


:P Also, deviant ID isnt working... *sigh*
Reply
:iconxkhaz-oujix:
XKhaz-OujiX Featured By Owner Jul 31, 2011  Hobbyist
I'm having little problems with the warning box. Could anyone help me with it? You can go see my page for the warning box problem. It's in the 'Test' custom widget. I'd need a bit help with it.

Thanks in advance. ^^
Reply
:iconseastarsan:
SeaStarSan Featured By Owner Jul 15, 2011
How would I be able to get rid of a subtitle box like this? [link]

I'd really like the help! ;w; Thank you!!
Reply
:iconmiyumicat:
miyumicat Featured By Owner Jul 5, 2011  Student General Artist
um, i used the custom background code on my ID and it worked. but i want to put words over it like *Jindovi's, and she said i need a text box over that. how would i do that?
Reply
:iconleguar:
Leguar Featured By Owner Jun 26, 2011  Hobbyist Digital Artist
I am totally confused D:
Reply
:iconsanpasazzaro:
SanpaSazzaro Featured By Owner Jul 2, 2011  Hobbyist Digital Artist
Perhaps because you don't have a sub? :?
Reply
:iconallysoncarver:
AllysonCarver Featured By Owner May 16, 2011  Hobbyist General Artist
my friend :iconbgsfm: recommended this, but It will NOT work.
I've tried EVERYTHING!
I've put the links in the right place, and it's only showed up as a picture ONCE, and that time it cover what i wanted to be ON TOP of it.
Reply
:iconjakes-doodles:
Jakes-Doodles Featured By Owner May 14, 2011  Hobbyist Traditional Artist
For the custom background what do you put for the content?
Reply
:iconkovowolf:
KovoWolf Featured By Owner Apr 27, 2011  Professional General Artist
Hey Lum,

I love this, thank you! Is there some way we can get the background behind thumbs? So if we want to put backgrounds behind our , say, deviation features on our profile, the background appears infront of the thumb so essentially hides it.
Reply
:iconpatamfreti:
patamfreti Featured By Owner Apr 27, 2011  Student General Artist
Amazing ! And very useful, thanks :)
Reply
:iconjuliakichhuebel:
JuliaKichhuebel Featured By Owner Apr 9, 2011  Student Traditional Artist
Does anybody know how to change the background in custom boxes?
Reply
:iconhersheystarlover:
HersheyStarLover Featured By Owner Jun 2, 2011  Student Digital Artist
Reply
:iconalxias:
Alxias Featured By Owner Apr 12, 2011  Hobbyist Writer
Put your own link?
Reply
:icon6nine-eyes9:
6nine-eyes9 Featured By Owner Mar 20, 2011  Student Digital Artist
is there a way to change the boxes color???? for example instead of clear make them gray or black?
Reply
:iconthe-average-alex:
The-Average-Alex Featured By Owner Jun 10, 2011   Digital Artist
If you mean the content boxes then no, however if you are just talking about the background color of the custom box then yes.
Reply
:iconsam-ely-ember:
sam-ely-ember Featured By Owner Mar 10, 2011  Hobbyist General Artist
This is just..perfect! Thank you so much <3
Reply
:iconiknak:
Iknak Featured By Owner Feb 20, 2011
Hey I don't know what to put in the CONTENT HERE part for the [link]
Reply
:iconxxpurpleninjaxx:
xxpurpleninjaxx Featured By Owner Apr 17, 2011
CONTENT HERE = Whatever you want to say in the box thingy~ c:
Reply
:iconiknak:
Iknak Featured By Owner Apr 17, 2011
Lol I figured it out.
Reply
:iconxxpurpleninjaxx:
xxpurpleninjaxx Featured By Owner Apr 17, 2011
Haha, that's good(:
:iconhave-anicedayplz:
Reply
:iconiknak:
Iknak Featured By Owner Apr 17, 2011
You too
Reply
:iconthesilvermist:
thesilvermist Featured By Owner Feb 2, 2011
I have a question that i am unsure if you can help with but hopefully can at least point me int eh right direction?
I am using custom background coding form ere:[link]
but i want to use it on my donation pool, however this means the background overlays ONT OP of the donation pool progress bar.. what ever (bar graph?) is there a way to tweak the code so the bar shows ON TOP of the background image?
if not have any idea what exactly that bar thing would be called to find a custom one on DA or through google? :confused:

thank you for you time and your awesome codes
Reply
:iconxxshattered--soulxx:
xXShattered--SoulXx Featured By Owner Jan 9, 2011
Is there a way to change text color?
Reply
:iconblackkitty45:
blackkitty45 Featured By Owner Jan 5, 2011  Hobbyist General Artist
im just curious, but what would be the code, for lets say i just want a simple colour, no repeating background pattern?
Reply
:iconstarry-dawn:
Starry-Dawn Featured By Owner Dec 21, 2010  Hobbyist General Artist
In the custom box, what is the code for a scroll bar?
Reply
:iconeminery:
eminery Featured By Owner Dec 11, 2010  Student Traditional Artist
Ah, about the custom background, how do I have it so it's behind the deviations in the gallery, favourites or featured deviation section? It always seems to end up in front so you can't see anything :(
Reply
:iconalxias:
Alxias Featured By Owner Apr 12, 2011  Hobbyist Writer
ME too; ever figure out how to fix it?
Reply
:iconeminery:
eminery Featured By Owner Apr 12, 2011  Student Traditional Artist
... No :iconsadtardplz:
Reply
:iconalxias:
Alxias Featured By Owner Apr 12, 2011  Hobbyist Writer
me neither. -=-
Reply
:iconserious-muffin:
Serious-Muffin Featured By Owner Dec 10, 2010  Student General Artist
custom background doesn't work :(
Reply
:iconlazurilina:
Lazurilina Featured By Owner Dec 30, 2010
You can only do it in your ID if you're a ~!!
Reply
:iconserious-muffin:
Serious-Muffin Featured By Owner Dec 31, 2010  Student General Artist
well i was a * but it ended :p
Reply
:iconlazurilina:
Lazurilina Featured By Owner Jan 2, 2011
aah, makes sense!
Reply
Add a Comment:
 
×




Details

Submitted on
July 4, 2010
Link
Thumb

Stats

Views
19,195 (7 today)
Favourites
227 (who?)
Comments
69
×