HOME | DD
CypherVisor — Content-Holder Box Floating Image Tutorial
Published: 2013-03-10 14:41:45 +0000 UTC; Views: 195811; 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
hmh i followed everything stpe my step,
allready read all of the comments and tried tips you're giving there,
but somehow i can;t find you giveing a sollution for these problems :C
bthe image just won't 'float' atall..
the options i have is in or out of the text box
👍: 0 ⏩: 1
Where are you trying is may I ask? Which widget box and which content-holder box?
👍: 0 ⏩: 1
its the cutsom box right above the comments if you mean thatone
👍: 0 ⏩: 1
You mean the bunny image to float inside your content-holder box?
👍: 0 ⏩: 1
no it;s a custom holder box right above the comments on my page
i don\t even have bunnies on my page o-o
👍: 0 ⏩: 1
you are talking about the "NO I WON'T..." box right?
👍: 0 ⏩: 1
The image won't float if you are using a content-holder box with a bg on it.
👍: 0 ⏩: 1
I have a problem,
Does this only work for small images?
because wheni put big images, they go inside the content holder
👍: 0 ⏩: 1
Depends on how big your image is. Have you tried it with a small image?
👍: 0 ⏩: 0
Do you have to have premium membership to do this?
👍: 0 ⏩: 0
thanks for the tutorial! however, i'm having a problem whereas the text sticks too far to the left! (it goes to the edge of the box)
puu.sh/4frCj.jpg
how do i fix it?
this is the code:
puu.sh/4frFl.png
👍: 0 ⏩: 1
where there is this
👍: 0 ⏩: 0
How do you make the image stick out of the top rather than hang from the bottom?
👍: 0 ⏩: 1
I'll do a tut for that later.
👍: 0 ⏩: 2
I've tried this but it turned out like this sta.sh/029cd32ulmf7 with the green bar at the bottom ;^; can you help please?
👍: 0 ⏩: 1
I can see only the lower portion of your box in the screenshot. May be show me the whole code and image?
👍: 0 ⏩: 1
Ok 
👍: 0 ⏩: 1
Since you have not given me the codes to check in... but probably you would want to shift the
Check it out if it works..
👍: 0 ⏩: 1
It only goes completely under the box :T
How do I give you the codes? Should I just copy paste it here?
Sorry I've never really coded before, but thank you so much for the help
👍: 0 ⏩: 1
How big should the small image be? what is the ideal size?
👍: 0 ⏩: 1
Around 200x200px would be fine.
👍: 0 ⏩: 1
|D thanks. Too bad I was too retarded to see it was for premium members only. ;;
👍: 0 ⏩: 1
I love this tutorial and it works for me all the time!!! But I was wondering, I have been searching for a tutorial that would show me how to make images smaller, and have them float. Is that impossible or not? And what I mean by making them smaller, I mean by using the code that you have to post the image url and the you have to fill in the width and the height.
👍: 0 ⏩: 1
You can use the width property in your img tag.
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 1
this is great but this never seems to work for me!! the picture always appears inside of the content holder instead of floating no matter what i do!
👍: 0 ⏩: 1
Have you tried putting the image code at the end of your content?
👍: 0 ⏩: 1
hmm. it seems to have worked, however, is there a way to have the image floating on the right side of the content holder?
👍: 0 ⏩: 1
That's cool. And yes, there is. You can use the custom bg code to do that.
👍: 0 ⏩: 1
this is a great tutorial, but when i put the code and do all that stuff (yeah yeah xD) all it does is show it in the box, it's never floating, and im not using one of your custom boxes, is that the problem?
👍: 0 ⏩: 0
Can you make a tutorial on how to put a floating image in your journal skin?
👍: 0 ⏩: 1
I surely can. However, I gotta get sometime for it.
👍: 0 ⏩: 1
thank you! i'll wait! ^.^
👍: 0 ⏩: 1
<= Prev | | Next =>