HOME | DD
CypherVisor — Content-Holder Box Floating Image Tutorial
Published: 2013-03-10 14:41:45 +0000 UTC; Views: 183347; Favourites: 7560; Downloads: 10
Redirect to original
Description
»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:
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
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.
Related content
Comments: 1090
EDIT: I found the solution, I use <*br> and the Sun magically drops down. 
Hello,
It may be not the good place to post this, but how do we change the y position of a background image? It's because I want to put planets one above the other, but I want to put text on them, so I made them as background images (I already have a complete background). It actually makes a mess, the Sun is hiding the Earth, so I want to know how do I change the y position of the Sun to make it go down.
As an image is better than 1000 words, here's my situation:
Thank you for your help!
👍: 0 ⏩: 0
my picture is floating at the top of the box and I can't fix it XD
👍: 0 ⏩: 0
okay so i've been trying continuously to simply put a png image on top of the background image, but i still haven't understood how it works.
The bg functions alright, until i try to put the image in a conctent holder box or even without, the result is an image before, after or behind (that was at the start) the bg..
yes, i've visited the faqs and tips section but it just seems i'm dumb..one lovely page i'm inspired by and in which there are some things i'd like to have similar is this.. finchwing.deviantart.com/
👍: 0 ⏩: 0
Does anybody know how to move these further right?
👍: 0 ⏩: 0
it only works with certain content holders
👍: 0 ⏩: 1
im not entirely sure but just use
trial and error
👍: 0 ⏩: 0
Pardon, but how do you do this on Journal skins?
👍: 0 ⏩: 0
just figured out that this only works with a certain white box
i forgot what box it was but its the box thats on my profile
👍: 0 ⏩: 0
Idk maybe I'm just a bewb with code but I can't seem to get this right >n<
I'm looking to use this image orig01.deviantart.net/8e4a/f/2… "
and this content box orig11.deviantart.net/e6d7/f/2… (the non-rounded + border one)
but I just can't get it right. Can someone please show me using those two things what the code is supposed to look like in order for it to work? TnT
👍: 0 ⏩: 1
Because the size is big, Maybe go smaller
👍: 0 ⏩: 0
Will this work with stash journal entries?
👍: 0 ⏩: 0
;-; i just want to put a welcome stamp in it but when i did it its so big
👍: 0 ⏩: 0
The code won't work for me? It either stays in the box and extends it or is outside of the box
👍: 0 ⏩: 1
it's probably that your image is too large. i don't know the limit though.
👍: 0 ⏩: 0
GrantOtters here's one, I'll link you to another when I get home
👍: 0 ⏩: 1
it either extends my box or goes outside of it, not halfway through the box
👍: 0 ⏩: 1
can you add an overlay over the top instead of the bottom??
👍: 0 ⏩: 0
so anyway I would prefer death
👍: 0 ⏩: 1
sorry that was edgy
👍: 0 ⏩: 1
I fixed my problem by giving up
👍: 0 ⏩: 1
Is there any way to move it further over the the right like *align=" far right"/>* or *align=" more right"/> ?
👍: 0 ⏩: 0
Is it possible to add two in the same content holder? ^^
👍: 0 ⏩: 0
I'm having trouble centering my images? Whenever I change the align to center it just stays on the left side of the box, any idea what's going on?
👍: 0 ⏩: 0
Could someone please help? Whenever I try to it it just puts the image inside the box and extends it.
👍: 0 ⏩: 1
you need to add more < / div > 's
👍: 0 ⏩: 0
hmm, is there any way to get a floating image without a content holder box?
👍: 0 ⏩: 1
yup, just don't include the code that makes a content holder box and use this code:
That should work, but let me know if it doesn't 
👍: 0 ⏩: 1
You're welcome! Glad to help
👍: 0 ⏩: 0
I've seen non core pages have this?? All I want is to figure out how to put an image on the side :0 I just wtf how
👍: 0 ⏩: 1
without space
< img src ="URL" /> image url not the link ;D
👍: 0 ⏩: 0
This works fine, thanks! Just wondering if there's a way to get a pagedoll floating outside the right or left boundaries of the content box?
👍: 0 ⏩: 0
ok, so heres my issue
its putting a blue box underneath the black box I am using. How do I fix this? add some more ?
👍: 0 ⏩: 1
| Next =>