Shop Mobile More Submit  Join Login
×




Details

Submitted on
March 10, 2013
Image Size
923 KB
Resolution
800×2800
Link
Thumb
Embed

Stats

Views
54,843 (104 today)
Favourites
3,941 (who?)
Comments
733
×
Content-Holder Box Floating Image Tutorial by CypherVisor Content-Holder Box Floating Image Tutorial by CypherVisor

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:



<img src="DIRECT-IMAGE-URL" align="right"/>




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 :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.
Add a Comment:
 
:iconcrimson-kaizer:
Crimson-Kaizer Featured By Owner 4 days ago  Hobbyist Writer
I don't understand.
Reply
:iconutoran:
utoran Featured By Owner Jan 22, 2015  Student Traditional Artist
nice
Reply
:iconmauuchi:
mauuchi Featured By Owner Jan 21, 2015
Hii! Sorry if this's been answered before, but, does it work without custom box? I'm trying and the image just stays under the text ;w; thanks!
Reply
:iconcarbon-vanilla:
Carbon-Vanilla Featured By Owner Jan 21, 2015
Oooh that is slick! :lmao:
Reply
:iconfishy-nugget:
Fishy-Nugget Featured By Owner Jan 15, 2015  Hobbyist Digital Artist
it doesnt work with this box White Content-Holder Boxes v2 by CypherVisor  :c Help.
Reply
:iconowlce:
owlce Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
I've got that problem too D: 
Reply
:iconfishy-nugget:
Fishy-Nugget Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
:c yeh
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 16, 2015
Is it? I did not try it.
Reply
:iconfishy-nugget:
Fishy-Nugget Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
could you help me? D:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Some of the content-holder boxes do not allow images to float. Try with another code and see if that works.
Reply
:iconmasterploxy:
MasterPloxy Featured By Owner Jan 11, 2015  Hobbyist Artist
Is there a way to move the image in a specific location? or is it really just Left, Center, & Right?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 16, 2015
You can just place left or right.
Reply
:iconmasterploxy:
MasterPloxy Featured By Owner Jan 16, 2015  Hobbyist Artist
nu! nu! like in a specific location...let's say i want to move a png image a little bit to the right of the left alignment, do i have to insert a tag that makes invisible spaces n stuff?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Unfortunately you can't do that. :(
Reply
:iconmasterploxy:
MasterPloxy Featured By Owner Jan 21, 2015  Hobbyist Artist
Dun DUn DUNNNNNNN
Reply
:iconkinzley:
Kinzley Featured By Owner Dec 31, 2014  Student Artist
It wont work. ;n;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 16, 2015
It won't work with every content-holder box
Reply
:iconjaydenfgt:
jaydenfgt Featured By Owner Edited Dec 23, 2014  Hobbyist Digital Artist
how do i get the picture to appear outside the ccontent holder? ;;
Reply
:iconsp0ttish:
Sp0ttish Featured By Owner Dec 22, 2014  Hobbyist Digital Artist
Help please ;o;
I tried to do it sevral times with an image,but it didn't work.
Here's the image: fc09.deviantart.net/fs70/i/201…
Oh,and i'd like the image on the left if you can get the image ;v; thank you!
Reply
:iconpuqpaws:
puqpaws Featured By Owner Dec 20, 2014  Student General Artist
same problems with people out there
Reply
:iconkaecherie:
kaecherie Featured By Owner Edited Dec 21, 2014

do you want it like this? stuff by kaecherie  and the other example for smaller text stuff by kaecherie
i can help you with it if you like. i messed around with the coding a little bit, although i'm a little bad at explaining so i'm sorry if i don't make sense ^^;
(i'm just trying to help out cause i can tell the owner is a busy bee x'D)
Reply
:iconfurtuft:
furtuft Featured By Owner Dec 27, 2014  New member Hobbyist Digital Artist
can i get the code for the second one please? :00
Reply
:iconkaecherie:
kaecherie Featured By Owner Dec 27, 2014

i unfortunately forgot the code for that one ^^;
but i could start messing around with it and if i find the result i'll tell you 
give me about an hour or two, sorry for the inconvience
Reply
:iconfurtuft:
furtuft Featured By Owner Dec 27, 2014  New member Hobbyist Digital Artist
sure! take your time :>
Reply
:iconkaecherie:
kaecherie Featured By Owner Dec 29, 2014

after a few days of messing around and continous breaks,
i found it! omg :dummy: hooray by kaecherie
is this how you want it?! please let me know!
also ignore the text i know it looks silly, but you can customize it to your heart's content 
Reply
:iconfurtuft:
furtuft Featured By Owner Dec 29, 2014  New member Hobbyist Digital Artist
YESSS OH ME GOD THANK YOU 
Reply
:iconkaecherie:
kaecherie Featured By Owner Dec 29, 2014
Reply
:iconpuqpaws:
puqpaws Featured By Owner Dec 21, 2014  Student General Artist
First one please !!
Reply
:iconkaecherie:
kaecherie Featured By Owner Edited Dec 21, 2014

ok. :) 

here's the code, i put it in a sta.sh because it won't work in the comment section
code x1
if it doesn't work, please tell me! i might've missed something but i'm 99% positive i didn't 
Reply
:iconzafts-prince:
ZAFTs-Prince Featured By Owner Dec 7, 2014  Hobbyist Digital Artist
I've heard rumors this code may be out dated or doesn't work with certain boxes, is that true? Because I'm also having issues similar to the last people to comment where the image is either appearing in the box or out of it. It bothers me because in the past this code work and now it doesn't seem to do so? 
Reply
:iconrainbow-kitten-candy:
Rainbow-Kitten-Candy Featured By Owner Jan 21, 2015  New member
it turns invisable for me it does not show at all :c
Reply
:iconqorillaz:
qorillaz Featured By Owner Dec 12, 2014  Hobbyist Digital Artist
I am having the same problems. :/
Reply
:iconkamokude:
kamokude Featured By Owner Dec 8, 2014  Student Digital Artist
im having the same problem :(
Reply
:iconnariesu:
nariesu Featured By Owner Dec 5, 2014  Hobbyist Digital Artist
hi sorry i dont usally ask for help but when i put the code in it just goes in the box not half way in / out ! like what shadrgn said 
Reply
:iconazexe-chan:
Azexe-chan Featured By Owner Dec 29, 2014  Hobbyist General Artist
maybe check the size of the image you're using? :> when i did it for mine, it stayed inside the box because the image i was using was too small.
Reply
:iconnariesu:
nariesu Featured By Owner Dec 29, 2014  Hobbyist Digital Artist
what was the size of the image that was too small ?
Reply
:iconazexe-chan:
Azexe-chan Featured By Owner Dec 30, 2014  Hobbyist General Artist
for me, it was the sanic image on my page near my pokemon :>
Reply
:iconx0mbii:
X0MBii Featured By Owner Dec 1, 2014  Hobbyist
When I use the coding it seems to not be hovering half in/half out of the box and staying completely in
Reply
:iconazexe-chan:
Azexe-chan Featured By Owner Dec 29, 2014  Hobbyist General Artist
maybe check the size of the image you're using? :> when i did it for mine, it stayed inside the box because the image i was using was too small.
Reply
:iconbrickstead:
brickstead Featured By Owner Nov 30, 2014  Hobbyist Digital Artist
I try to put a picture, but it turns invsisible :(.
Reply
:iconrainbow-kitten-candy:
Rainbow-Kitten-Candy Featured By Owner Jan 21, 2015  New member
me too
Reply
:iconopiks:
Opiks Featured By Owner Nov 13, 2014  Hobbyist Digital Artist
where's the base code for the popup thing?
Reply
:iconl1m1tl3ss:
L1M1TL3SS Featured By Owner Oct 25, 2014  Hobbyist General Artist
Hey Cypher, I can't seem to get this to work on my page. If you're available to take a look at my code and help me figure out what I'm doing wrong, that'd be much appreciated. Thanks again for all your hard work!
Reply
:iconconycookies:
ConyCookies Featured By Owner Oct 20, 2014  Student Digital Artist
This helped me so much! Bless your heart, man <3
Reply
:iconcry0freeze:
Cry0freeze Featured By Owner Oct 6, 2014
Thank you so much - I have been trying to figure this out or look for a tutorial but I have not been able to find it. Thank you so so much for this!!!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 7, 2014
It's my pleasure! :hug:
Reply
:iconcry0freeze:
Cry0freeze Featured By Owner Oct 18, 2014
:hug: Thanks again! :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 19, 2014
My pleasure! :hug:
Reply
:iconsapphiresquire:
SapphireSquire Featured By Owner Oct 4, 2014  Hobbyist General Artist
I've been looking for a tutorial on this for ages! Thank you so much for making it.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 5, 2014
You're welcome! :hug:
Reply
Add a Comment: