HOME | DD

CypherVisor — Content-Holder Box Floating Image Tutorial

Published: 2013-03-10 14:41:45 +0000 UTC; Views: 195806; 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

Proxy-Diva In reply to ??? [2014-01-29 20:52:24 +0000 UTC]

i did this and it worked but the image is small and its a big size is there not a code to resize it look on my da hp to see what i mean thanks

👍: 0 ⏩: 1

CypherVisor In reply to Proxy-Diva [2014-01-31 11:58:05 +0000 UTC]

Please check this journal for Custombox F.A.Q. + Tips and tricks

👍: 0 ⏩: 1

Proxy-Diva In reply to CypherVisor [2014-01-31 18:31:35 +0000 UTC]

thanks this really helped

👍: 0 ⏩: 1

CypherVisor In reply to Proxy-Diva [2014-02-06 12:48:10 +0000 UTC]

np.

👍: 0 ⏩: 0

locomore In reply to ??? [2014-01-19 06:27:50 +0000 UTC]

I followed the instructions exactly, and this is what happened imgur.com/mATdqrp


What do I have to do to fix this?

👍: 0 ⏩: 1

CypherVisor In reply to locomore [2014-01-31 11:59:04 +0000 UTC]

You just need to put some line-breaks (press enter in keyboard) before the next content-holder box.

👍: 0 ⏩: 1

locomore In reply to CypherVisor [2014-01-31 12:21:48 +0000 UTC]

Ah okay


(wow I feel stupid now XD)


thanks o much ^^

👍: 0 ⏩: 1

CypherVisor In reply to locomore [2014-02-06 12:49:32 +0000 UTC]

It's okay. no prob!

👍: 0 ⏩: 0

ChewyCacti In reply to ??? [2014-01-15 04:20:44 +0000 UTC]

How do you make it float above the content box ovo?

👍: 0 ⏩: 2

CypherVisor In reply to ChewyCacti [2014-01-31 12:04:11 +0000 UTC]

That is a different trick. I'll be making a tut for that when I get time.

👍: 0 ⏩: 0

ChewyCacti In reply to ChewyCacti [2014-01-15 04:21:48 +0000 UTC]

If that's even possible xD;

👍: 0 ⏩: 0

Rieliu In reply to ??? [2014-01-13 01:03:44 +0000 UTC]

I actually did a thing like this, but since I'm not a member, I just have it in the box, and I kinda like it that way. haha.

👍: 0 ⏩: 1

CypherVisor In reply to Rieliu [2014-01-31 12:03:47 +0000 UTC]

Haha, okay.

Btw, your icon is very...distracting

👍: 0 ⏩: 0

souyos In reply to ??? [2014-01-12 04:38:16 +0000 UTC]

THANK YOU this was a big help!

👍: 0 ⏩: 1

CypherVisor In reply to souyos [2014-01-31 12:02:49 +0000 UTC]

👍: 0 ⏩: 0

YuMEZAsu In reply to ??? [2014-01-08 01:21:15 +0000 UTC]

I tried everything it said and for some reason, it's not going the way I want it to. ;n;


👍: 0 ⏩: 1

CypherVisor In reply to YuMEZAsu [2014-01-31 12:04:23 +0000 UTC]

Why what's wrong?

👍: 0 ⏩: 1

YuMEZAsu In reply to CypherVisor [2014-01-31 20:03:53 +0000 UTC]

It still comes up as center even though I aligned it.

👍: 0 ⏩: 1

CypherVisor In reply to YuMEZAsu [2014-02-06 16:43:52 +0000 UTC]

Probably you are keeping the

in your code.

👍: 0 ⏩: 0

CommanderHomo In reply to ??? [2014-01-05 15:10:11 +0000 UTC]

I've been searching for this for month already !

Thanks so much ! So helpful !

👍: 0 ⏩: 1

CypherVisor In reply to CommanderHomo [2014-01-06 11:19:23 +0000 UTC]

Haha, I am glad that you found it!

Enjoy!

👍: 0 ⏩: 0

Sinasni In reply to ??? [2013-12-27 21:52:17 +0000 UTC]

How to do floating image above the text?

👍: 0 ⏩: 1

CypherVisor In reply to Sinasni [2013-12-28 07:13:17 +0000 UTC]

Use the custom bg code: cyphervisor.deviantart.com/art…

👍: 0 ⏩: 0

LadyCheck In reply to ??? [2013-12-26 13:36:24 +0000 UTC]

Thank you for all these helpful tutorials, they are wonderful!

👍: 0 ⏩: 1

CypherVisor In reply to LadyCheck [2013-12-27 15:30:33 +0000 UTC]

It's my pleasure!

👍: 0 ⏩: 0

FlaaffysTaffyAdopts In reply to ??? [2013-12-20 04:15:30 +0000 UTC]

how did you get the background behind the content box? uou

👍: 0 ⏩: 1

CypherVisor In reply to FlaaffysTaffyAdopts [2013-12-20 12:08:02 +0000 UTC]

You'll find your answer in this journal Custombox F.A.Q. + Tips and tricks


Thanks

👍: 0 ⏩: 0

MayaAtMidnight In reply to ??? [2013-12-08 02:27:04 +0000 UTC]

I've tried a million times and I can't get it to work 

//cries

👍: 0 ⏩: 1

CypherVisor In reply to MayaAtMidnight [2013-12-08 21:02:39 +0000 UTC]

Are you inserting the inserting the image code before a few lines at the end of your content?

👍: 0 ⏩: 1

MayaAtMidnight In reply to CypherVisor [2013-12-08 21:09:12 +0000 UTC]

Yes ;3;

👍: 0 ⏩: 1

CypherVisor In reply to MayaAtMidnight [2013-12-09 09:16:46 +0000 UTC]

Hmm that's strange. May be you can send me your code to have a quick peek on it.

👍: 0 ⏩: 1

MayaAtMidnight In reply to CypherVisor [2013-12-10 00:04:14 +0000 UTC]

No it's ok, I don't think I really need them anyway, my page is busy enough as it is x3 but thanks for the help anyway!

👍: 0 ⏩: 1

CypherVisor In reply to MayaAtMidnight [2013-12-10 09:21:11 +0000 UTC]

Okay..

👍: 0 ⏩: 0

Sno-Flakes In reply to ??? [2013-12-07 02:15:16 +0000 UTC]

I put this on my page, did I do it correctly? It is on my custom box: first on the left.

👍: 0 ⏩: 1

CypherVisor In reply to Sno-Flakes [2013-12-08 21:03:07 +0000 UTC]

It looks so.

👍: 0 ⏩: 0

petiliI In reply to ??? [2013-12-06 22:42:14 +0000 UTC]

ok this is really confusing, the codes the tutorial is telling me i need is not in the description. and i have no idea where to put the link in my box..

i give up

👍: 0 ⏩: 1

CypherVisor In reply to petiliI [2013-12-08 21:03:57 +0000 UTC]

An example is there in the tut itself. Check it closely and you should be able to do it!

👍: 0 ⏩: 1

petiliI In reply to CypherVisor [2013-12-17 21:52:34 +0000 UTC]

haha, i was trying to use thumbs xD i got it now

👍: 0 ⏩: 1

CypherVisor In reply to petiliI [2013-12-22 13:09:21 +0000 UTC]

👍: 0 ⏩: 0

z-e-t-w-a-l In reply to ??? [2013-12-06 21:48:44 +0000 UTC]

Is there a certain size that the image has to be?

👍: 0 ⏩: 1

CypherVisor In reply to z-e-t-w-a-l [2013-12-08 21:04:51 +0000 UTC]

Well, it is better if you keep the image width around 200-250px to be on the safer side.

👍: 0 ⏩: 0

Rhythmspinning In reply to ??? [2013-12-03 17:49:02 +0000 UTC]

I give up...  

👍: 0 ⏩: 1

CypherVisor In reply to Rhythmspinning [2013-12-04 06:27:03 +0000 UTC]

👍: 0 ⏩: 1

Rhythmspinning In reply to CypherVisor [2013-12-04 13:12:35 +0000 UTC]

I did everything it said... But I can't get it to work... T^T

👍: 0 ⏩: 1

CypherVisor In reply to Rhythmspinning [2013-12-22 13:26:32 +0000 UTC]

May be check your image link or the code placement properly.

👍: 0 ⏩: 1

Rhythmspinning In reply to CypherVisor [2013-12-24 15:11:11 +0000 UTC]

I did... Oh well >~< I guess I just suck at this kind of thing...

👍: 0 ⏩: 1

CypherVisor In reply to Rhythmspinning [2013-12-24 18:09:12 +0000 UTC]

You can send me the code via note if you want me to check it once for you.

👍: 0 ⏩: 1

Rhythmspinning In reply to CypherVisor [2013-12-24 19:03:27 +0000 UTC]

Umum, okay! I'll try again when I get some time and let you have a look! ^^ Thanks!

👍: 0 ⏩: 1

CypherVisor In reply to Rhythmspinning [2013-12-27 18:12:19 +0000 UTC]

okay

👍: 0 ⏩: 0

Anime-MLP In reply to ??? [2013-11-28 22:02:24 +0000 UTC]

I'm confused

👍: 0 ⏩: 1


<= Prev | | Next =>