Shop Mobile More Submit  Join Login
Unique content-holder box 1 by CypherVisor Unique content-holder box 1 by CypherVisor


USE THESE "UNIQUE CONTENT-HOLDER BOX WITH 2 BUTTONS" 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-headless "><i class="gr1"><i></i></i><i class="gr2 gt2"><i></i></i><i class="gr3 gt3"><i></i></i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor"><img src="http://st.deviantart.com/minish/contestbadge/valentine_badge.gif" /></div><div class="contestinfo cc-name">Content Heading here..</div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b></b></i></a></div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b></b></i></a></div></div></div><div class="gr gr-withbadge"><div class="pp">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb gb1"></i></div></div></div></div>

<div class="gr-box gr-headless "><i class="gr1"><i></i></i><i class="gr2 gt2"><i></i></i><i class="gr3 gt3"><i></i></i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor">:ICONUSERNAME:</div><div class="contestinfo cc-name">Content Heading here..</div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b></b></i></a></div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b></b></i></a></div></div></div><div class="gr gr-withbadge"><div class="pp">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb gb1"></i></div></div></div></div>

<div class="gr-box gr-headless "><i class="gr1"><i></i></i><i class="gr2 gt2"><i></i></i><i class="gr3 gt3"><i></i></i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor"><img src="YOUR IMAGE LINK" /></div><div class="contestinfo cc-name">Content Heading here..</div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b></b></i></a></div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b></b></i></a></div></div></div><div class="gr gr-withbadge"><div class="pp">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb gb1"></i></div></div></div></div>

-------------------
Tutorial here :


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

:bulletorange:In the 2nd box you can use your user-icons of anyone in dA. Just replace the:ICONUSERNAME:

:bulletorange:In the 3rd box you can see custom icon there right! Its very easy to change the icon there...You just need an IMAGE LINK to put in the third style.Replace the text "YOUR IMAGE LINK" with your link. Example : http://www.xyz.com/Myicon.png
TIP : use small .png images for your icons!
-------------------
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.
Add a Comment:
 
:iconmollywolfwere:
MollyWolfWere Featured By Owner May 21, 2015  Hobbyist Artist
I dont like how it looks like this:

Blah Example
LINK-1

LINK-2


Is it possible to make it like this?:

Example

LINK-1
Reply
:iconfern5223:
Fern5223 Featured By Owner 1 day ago  Hobbyist Digital Artist
yes!

Content Heading here..

Body text here..


this'll work , i also found a way were you can change the icon ^^

<img src="YOU CAN PUT YOUR OWN URL HERE ^^" />
Content Heading here..

Body text here..
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 13, 2014  Student Traditional Artist
Any live version to preview??
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 26, 2014
Umm, live is not there at the moment. But you should get the same thing when you use the code. Let me know if there is any issue.
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 26, 2014  Student Traditional Artist
Anyway thanks
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 28, 2014
yw :)
Reply
:iconrose-desu:
Rose-Desu Featured By Owner Jul 9, 2014  Hobbyist Digital Artist
Thanks greatly for this
your resources are highly useful ^^
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 27, 2014
Thanks :)
Reply
:iconfario-p:
Fario-P Featured By Owner Jun 20, 2014  Student Digital Artist
This sounds very convenient!
I wonder if people used the 2nd box style to feature other people...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 27, 2014
May be. :)
Reply
:iconpastel-bunbun:
Pastel-BunBun Featured By Owner Apr 23, 2014  Hobbyist Digital Artist
Any idea how I can change the icon, or title of a widget on my profile?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 24, 2014
You can change the icon by replacing the imagelink in the <img src= tag

or by changing the :iconUSERNAME:

And to change the title replace the Content Heading here.. text with yours
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Apr 13, 2014   General Artist
:B Remember the questions I sent you back in December about this box and how to to modify it to have no buttons and make the title a link? I managed to do it! :dummy:  The only thing I am a bit iffy about is now how to make the title expand the width of the header box. :lol:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 20, 2014
I am sorry, but did I reply? I forgot ^^;

The title has got a problem with the code that is being used. It makes the title space of fixed width. I didn't give it a check so I don't know what alternative could be used for this. =P
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Apr 20, 2014   General Artist
I had forgotten too!

Oh, I see.  
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 20, 2014
:)
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Dec 6, 2013   General Artist
And how would you make the actual header a link? 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 21, 2013
Sent you a note check. :)
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Dec 6, 2013   General Artist
Which part or parts of the code do you have to remove in order to take the buttons out and make the title/header one big line instead of two?  :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 21, 2013
I have sent you the code for it. However, it won't give you the perfect effect.

Also to get a hyperlink for the header, just use the <a> tag for your header as follows:

<a href="URL">Content Heading here..
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Dec 21, 2013   General Artist
Oh alright.  Yeah, it's not like it was before just with the buttons taken out. thanks anyway :(
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 21, 2013
I know. And you're welcome.
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Dec 21, 2013   General Artist
:huggle:
Reply
:iconkatstiei:
katstieI Featured By Owner Oct 3, 2013  Hobbyist Digital Artist
Is there way to change the button title so the huge link doesn't overwhelm the box? 
There probably is, I'm just really stupid xD
Mine does this :
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 24, 2013
You can customize the title by changing it in the code. However, I guess you have removed it from your profile now coz I couldn't find it.
Reply
:iconatticghosts:
atticghosts Featured By Owner Sep 23, 2013
how do i change the button color to purple?
i really love this box code!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 24, 2013
Presently, you can't. The button codes are different from the usual ones.
Reply
:iconatticghosts:
atticghosts Featured By Owner Sep 24, 2013
okay! i tried to change it to a few different color variations and it seems only grey tones work. thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 25, 2013
Yes, and you're welcome. :hug:
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Mar 6, 2013  Student General Artist
I'm just curious, but can you add an/ additional button/s to a single box? Or can there only be 2?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 9, 2013
Probably there can be another one. I did not try it actually.
Reply
:iconcobra-king:
Cobra-King Featured By Owner Feb 2, 2013  Hobbyist General Artist
is there a way to change the grey background?

I know how to change the button color XD

Just not sure if you can change the grey.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 6, 2013
You can actually but that would requite lot of code changes. :hmm:
Reply
:iconcobra-king:
Cobra-King Featured By Owner Feb 6, 2013  Hobbyist General Artist
Its alrigh, Haha I've gotten over it being slightly a different color -has OCD-
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 7, 2013
Okay.. :)
Reply
:iconzhaneaugustine:
ZhaneAugustine Featured By Owner Aug 13, 2012
very nice
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 14, 2012
Thanks... :)
Reply
:iconzhaneaugustine:
ZhaneAugustine Featured By Owner Aug 18, 2012
welcome
Reply
:iconfyuvix:
Fyuvix Featured By Owner Jun 2, 2012  Professional Digital Artist
I can't seem to get the custom image to pop up for mine. It's always blank. I used the third box, and replaced the YOUR IMAGE LINK with my image link from photobucket, it's 100x100px jpg and won't show up...
This is very cool by the way! As are all your resources! Very easy to read and follow too!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 3, 2012
Are you taking the Image link or the hyperlink (URL address) of it?
Reply
:iconfyuvix:
Fyuvix Featured By Owner Jun 3, 2012  Professional Digital Artist
The url address and putting it in the quotation marks
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 3, 2012
You need to take the image address instead of the url address by right-clicking over the image. :)
Reply
:iconfyuvix:
Fyuvix Featured By Owner Jun 3, 2012  Professional Digital Artist
From Photobucket? It gives you the three options for the image's address though D8
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 8, 2012
I don't know much about photobucket. There should be one direct link to the image though. :)
Reply
:iconfyuvix:
Fyuvix Featured By Owner Jun 11, 2012  Professional Digital Artist
http:// img.photobucket.com/albums/v242/C_San/DA/heaven-1.jpg <-- (minus the space of course) is this not an example of the direct link to the image? This is what I used.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 14, 2012
Yes. it is.
Reply
(1 Reply)
:iconms-coffeepixie:
Ms-CoffeePixie Featured By Owner May 7, 2012  Student Digital Artist
Oh wait! This looks practically just what I'm looking for!!
But is there a way to remove the links? Or are they sort of a package deal? :XD:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 14, 2012
Yes you can just delete them. :) I've put them because people just copy+paste it and if they don't see what is in the preview they freak out! :giggle:
Reply
:iconroeky:
roeky Featured By Owner Apr 29, 2012  Student General Artist
I absolutely adore this~ :love:
But I was wondering if it's possible to change the colour of the buttons?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 4, 2012
Thanks..

Yes you can change the button colors. You just need to change the class name in the code where it says like...

gmbutton2 gmbutton2g

Check these buttons to get the respective color codes:
[link]
[link]
[link]
Reply
Add a Comment:
 
×




Details

Submitted on
June 18, 2010
Image Size
39.9 KB
Resolution
420×517
Link
Thumb
Embed

Stats

Views
23,250 (2 today)
Favourites
945 (who?)
Comments
143

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×