HOME | DD
CypherVisor — Content-Holder Box Floating Image Tutorial
Published: 2013-03-10 14:41:45 +0000 UTC; Views: 195808; Favourites: 7520; 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
Tell me how can I help you. Try to be specific btw.
👍: 0 ⏩: 1
like, um.... uh, its hard to be specifuc >.<
👍: 0 ⏩: 1
Hmm... you can try atleast..
👍: 0 ⏩: 0
When I placed your example code in it worked perfectly and the fella image floated perfectly. But when I tried replacing it with the URL of various-sized page dolls, they only expanded the content holder box and did not float between...
👍: 0 ⏩: 1
How big is the image that you are using?
👍: 0 ⏩: 1
I figured out the problem ^^ I had a button at the bottom of the box and had to put the image code after the button code
👍: 0 ⏩: 1
i dont think its working anymore? ive tried using it before, and it worked
but it doesnt seem to work now
👍: 0 ⏩: 0
i think its broken because its not working for me
👍: 0 ⏩: 2
It is working fine. Could you please check it again? Otherwise provide me some more information on your problem.
👍: 0 ⏩: 1
oh nevermind. my picture was way to big
👍: 0 ⏩: 1
i mean like, wont even work. its just in the middle of the text
👍: 0 ⏩: 1
ahh well for me it doesnt even show the picture eAe only a big ass space thing
👍: 0 ⏩: 1
wowie. thats one hella glitch
👍: 0 ⏩: 0
It doesn't work for me.... Q A Q
👍: 0 ⏩: 1
May I see where are you using it?
👍: 0 ⏩: 2
I currently have the same problem as =kiwi-chanx : ( I placed it somewhere on the text yet it's only making the box expand. I currently tried it on the first box on the left.
👍: 0 ⏩: 2
If yo are using the custom box background code along with this then it won't work.
👍: 0 ⏩: 0
Yeah! That's what I got at first. But then, I waited a few days and did it again and it works! ; v ;
You can try again in a few days...?
👍: 0 ⏩: 1
Ohhhhh thanks for replying Miss Kiwi! ovo Your custom box looks real pretty ; v ; <3 I'll wait and see then and hopefully, it works xD
👍: 0 ⏩: 1
Wahh > // v // < No problem~ ♥
And thanks so much! ; // v // ; By the way, I suggest that you put the link of the Content Holder thing after all your CSS coding but before the text. You can add one or two text in but that's it. Then you add the link in and it'll work. Try it! That's what I suggested to someone, and she said it worked! u v u ♥
👍: 0 ⏩: 0
For the custom boxes? I tried doing it, and it only has the picture inside the box, it's not floating or anything Q A Q
👍: 0 ⏩: 1
If you are using the custom box background code along with this then it won't work.
👍: 0 ⏩: 0
So I've been wondering..
Does this work with Gifs? o3o
Thanks in advance.
👍: 0 ⏩: 1
yep. Any image format will work!
👍: 0 ⏩: 1
Thank-you so much for the help.! but two more question..
Is there a way to put it more up the top (left hand corner)?
And how big should the image size be?
Cheer ^-^
👍: 0 ⏩: 1
Yes, use the custom bg code from here: cyphervisor.deviantart.com/art…
And anything below 150px width and height should be fine.
👍: 0 ⏩: 0
is there a way to make the image farther up because when i put mines in my custom box, its barely overlapping or just not overlapping at all.
👍: 0 ⏩: 1
There is a different technique required to do that.
👍: 0 ⏩: 0
Heeey-ey! x3
i have a question! I was just playing around with this on my page, but i wonder... can you put the image more to the right?
like, slightly outside the box?
👍: 0 ⏩: 1
Well, there is another technique to do that. You can't do that with this tut.
👍: 0 ⏩: 0
Thanks so much! I really loved this tutorial! Now my page has little chibis, alot cuter now.
👍: 0 ⏩: 1
I am glad that you found it useful!
Enjoy!
👍: 0 ⏩: 1
Oh yes, it was really useful. ^^
👍: 0 ⏩: 0
Thank you so much! It worked great! Very easy instructions to fallow... will tweak it some more later.
👍: 0 ⏩: 1
Do you know how to put it outside of the blue box?
👍: 0 ⏩: 1
You can see FAQ #9 here (Custombox F.A.Q. + Tips and tricks ) on how to use the content holder box with a custom bg. So now if you want to insert an image after your box then use the code from FAQ#9 and then just put it after you content-holder box code. 
👍: 0 ⏩: 0
question: is there any way to change the size of the image you are using?
👍: 0 ⏩: 1
You can use the width or height property in the img tag. But I would recommend you to create the size you want in your graphics software rather than using these properties because it would cause the image to get blurry or loose sharpness.
Also, check this Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 0
<= Prev | | Next =>