Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
42,895 (12 today)
Favourites
3,211 (who?)
Comments
683
×
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:
 
:iconhuggleduck:
Huggleduck Featured By Owner 3 days ago  Hobbyist General Artist
Ahh this is gonna be cool :D Thank you! <3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
:hug:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
:hug:
Reply
:iconvimituhanna:
VimituHanna Featured By Owner 4 days ago   General Artist
THANK YOU SO MUCH! I have been looking for hours on how to do this. Gonna have to wait until tomorrow, but I will favorite this so I can find it! Once again, thank you so much!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
Haha okay! :XD:

I am glad that you've found it! :D Enjoy!
Reply
:icongaminggoru:
GamingGoru Featured By Owner Edited Sep 16, 2014  Student Digital Artist
How do you put a floating image behind a content holder box?

EDIT: Never mind, I figured it out. I used this: <div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/></div></div>
and used a bunch of
to move the content holder down.
Reply
:icongaminggoru:
GamingGoru Featured By Owner Sep 17, 2014  Student Digital Artist
* < br > (I tried to add this to my comment, but it just affected the text)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 17, 2014
Yep! That's the way you do it! :nod:
Reply
Hidden by Commenter
:iconpuppyinmypocketsmash:
PuppyinmypocketSmash Featured By Owner Sep 1, 2014  Hobbyist Writer
It works without PM too XD Look at my ID!
Reply
Add a Comment: