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
1,876 (3 today)
Favourites
156 (who?)
Comments
18
×
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:
 
:iconorribu:
orribu Feb 27, 2014  Hobbyist Digital Artist
This is like-- super mega cool ; w; <3333
Reply
:iconm0nst3rmutt:
M0NST3RMUTT 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 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 Dec 23, 2013  Hobbyist Digital Artist
Okay thank you! <3
Reply
:iconhuina:
huina 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 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 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
:iconm0nst3rmutt:
M0NST3RMUTT Dec 28, 2013  Hobbyist Digital Artist
sta.sh/01vm4vir8626
Sorry if it's a little messy ene
Reply
:iconhuina:
huina Dec 30, 2013  Professional Digital Artist
alright I've been testing on my side and never got a situation similar to yours. Which browser are you using? I tried it on firefox and chrome so far
Reply
(1 Reply)
:iconniqhtliqhts:
niqhtliqhts Nov 29, 2013  Hobbyist Digital Artist
Does this come in white?
Not the text, but the box itself?
I've seen someone with a white version ...
Just curious.
Reply
Add a Comment: