Shop Mobile More Submit  Join Login
Donate widget customizing tutorial by UszatyArbuz Donate widget customizing tutorial by UszatyArbuz

It will NOT work for non-premium members!

Thank you all in advance for the favorites! Unfortunately because of lack of time I cannot thank you all personally Pixel Rose 



YES, THE ORIGINAL BUTTON WILL BE VISIBLE ONLY FOR YOU! Stop asking and read the tutorial!



Code used in the tutorial (you can use my background if you want, I don't mind):

<div class="popup2-moremenu"><div class="floaty-boat"><img src="http://fc01.deviantart.net/fs71/f/2014/187/1/0/bg_by_uszatyarbuz-d7pfme9.jpg"></div><div class="gr-box gr-genericbox"><b>In need of points!</b><div class="ctube ch"><i class="l"></I><div class="popup2-moremenu"><div class="floaty-boat"><br/><img width="300" align="left" height="34" src="http://fc01.deviantart.net/fs71/f/2014/186/1/5/purple_by_uszatyarbuz-d7pasja.png"/></div></div></div><small>200/255</small><br/><br/>I have to buy more cookies.
<div align="center"><div class="thumb-holder"><div class="c"><a class="smbutton smbutton-purple donate" href="#donate"><span> Donate :points: here</span></a></div>

Template:

<div class="popup2-moremenu"><div class="floaty-boat"><img src="YOUR-BG-URL"></div><div class="gr-box gr-genericbox">HEADER<div class="ctube ch"><i class="l"></I><div class="popup2-moremenu"><div class="floaty-boat"><br/><img width="300" align="left" height="34" src="http://fc01.deviantart.net/fs71/f/2014/186/1/5/purple_by_uszatyarbuz-d7pasja.png"/></div></div></div><small>YOUR / POINTS</small><br/><br/>YOUR-CONTENT
<div align="center"><div class="thumb-holder"><div class="c"><a class="smbutton smbutton-purple donate" href="#donate"><span> BUTTON-TEXT</span></a></div>

Tutorials mentioned:
Font colors | More font colors | Progress bar explanation & more colors | Buttons
Colored Text by SimplySilent Colored Text (Custom box) - More colors by CypherVisor Pastel progress bars (custom widgets) by UszatyArbuz Wide Curvy buttons by CypherVisor

Thanks for help SabakuNoShi and PicsByI :heart:

I'm doing commissions for icons, dA resources and coding! Check them out here: fav.me/d4wcpc2

Or visit my gallery to see other dA related resources: uszatyarbuz.deviantart.com/gal…

Add a Comment:
 

Daily Deviation

Given 2014-07-25
Donate widget customizing tutorial by UszatyArbuz
UszatyArbuz takes something so complicated for the average non-CSS coder like me and makes it very easy to understand and apply! This tutorial is well-written, well-organized and pleasing to the eye, and overall executed nicely. I will be sure to recommend this to anyone who wants to add some personality to their donation box.

Also suggested by Windklang ( Suggested by Inemiset and Featured by ginkgografix )
:iconcaptainfurfag:
CaptainFurFag Featured By Owner 1 day ago
i need help Adding theese Pastel broken progress bars by UszatyArbuz instead of the one used above ^. i tired myself but it either turns to big or to small.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 1 day ago   Digital Artist
You just paste it as an image. This one need an actualization to be honest ^^;
Reply
:iconcaptainfurfag:
CaptainFurFag Featured By Owner 22 hours ago
oh ok
Reply
:iconxoennah:
Xoennah Featured By Owner 5 days ago  Hobbyist General Artist
Thank you very much <3 now my donation bar is awesome :D this helped a lot omg <3 I can't thank you enough^^
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 5 days ago   Digital Artist
I'm glad it helped! :hug:
Reply
:iconl-ewis:
L-ewis Featured By Owner Mar 18, 2015  Student Digital Artist
I used the code that you used and it came out as this sta.sh/01dlfafiegau is that normal? I added the words under the donate button ^^;
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 19, 2015   Digital Artist
Yes :P
Reply
:iconmayumimoriyama:
MayumiMoriyama Featured By Owner Edited Mar 17, 2015  Hobbyist Digital Artist
Your Tutorial is really good but the terms with this links or URLs i dont really get what i should do..?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 17, 2015   Digital Artist
Um, what do you mean? you don't know what URL link is?
Reply
:iconmayumimoriyama:
MayumiMoriyama Featured By Owner Mar 17, 2015  Hobbyist Digital Artist
No i know what it is but when i try it the pic isnt shown..?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 18, 2015   Digital Artist
You know I can't tell much not seeing your code or encoded widget... If you'd send me the code then it would be great. Just use the text histing site, ex. tny.cz :)
Reply
:iconmayumimoriyama:
MayumiMoriyama Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
Ehmm.. i dont really get what you mean?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 18, 2015   Digital Artist
How can I help you when I don't see what the problem is?
Reply
:iconmayumimoriyama:
MayumiMoriyama Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
I just try to put a pic as a Background on my DonationPool with the URL link from the pic but it failed and i dont know whyy
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 18, 2015   Digital Artist
Does the link has .jpg or .gif or .png on the end of the address?
Reply
(1 Reply)
:iconkairi-kohai:
Kairi-Kohai Featured By Owner Mar 14, 2015  Hobbyist Digital Artist
welp
how do i change the Progress bar colour?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 14, 2015   Digital Artist
Use one of the tutorials in the description :)
Reply
:iconkairi-kohai:
Kairi-Kohai Featured By Owner Mar 14, 2015  Hobbyist Digital Artist
aa thanks C:
Reply
:iconmuffinz01:
Muffinz01 Featured By Owner Feb 28, 2015  Hobbyist Digital Artist
AHH this is really helpful :)
though on my page i can see a faint "donate" button  canyou?
and do you know how to stretch your bg url out to fit it??? ]]
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 1, 2015   Digital Artist
The button is only visible for you :P

Um on the beginning where you have the code for background add width="100%", ex: <img src="http://fc02.deviantart.net/fs71/f/2014/250/6/b/bg_2_by_uszatyarbuz-d7y9it0.png" width="100%"></bocde> I think it should help.
Reply
:iconmuffinz01:
Muffinz01 Featured By Owner Mar 1, 2015  Hobbyist Digital Artist
Ah tyvm♥ for both making these tutorials and that:)

(( yea i figured that out a bit lol ;P ) ]]
Reply
:iconpainbowcrash:
PainbowCrash Featured By Owner Feb 25, 2015  Hobbyist Digital Artist
This helped me out a TON! Thank you!!! :)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 25, 2015   Digital Artist
No problem :)
Reply
:iconlovely9727855:
lovely9727855 Featured By Owner Feb 18, 2015  Student Digital Artist
Something is messed up with my button..

I'll Note you my code if you want
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 19, 2015   Digital Artist
Sure. But i can't check it out niw because i have serious problems with my dA account and i can use it only on my phone now..
Reply
:iconlovely9727855:
lovely9727855 Featured By Owner Feb 19, 2015  Student Digital Artist
Maybe i'll just comment the code?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 20, 2015   Digital Artist
No, the dA will eat some of it :P
Reply
:iconlovely9727855:
lovely9727855 Featured By Owner Feb 20, 2015  Student Digital Artist
Oh, aaaaaaaaaaaaa dang it
Reply
:icondazzling-dream:
Dazzling-Dream Featured By Owner Feb 15, 2015
How to strech it?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 15, 2015   Digital Artist
Use the fullview of the background. If it's smaller than 900 pix wide, you can use <img src="ulr background" width="900"/> but it will look awful :P
Reply
:iconbathtoys:
Bathtoys Featured By Owner Feb 12, 2015  Hobbyist Digital Artist
So my donate button is being awkward--

Untitled by Capricciosio  
I want the button to be small, and the text to be centered.
Pretty sure I messed up coding somewhere, but I have no idea where.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 13, 2015   Digital Artist
Me neither, but I think you missed one </div> somewhere before the button code :P
Reply
:iconbathtoys:
Bathtoys Featured By Owner Feb 18, 2015  Hobbyist Digital Artist
Huh.
Couldn't figure out where it went, so I'm probably just gonna leave it like that ^^;
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 19, 2015   Digital Artist
:dummy: i can't check it out now because i have sone problems with my account..
Reply
:iconbathtoys:
Bathtoys Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
Ah, I see!
Thanks anyways! 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 21, 2015   Digital Artist
But I can do it now XD Send me the code via note for example? Just use the text hosting site.
Reply
:iconarichy:
Arichy Featured By Owner Feb 11, 2015  Hobbyist General Artist
:icontrollfaceplz: can i ask it again? :lol: 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 12, 2015   Digital Artist
STARE SCROLLSTARE SCROLLSTARE SCROLLSTARE SCROLLSTARE SCROLL 
Reply
:iconarichy:
Arichy Featured By Owner Feb 12, 2015  Hobbyist General Artist
:giggle:
Reply
:iconthe-gaywolf:
the-gaywolf Featured By Owner Feb 11, 2015  Hobbyist Digital Artist
works great, thank you very much :)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 11, 2015   Digital Artist
:huggle:
Reply
:iconlana-h:
Lana-H Featured By Owner Feb 11, 2015  Hobbyist Digital Artist
Can you check out my profile? there are 2 donate buttons
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 11, 2015   Digital Artist
I can't find the second donate button :P
Reply
:iconforestfire7890:
ForestFire7890 Featured By Owner Feb 7, 2015  New member Hobbyist Digital Artist
Looks good to me, if I had premium membership. Hehe
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 7, 2015   Digital Artist
:D
Reply
:iconforestfire7890:
ForestFire7890 Featured By Owner Feb 7, 2015  New member Hobbyist Digital Artist
too baddie for me! :D
Reply
:iconfluffylemoncake:
FluffyLemonCake Featured By Owner Edited Feb 4, 2015  Student Traditional Artist
I can't get it to work v_v

EDIT: Never mind I was just being dumb ^ ^;
Reply
:iconfoxy-boo-adopts:
Foxy-Boo-Adopts Featured By Owner Feb 3, 2015  Hobbyist Digital Artist
Hi there, my donation button is not working. UvU
Is there a way we can fix it?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 4, 2015   Digital Artist
It's working, I checked :)
Reply
:iconfoxy-boo-adopts:
Foxy-Boo-Adopts Featured By Owner Feb 5, 2015  Hobbyist Digital Artist
(DIfferent person talking here, this is a collab account OuO ) Yeah idk what the problem would be, i suspect that was binti or foxy 
Reply
Add a Comment:
 
×




Details

Submitted on
July 6, 2014
Image Size
891 KB
Resolution
900×5335
Link
Thumb
Embed

Stats

Views
13,903 (23 today)
Favourites
1,476 (who?)
Comments
510
Downloads
55
×