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,181 (78 today)
Favourites
3,162 (who?)
Comments
678
×
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:
 
:icongaminggoru:
GamingGoru Featured By Owner Edited 4 days ago  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 3 days ago  Student Digital Artist
* < br > (I tried to add this to my comment, but it just affected the text)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 4 days ago
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
:iconcyphervisor:
CypherVisor Featured By Owner 4 days ago
Where? You'll only get the image displayed and align to the left or right.
Reply
:iconkawoie:
kawoie Featured By Owner Aug 30, 2014  Student Digital Artist
i don't get it, i keep on getting it just smack in the center of my text. ;-;
Reply
:iconpromenadequeen:
PromenadeQueen Featured By Owner Aug 27, 2014  Student General Artist
Is there an"up" or"fill" alignment? My deviation called "Promenade Queen" seems to have moved to the bottom of the box, and I am unsure of how to move it up and get rid of the gap :c Please help!~
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 1 day ago
It seems fine to me. :hmm:
Reply
:iconpromenadequeen:
PromenadeQueen Featured By Owner 1 day ago  Student General Artist
Thats because I got rid of the custom box so its just the original now c:
Reply
Add a Comment: