Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
November 4, 2012
Image Size
29.8 KB
Resolution
472×486
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
14,167 (21 today)
Favourites
880 (who?)
Comments
197

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Light Blue Content-holder box by CypherVisor Light Blue Content-holder box 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:



Box 1:
<div class="topic-edited-by" ><div class="ch"><div class="ch-ctrl"><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">Body text here.</div></div></div></div></div>


Box 2:
<div class="topic-edited-by" ><div class="ch"><div class="ch-ctrl"><div class="pp" align="left">Body text here.</div></div></div></div>



----------------------------------------------------------------------------------------------
*You can change the alignment of your text inside the box by changing the following..

Change "left" with "center", "right" or "justify"


<div align="left">


<div align="center">


<div align="right">


<div align="justify">

----------------------------------------------------------------------------------------------



Other similar boxes






Thanks to =MoonSilhouette for notifying me about this box.



Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt with Custombox or Journal CSS? 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 send me a note for more details

Add a Comment:
 
:iconcinnanam:
Cinnanam Featured By Owner 9 hours ago  New member
Can I make the box smaller?
Reply
:iconblknblupanther:
blknblupanther Featured By Owner Jul 11, 2014
Is it possible to expand the blue boxes to be bigger/wider?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 1 day ago
For wider boxes check this tut: cyphervisor.deviantart.com/art…
Reply
:iconblknblupanther:
blknblupanther Featured By Owner 1 day ago
thanks :)
Reply
:iconmiracat:
Miracat Featured By Owner Jun 21, 2014  Hobbyist Digital Artist
:wave: hey, I just read your awsome tutorial on CSS and html and I really wonder how you define a colour in these html codes without using a CSS code? I mean: you define a class="...". For exsample "<div class="topic-edited-by"..." in this case. But how do you know what this certain class will cause?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 1 day ago
I have to dig the DA website CSS codes and do a lot of mix and matches to come up with these. :)
Reply
:iconmiracat:
Miracat Featured By Owner 1 day ago  Hobbyist Digital Artist
Can imagine that...
Reply
:iconfluffy-shadowz:
Fluffy-Shadowz Featured By Owner Mar 21, 2014  Hobbyist Traditional Artist
It works but other people that visit my page can't see it, it's all transparented for them. :I
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 21, 2014
I believe installing the donation widget in your page will solve your problem.
Reply
:iconfluffy-shadowz:
Fluffy-Shadowz Featured By Owner Mar 21, 2014  Hobbyist Traditional Artist
okay~ 
Reply
Add a Comment: