Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
August 15, 2013
Image Size
53.7 KB
Resolution
941×645
Link
Thumb
Embed

Stats

Views
3,165 (9 today)
Favourites
215 (who?)
Comments
21
×
Custom Box - Black non-rounded content holder by huina Custom Box - Black non-rounded content holder by huina

This content is available only for premium members and/or Super groups


How do I get that?



Copy paste the codes below


Green text with heading and separating line



<div class="pager-dark pp"><div class="text"><div class="h" align="center"><font size="3">This is your heading here</font>< hr >< /hr ><div align="justify">You can have all your content here. Blimey</div></div></div></div>

Remove spaces for < hr > and < /hr >

Green text with heading


<div class="pager-dark pp"><div class="text"><div class="h"><div align="center"><font size="3">This is your heading here</font></div><div align="justify">
You can have all your content here. Blimey</div></div></div></div>


Green text content


<div class="pager-dark pp"><div class="text"><div class="h"><div align="justify">You can have all your content here. Blimey</div></div></div></div> </code>

Green text content followed by white text content


<div class="pager-dark pp"><div class="text"><div class="h"><div align="justify">You can have all your content here. Blimey</div></div></div>
<span class="smbutton-purple popup2-clear">And it can come right into 2 colors (>u<)d </span></div></div>


White text with heading and separating line


<div class="pager-dark rounded pp"><div class="text"><div class="h" align="center"><span class="smbutton-purple popup2-clear"><font size="3">This is your heading here</font>< hr >< /hr ><div align="justify">You can have all your content here. Blimey</span></div></div></div></div>

Remove spaces for < hr > and < /hr >

White text with heading


<div class="pager-dark pp"><div class="text"><div class="h"><div align="justify"><span class="smbutton-purple popup2-clear"><font size="3">This is your heading here</font>
You can have all your content here. Blimey</span></div></div></div></div>


White text content


<div class="pager-dark pp"><div class="text"><div class="h"><div align="justify"><span class="smbutton-purple popup2-clear">You can have all your content here. Blimey</span></div></div></div></div></div>


If you wish to change the size of your headings

<font size="3">
Replace by another number.
1 is smaller text. 2 is the normal size. Starting 3 is bigger.

If you wish to change the font of your headings

<font size="3" face="Arial">
Replace Arial by any Deviantart friendly font. You can find a list Here

If you wish to change the alignment of your text

<div align="justify">
Replace justify by either:
left
center
right
justify
Add a Comment:
 
:iconprawlette:
Prawlette Featured By Owner Jun 22, 2014  Student Digital Artist
Is there a way to get rid of the background? Or make it transparent atleast?
Reply
:iconhuina:
huina Featured By Owner Jun 22, 2014  Professional Digital Artist
to get rid of the black? I don't think so. This is a styled code from Deviantart. That one code will only give you this box and nothing else. Maybe you should look for another one in CustomizeYourProfile 
Reply
:iconprawlette:
Prawlette Featured By Owner Jun 22, 2014  Student Digital Artist
I did it thank you ehehe, turns out just needed to take out a line from the code ^_^
Reply
:iconorribu:
orribu Featured By Owner Feb 27, 2014  Hobbyist Digital Artist
This is like-- super mega cool ; w; <3333
Reply
:iconm0nst3rmutt:
M0NST3RMUTT Featured By Owner Dec 22, 2013  Hobbyist Digital Artist
Hello! ;u;
I've just been sprucing up my profile recently and started using these! They work great, with the exception that they don't work with music players! It looks kind of silly... they are pictured as outside of the box! Any help would be very appreciated, and thanks in advance uvu
Reply
:iconhuina:
huina Featured By Owner Dec 22, 2013  Professional Digital Artist
hmmm I tried it around but couldn't figure why it would not work inside the box code for now. I'm saving this up and will come back to you later.
Reply
:iconm0nst3rmutt:
M0NST3RMUTT Featured By Owner Dec 23, 2013  Hobbyist Digital Artist
Okay thank you! <3
Reply
:iconhuina:
huina Featured By Owner Dec 23, 2013  Professional Digital Artist
Alrighty. I tried within my own boxes on my pages but they were poofing but I figured it was due to another code. The following code works perfectly. I do not know your initial code but well here is how the good one should be build up. 


<--box code until the end of your content. 
<--Get the youtube player code and copy it within the custom content of the black box. E.g. instead of "Blimey"
<-- Keep the last 4
to close your black box.

<font size="3">This is your heading here</font>< hr >< /hr >
You can have all your content here. Blimey 

<img width="344" height="24" src="fc05.deviantart.net/fs70/f/201…"/>
<da:embed profile="youtube" id="VIDEO_ID"/>
 


Tell me if that works. I hope it helped you
Reply
:iconm0nst3rmutt:
M0NST3RMUTT Featured By Owner Dec 24, 2013  Hobbyist Digital Artist
It does work, however there is a little white box separating it from the content and features the picturish part of the video, and I only ned the Little gray bar at the bottom of the vid...
Sorry if I'm inconveniencing you aaa ;o;
Reply
:iconhuina:
huina Featured By Owner Dec 25, 2013  Professional Digital Artist
do you have a screenshot for me? I have a hard time picturing what you are saying. Also it depends if you copy pasted a freshly new code or the one from the comment above. The last one has a link cut so that could be a reason as to why it is not working.
Reply
Add a Comment: