HOME | DD

CypherVisor — Content-Holder Box Floating Image Tutorial

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

GamingGoru In reply to ??? [2014-07-27 11:16:37 +0000 UTC]

Thanks!

👍: 0 ⏩: 1

CypherVisor In reply to GamingGoru [2014-08-16 16:01:35 +0000 UTC]

yw

👍: 0 ⏩: 0

DriftwoodBones In reply to ??? [2014-07-16 15:36:34 +0000 UTC]

There is a way to do that, but it kinda just messes it up a little.

Here's the code: (it should work)

👍: 0 ⏩: 1

GamingGoru In reply to DriftwoodBones [2014-07-16 18:39:10 +0000 UTC]

Thanks, I'll give it a try.

👍: 0 ⏩: 0

robotanlst In reply to ??? [2014-07-09 19:29:55 +0000 UTC]

how do you put an image in without a custom box, like just the image? (because whenever i try to it doesnt appear)

👍: 0 ⏩: 1

CypherVisor In reply to robotanlst [2014-07-27 07:40:59 +0000 UTC]

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


Thanks

👍: 0 ⏩: 0

Miss-Italia In reply to ??? [2014-06-23 09:54:24 +0000 UTC]

My box won't get transparent and I don't have a donation pool: miss-italia.deviantart.com
What do I do??? 0_0

👍: 0 ⏩: 1

CypherVisor In reply to Miss-Italia [2014-07-27 07:41:45 +0000 UTC]

Transparent? You should use this cyphervisor.deviantart.com/art… to create semi-transparent box.

👍: 0 ⏩: 0

SaffyBoo In reply to ??? [2014-06-22 07:42:53 +0000 UTC]

I did this, and my result turned out a bit different. I did it after a text, but my image is still all the way in the box, and I want it like the way it shows in you're tutorial, slightly and partly still in the box, shown on this page.

And if you want to she the code I used, I will send it to you in a note. 

👍: 0 ⏩: 2

CypherVisor In reply to SaffyBoo [2014-07-27 07:42:37 +0000 UTC]

Yes, you can send me the code and I'll give it a check.

👍: 0 ⏩: 1

SaffyBoo In reply to CypherVisor [2014-07-27 09:37:31 +0000 UTC]

okay I'll do that now.

👍: 0 ⏩: 1

CypherVisor In reply to SaffyBoo [2014-08-16 16:02:32 +0000 UTC]

cool

👍: 0 ⏩: 0

Cocatrola In reply to SaffyBoo [2014-06-23 14:38:12 +0000 UTC]

heyy i would like the code please

👍: 0 ⏩: 1

SaffyBoo In reply to Cocatrola [2014-06-23 20:55:44 +0000 UTC]

why , I don't know you. And I may not trust you, you may steal my BG and other stuff on it.

👍: 0 ⏩: 2

crystaI-eyes In reply to SaffyBoo [2014-06-24 15:42:22 +0000 UTC]

backgrounds are made for everyone.

👍: 0 ⏩: 1

SaffyBoo In reply to crystaI-eyes [2014-06-24 21:56:33 +0000 UTC]

I mean my style of what I did on my profile...

👍: 0 ⏩: 0

Cocatrola In reply to SaffyBoo [2014-06-23 21:00:51 +0000 UTC]

whoa chill out..i was just asking because you said:
"And if you want to she the code I used, I will send it to you in a note." 
and lmfao i would not steal your art even if you paid me to geez

👍: 0 ⏩: 1

SaffyBoo In reply to Cocatrola [2014-06-23 23:58:20 +0000 UTC]

Sorry, I waz talkin to cypher, but it's okay,if you will help me with it, then I t to you in a note soon when I'm done with roblox.

👍: 0 ⏩: 1

Cocatrola In reply to SaffyBoo [2014-06-24 00:24:15 +0000 UTC]

ok 
how do i help?

👍: 0 ⏩: 1

SaffyBoo In reply to Cocatrola [2014-06-24 04:20:59 +0000 UTC]

I sent you a note (if you didnt see yet)

👍: 0 ⏩: 1

Cocatrola In reply to SaffyBoo [2014-06-24 13:00:31 +0000 UTC]

Sorry I fell asleep last night xD
I'll check it out after I eat breakfast

👍: 0 ⏩: 0

TaroVan In reply to ??? [2014-06-22 05:40:17 +0000 UTC]

Hey, Sid. When a text and an image overlap one another when I try to make a journal skin, I cannot make the text go in front of the image, even when I raise the .text's z-index to be higher than the image's z-index. Any suggestions?

👍: 0 ⏩: 0

reqqs In reply to ??? [2014-06-20 03:18:40 +0000 UTC]

One question!!
How do you link images and text?
For example something says "Click Here" and you click it or on an image and it sends you to another page.
help please? ;v;

👍: 0 ⏩: 1

CypherVisor In reply to reqqs [2014-07-27 07:42:56 +0000 UTC]

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


Thanks

👍: 0 ⏩: 1

reqqs In reply to CypherVisor [2014-07-27 14:53:07 +0000 UTC]

Ahh thank you so much! c:

👍: 0 ⏩: 1

CypherVisor In reply to reqqs [2014-08-16 15:59:58 +0000 UTC]

yw

👍: 0 ⏩: 1

reqqs In reply to CypherVisor [2014-08-16 16:12:30 +0000 UTC]

^^

👍: 0 ⏩: 0

kikkien In reply to ??? [2014-06-18 15:07:10 +0000 UTC]

It doesen't work for me?? maybe cause im using the regular custom box, but in that case, do you know some code that works with regular custom boxes?

👍: 0 ⏩: 1

CypherVisor In reply to kikkien [2014-07-27 07:43:33 +0000 UTC]

I didn't quite get what you are trying to mean actually.

👍: 0 ⏩: 1

kikkien In reply to CypherVisor [2014-07-31 12:40:31 +0000 UTC]

oh, sorry but im quite bad at explaining things so i understand. But i kinda figured it out myself so it doesen't matter <:

👍: 0 ⏩: 1

CypherVisor In reply to kikkien [2014-08-16 21:59:41 +0000 UTC]

okay cool

👍: 0 ⏩: 0

Deceptiicon In reply to ??? [2014-06-15 02:24:00 +0000 UTC]

Do I have to use a text box you made

👍: 0 ⏩: 1

CypherVisor In reply to Deceptiicon [2014-06-15 12:07:26 +0000 UTC]

Yep. Otherwise how will it be floating then?

👍: 0 ⏩: 1

Deceptiicon In reply to CypherVisor [2014-06-15 14:02:14 +0000 UTC]

Ok

👍: 0 ⏩: 0

ScourgeMangaStudios In reply to ??? [2014-06-13 17:49:26 +0000 UTC]

It doesn't work ;-; what did I wrong?

👍: 0 ⏩: 1

CypherVisor In reply to ScourgeMangaStudios [2014-06-14 08:39:24 +0000 UTC]

I dunno.

May be you are inserting the image in an incorrect location in your code.

👍: 0 ⏩: 0

KingSchnitzel In reply to ??? [2014-06-11 18:00:48 +0000 UTC]

Huehue i made this look stupid on my page if you look closely rainbowrappidy.deviantart.com/

👍: 0 ⏩: 1

CypherVisor In reply to KingSchnitzel [2014-06-14 08:40:15 +0000 UTC]

Haha that hovering button.

👍: 0 ⏩: 1

KingSchnitzel In reply to CypherVisor [2014-06-14 16:20:14 +0000 UTC]

(Actually it was something different. Tryin to change it again. Go take a look, again)

👍: 0 ⏩: 1

CypherVisor In reply to KingSchnitzel [2014-06-14 18:12:17 +0000 UTC]

Haha Marx soul

👍: 0 ⏩: 1

KingSchnitzel In reply to CypherVisor [2014-06-14 20:13:58 +0000 UTC]

XD

You ever heard of him before??

👍: 0 ⏩: 1

CypherVisor In reply to KingSchnitzel [2014-06-15 12:22:25 +0000 UTC]

Not really.

👍: 0 ⏩: 1

KingSchnitzel In reply to CypherVisor [2014-06-15 12:27:10 +0000 UTC]

Well luckely not.

He's weird.

👍: 0 ⏩: 0

Wiccatwolf In reply to ??? [2014-06-11 05:09:17 +0000 UTC]

It really doesn't work for me... I don't know why, I tried to put it and it just biggers the content box.It doesn't go out at all. Is there some specific content box and that's why it doesn't work?

👍: 0 ⏩: 1

CypherVisor In reply to Wiccatwolf [2014-06-14 08:41:35 +0000 UTC]

Which widget are you using this in? And with which content-holder box?

May be note me the code that you are using and I can give it a peek to check what's wrong.

👍: 0 ⏩: 1

Wiccatwolf In reply to CypherVisor [2014-06-14 16:19:36 +0000 UTC]

oh they have to be collored?

👍: 0 ⏩: 1

CypherVisor In reply to Wiccatwolf [2014-06-14 18:14:25 +0000 UTC]

nah just the code that you are using. Just copy+paste

👍: 0 ⏩: 1

Wiccatwolf In reply to CypherVisor [2014-06-14 20:45:08 +0000 UTC]

Does it work in custom boxes with custom background

👍: 0 ⏩: 1

CypherVisor In reply to Wiccatwolf [2014-06-15 12:25:24 +0000 UTC]

You mean to say the custom box widget itself? If yes, then no.

👍: 0 ⏩: 1

Wiccatwolf In reply to CypherVisor [2014-06-15 16:42:50 +0000 UTC]

Oh ok haha thanks!

👍: 0 ⏩: 1


<= Prev | | Next =>