HOME | DD
CypherVisor β Unique content-holder box 1
by-nc-nd
Published: 2010-06-18 07:50:01 +0000 UTC; Views: 34893; Favourites: 945; Downloads: 0
Redirect to original
Description
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!
BUT HOW TO CUSTOMIZE THE ICONS??
In the 2nd box you can use your user-icons of anyone in dA. Just replace the:ICONUSERNAME: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.pngTIP : use small .png images for your icons!
-------------------
Please support me by giving me subscription or
if you can!!! I am not asking this for myself but for you...I provide FREE resources for everyone to customize their DA profile.
Related content
Comments: 144
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
π: 0 β©: 1
yes!
st.deviantart.com/minish/conte⦠" />
Content Heading here..
Body text here..
this'll work , i also found a way were you can change the icon ^^
Content Heading here..
Body text here..
π: 0 β©: 0
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.
π: 0 β©: 1
Thanks greatly for this
your resources are highly useful ^^
π: 0 β©: 1
This sounds very convenient!
I wonder if people used the 2nd box style to feature other people...
π: 0 β©: 1
Any idea how I can change the icon, or title of a widget on my profile?
π: 0 β©: 1
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
π: 0 β©: 0
π: 0 β©: 1
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.
π: 0 β©: 1
I had forgotten too!
Oh, I see. Β
π: 0 β©: 1
And how would you make the actual header a link?Β
π: 0 β©: 1
Sent you a note check.
π: 0 β©: 0
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? Β
π: 0 β©: 1
I have sent you the code for it. However, it won't give you the perfect effect. π: 0 β©: 1
Also to get a hyperlink for the header, just use the tag for your header as follows:
Content Heading here..
Oh alright. Β Yeah, it's not like it was before just with the buttons taken out. thanks anyway
π: 0 β©: 1
I know. And you're welcome.
π: 0 β©: 1
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 :
π: 0 β©: 1
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.
π: 0 β©: 0
how do i change the button color to purple?
i really love this box code!
π: 0 β©: 1
Presently, you can't. The button codes are different from the usual ones.
π: 0 β©: 1
okay! i tried to change it to a few different color variations and it seems only grey tones work. thank you!
π: 0 β©: 1
Yes, and you're welcome.
π: 0 β©: 0
I'm just curious, but can you add an/ additional button/s to a single box? Or can there only be 2?
π: 0 β©: 1
Probably there can be another one. I did not try it actually.
π: 0 β©: 0
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.
π: 0 β©: 1
You can actually but that would requite lot of code changes.
π: 0 β©: 1
Its alrigh, Haha I've gotten over it being slightly a different color -has OCD-
π: 0 β©: 1
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!
π: 0 β©: 1
Are you taking the Image link or the hyperlink (URL address) of it?
π: 0 β©: 1
The url address and putting it in the quotation marks
π: 0 β©: 1
You need to take the image address instead of the url address by right-clicking over the image.
π: 0 β©: 1
From Photobucket? It gives you the three options for the image's address though D8
π: 0 β©: 1
I don't know much about photobucket. There should be one direct link to the image though.
π: 0 β©: 1
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.
π: 0 β©: 1
Okay, cuz I put that right in the coding and still nothing's showing up D8 Is it the wrong size or something?
π: 0 β©: 1
just try an image which has a higher resolution. Like 800x1000px or so....
π: 0 β©: 1
Okay, I tried that; still didn't work. D8
π: 0 β©: 1
Okay, I think I need to see the code that you are entering otherwise I can't figure out what's wrong. May be you can note me about it.
π: 0 β©: 1
| Next =>