Shop Mobile More Submit  Join Login
×

Similar Deviations


USE THESE "UNIQUE DA style CONTENT-HOLDER BOX" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! :love:



<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"></i><i class="c tr"></i><div align="center"><b>CONTENT HEADING HERE</b></div><br>Body text here..</div>

<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"></i><i class="c tr"></i><br>Body text here..<br><br></div>


-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.

×


USE THESE "UNIQUE RED N GREEN Backgrounds" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! ;)


WARNING : Do not use the styles together!! They won't work together!!:no:

<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b></b></i><i class="c tr"><b></b></i><div class="cc-name">Heading text here..</div><sub><b>Sub-heading here..</b></sub></a></div></div><br><br><br>Body text here..

<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b></b></i><i class="c tr"><b></b></i><div class="cc-name">Heading text here..</div></a></div></div><br><br>Body text here..


-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.

Please read this!


____________________________

Revised edition! XD Everything was corrected and now you can install it ^^

Bad Preview, weee :dummy: (?)

Yaayyy, this skin has the most epic color combination evah: black and green. And white, ok. xD

Like the other one I made, this skin is clean and simple, the best thing you can do for your designs. :3

I hope you like it; since I'm premium now (thanks :iconchix0r:, I love you xD) I made this skin originally for me, but I decided to share it with everyone else.

Btw, do not put long titles for your entries, since it won't look nice. c:

My blockquotes are always the same. XD

Live preview: Here.

Thanks for faving and installing! ^^
Version 2.0 released! Click here! :la:
Show
Add a Comment:
 
No comments have been added yet.

Click on a preview image for a better view and details.

Pack includes icons for the most commonly used gallery folders + PSD file with the possibility to set the desired color of the flag.

*Due to copyright issues, used font - Gotham Medium is not included in the pack.

To see how they look "in live" simply visit my personal gallery or favs gallery.
Show
Add a Comment:
 
No comments have been added yet.

Posted in Devious Fun because the Resources & Stock Images > Miscellaneous gallery doesn't like gifs.

Feel free to suggest more Social Networking sites! :meow:

Copy the codes below:

Facebook:
<a href="LINK TO FACEBOOK PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/facebook-4.png"/></a>

Google+:
<a href="LINK TO GOOGLE+ PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/google.png"/></a>

Last.fm:
<a href="LINK TO LAST.FM PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/lastfm.png"/></a>

tumblr.:
<a href="LINK TO TUMBLR PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/tumblr.png"/></a>

Twitter:
<a href="LINK TO TWITTER PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/Twitter-1.png"/></a>

YouTube:
<a href="LINK TO YOUTUBE PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/YouTube-1.png"/></a>

Etsy:
<a href="LINK TO ETSY PAGE"><img src="http://i793.photobucket.com/albums/yy217/RandomTwin/Etsy.png"/></a>
Show
Add a Comment:
 
No comments have been added yet.

:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:





Better not use the thumb code. Some recent changes to dA's code broke it and the code in the deviation cannot be changed.




You can see the Live preview here.




:bulletblack: Keep the moods box at the bottom.

:bulletblack: You can edit the links in the Skin Header section in Options tab while making a journal entry.

:bulletblack: There are a lit of custom headers. Use them as you like:
< div class = news > </ div>
< div class = feature> </ div>
< div class = announcement > </ div>
< div class = thoughts > </ div>
< div class = contest > </ div>
< div class = prizes > </ div>
< div class = judges > </ div>
< div class = winner > </ div>

:bulletblack: For a non customized header, use < div class = subheading > </ div>

:bulletblack: For thumbs, use < div class = thumbs > :thumb########: :thumb#######: < /div>. Credit `thespook

You need to remove the space in div tags ofcourse.
Ask me if you need help with anything.




You're not allowed to steal the code/design partially or fully.
Show
Add a Comment:
 
No comments have been added yet.



USE THESE "CONTENT-HOLDER BOXES" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! ;)



<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i29"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br/>Sub-heading here</a></div></div></div><div class="gr-wonkwonk">Visible to <b>my watchers</b> only. <--You can edit it!</div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br/>Sub-heading here</a></div></div></div></div><div class="gr-wonkwonk">Visible to <b>my watchers</b> only. <--You can edit it!</div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i15"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> </b><br/><b>Small-heading here</b></a></div></div></div><div class="gr-wonkwonk">Visible to <b>my watchers</b> only. <--You can edit it!</div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> </b><br/><b>Small-heading here</b></a></div></div></div></div><div class="gr-wonkwonk">Visible to <b>my watchers</b> only. <--You can edit it!</div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>



So now you've got your NESTED WARNING CONTENT-HOLDER BOX! :D
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.



USE THESE "CONTENT-HOLDER BOXES" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! ;)



<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i1"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br>Sub-heading here</a></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br>Sub-heading here</a></div></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i20"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> </b><br><b>Small-heading here</b></a></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

<div class="gr-box gr-genericbox"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> </b><br><b>Small-heading here</b></a></div></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>



So now you've got your NESTED CONTENT-HOLDER BOX! :D
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.


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="gr-box gr-configbox "><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><div align="left"><B>CONTENT HEADING HERE</B><br/> <sup>Sub-heading here</sup></div><br>Body text here..</div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb1"></i></div>


Box 2:
<div class="gr-box gr-configbox "><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><div align="center"><B>CONTENT HEADING HERE</B><br/> <sup>Sub-heading here</sup></div><br>Body text here..</div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb1"></i></div>


Box 3:
<div class="gr-box gr-configbox "><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><div align="right"><B>CONTENT HEADING HERE</B><br/> <sup>Sub-heading here</sup></div><br>Body text here..</div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb1"></i></div>


Box 4:
<div class="gr-box gr-configbox "><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><br>Body text here..</div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb1"></i></div>




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

Show
Add a Comment:
 
No comments have been added yet.

Free to Use
You must be a premium member to use.

Check it out live [link]

Yay, finally I am able to make a new journal skin. I was making one about once and week and then my life got super busy. I'm pretty happy with this one. I wanted to make something that could appeal to both girls and gals since most of my stuff tends to be cutsy. Enjoy.



Instructions

Section Header
<div class="section">Section Header</div>


Line Divider
<div class="divider"></div>


Features Box
<div class="features">

<div class="features-header">Features Header</div>
Thumbs go here.
</div>




If you have any questions, please ask. I will be glad to help. The lovely work featured in the preview can be viewed [link] [link] and [link]
Show
Add a Comment:
 
No comments have been added yet.