Shop Mobile More Submit  Join Login
How To: Little box background in Custom Boxes by zara-leventhal How To: Little box background in Custom Boxes by zara-leventhal
Check out my gallery for more journal stuff: [link]

Instructions


All you have to do is use this code inside of your custom box, which is almost the same as the mini box code, except it includes the custom box background code inside of it, which allows the little boxes to have a background of their own. (that's a mouthful)

Basically this is the code for the little box with a background. XD


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

<div class="gr-box"><br /><div class="gr-box gr-headless"><i class="gr1"></i><i class="gr2"></i><i class="gr3"></i><div class="gr-body"><div class="gr"><div class="pp"><div align="center"><div class="popup2-moremenu"><div class="floaty-boat"><img src="BACKGROUND URL HERE"/></div></div><div class="gr-box"><div align="center">

ALL YOUR TEXT GOES HERE

</div></div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb gb1"></i></div></div>


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

=miemie-chan3 is the maker of the polka dotted background in the preview :)


:icongouseplz::iconthisartplz:


Find me on:
:facebook: http://www.facebook.com/ArtByZara
Add a Comment:
 
:iconraccoondeathpaw:
RaccoonDeathPaw Featured By Owner May 4, 2015
this doesnt work 
Reply
:iconchasuri:
Chasuri Featured By Owner Mar 1, 2015  New member Hobbyist Digital Artist
Thank you soo much it really helps me alot ;;u;;
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Mar 2, 2015  Student General Artist
i'm glad!! :) 
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Nov 4, 2014  Student Digital Artist
Nothing works for me ;-;
Reply
:iconufoe:
ufoe Featured By Owner Sep 25, 2014
i rly like this except for the little border at the top but thats just me!!!!
(this code: <*i class="gr1"><*/i><*i class="gr2"><*/i><*i class="gr3"><*/i>
without the star things of course. i know a bit about coding)

BUT thank you for this, i knew it already from somewhere??
but its good to have it in ur favs in case you lose it :+D
Reply
:iconlittlewhispurr:
LittleWhispurr Featured By Owner Apr 6, 2015  Hobbyist Writer
oh my GOD you are amazing, thank you xD 
Reply
:iconufoe:
ufoe Featured By Owner Apr 6, 2015
YR WELCOME !!
Reply
:iconclassicallyornate:
ClassicallyOrnate Featured By Owner Sep 25, 2014  Hobbyist Traditional Artist
;v; Thank you <3 
Reply
:iconley-kun:
Ley-kun Featured By Owner Jul 30, 2014  Hobbyist Digital Artist
first of all: Thank you so much for the coding. Its really helpful.
But I got some problems...
As you can see on my main page, I'm trying to use a floating image together with your bg codding.
I don't know why, but it doesn't work.
Do you have any idea of why?
I can show you the coding if is necessary
:iconcryforeverplz:
Reply
:iconxsugar-petals:
xSugar-Petals Featured By Owner Apr 23, 2014
My bg won't show on the box.
Reply
:iconlondonthegoat:
Londonthegoat Featured By Owner Sep 19, 2014  Professional Traditional Artist
hmmmm.....Did you change the text that says "ALL YOUR TEXT GOES HERE?"
Reply
:iconangiewaiwai:
angiewaiwai Featured By Owner Apr 23, 2014  Hobbyist Digital Artist
this is useful and nice thanks!
Reply
:iconpastelledmagic:
pastelledmagic Featured By Owner Apr 7, 2014  Hobbyist Digital Artist
OMG AWESOME <3333 THANK YOU SO MUCH
Reply
:iconspicasatsuki:
SpicaSatsuki Featured By Owner Apr 7, 2014  Hobbyist Digital Artist
BACKGROUND URL HERE
URL is taken from where?

help me 
Reply
:iconarisaxkureno:
arisaxkureno Featured By Owner Apr 14, 2014  Professional General Artist
just right click on the background you want and choose "Copy Image URL"  then Paste it in the code where it says "Background URL here"

Sorry if i didnt help or if you already found out what to do
Reply
:iconvanelinesloan:
VanelineSloan Featured By Owner Feb 20, 2014  Student Digital Artist
Thank  you so much for your help! :D
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Feb 23, 2014  Student General Artist
You're welcome! :)
Reply
:iconxnermy-oreo-chan:
xnermy-oreo-chan Featured By Owner Feb 10, 2014
I have a question~
where do you put your text? .o.
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Feb 11, 2014  Student General Artist
In the code where it says this "ALL YOUR TEXT GOES HERE" just delete that and type whatever you want :)
Reply
:iconxnermy-oreo-chan:
xnermy-oreo-chan Featured By Owner Feb 12, 2014
okay~
Reply
:iconnami-star:
Nami-Star Featured By Owner Feb 10, 2014   Digital Artist
Thanks so much!~
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Feb 11, 2014  Student General Artist
no probs! :)
Reply
:iconnami-star:
Nami-Star Featured By Owner Feb 11, 2014   Digital Artist
^^
Reply
:iconfuturistichedgie:
FuturisticHedgie Featured By Owner Jan 26, 2014  Student Artist
thanks for the tutorial its quite helpful!
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Jan 30, 2014  Student General Artist
Fantastic! So glad it helped!
Reply
:iconfuturistichedgie:
FuturisticHedgie Featured By Owner Feb 1, 2014  Student Artist
:D
Reply
:iconracheru-tan:
racheru-tan Featured By Owner Nov 21, 2013  Student Digital Artist
I tried but it isn't showing the bottom :(
it's like it was cut :\
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Nov 24, 2013  Student General Artist
I don't know why that is- could it be that the image wasn't long enough?
Reply
:iconracheru-tan:
racheru-tan Featured By Owner Nov 24, 2013  Student Digital Artist
I don't know :(((
The bottom looked like it was cutted, It doesn't show :(
I'm sorry I don't explain it better, english isn't my first language :P
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Nov 24, 2013  Student General Artist
it's okay, I understand what you're saying. :) But I don't know how to fix this. Maybe my code is outdated :c
Reply
:iconracheru-tan:
racheru-tan Featured By Owner Nov 24, 2013  Student Digital Artist
Oh gosh, can you please try it again? This is so cute and helpful and cute and lovely I just wanna full my page with this Y-Y
pretty please *^*
Reply
:iconhoshi-hana:
Hoshi-Hana Featured By Owner Nov 13, 2013  Hobbyist General Artist
Wow this is awesome :3
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Nov 24, 2013  Student General Artist
Glad it's useful!
Reply
:iconneonfluzzycat:
Neonfluzzycat Featured By Owner Sep 29, 2013  Student Filmographer
Does the background need to be a certain size? Because mine doesn't fit properly :/
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Sep 29, 2013  Student General Artist
It has to be large enough because it won't repeat, but that's the only size restriction. I checked your page and they seem to be working fine now!
Reply
:iconarcaangel:
Arcaangel Featured By Owner Sep 28, 2013
thank you very much, helped me.
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Sep 28, 2013  Student General Artist
you're welcome! :)
Reply
:iconmeiurin:
MeiuRin Featured By Owner Aug 30, 2013
how do you make picture overlap the custom box?
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Aug 30, 2013  Student General Artist
I don't know how to do that :c Sorry! It would definitely be cool if that were possible.
Reply
:icontheinspectre:
TheInspectre Featured By Owner Aug 11, 2013  Student General Artist
thank you a jillion times over :worship: :heart:
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Aug 15, 2013  Student General Artist
hahaha you're welcome! :meow:
Reply
:iconr0se-designs:
r0se-designs Featured By Owner Jul 29, 2013  Professional Digital Artist
Thank you! That will save my profile as I just needed that little extra for my commissions list! :D
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Jul 29, 2013  Student General Artist
:D I'm glad it helped!!
Reply
:iconmashi-chi:
mashi-chi Featured By Owner Jul 15, 2013
this helped a lot! xD Just a question, do you know how to change the text colour in this? ; u ;
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Jul 15, 2013  Student General Artist
As far as I know there is no way to change this :/ You might want to search around a bit, but I don't think it's possible atm.
Reply
:iconmashi-chi:
mashi-chi Featured By Owner Jul 15, 2013
oh, I've had a search around. I found how x3
Reply
:iconzara-leventhal:
zara-leventhal Featured By Owner Jul 15, 2013  Student General Artist
awesome!! :)
Reply
:iconheartzrainbow412:
heartzrainbow412 Featured By Owner May 24, 2013  Hobbyist Digital Artist
Is this only for premium membership?
Reply
:iconcerisecherrylips:
CeriseCherryLips Featured By Owner May 26, 2013  Hobbyist General Artist
Yes
Reply
:iconheartzrainbow412:
heartzrainbow412 Featured By Owner May 27, 2013  Hobbyist Digital Artist
oh okay
Reply
Add a Comment:
 
×




Details

Submitted on
January 21, 2012
Image Size
157 KB
Resolution
1000×473
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
18,027 (22 today)
Favourites
1,764 (who?)
Comments
125
Downloads
186
×