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 )
:iconwidyadk:
Widyadk Featured By Owner 1 hour ago  Student Artist
Wow but one prob 
what is it
IM NOT A PREMIUM MEMBER :nuu: I think I've fainted. Waaaah! 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 48 minutes ago   Digital Artist
Sorry :shrug: :pat:
Reply
:iconkodaberry:
KodaBerry Featured By Owner May 17, 2015  New member Hobbyist Digital Artist
your amazing you get a watch
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 17, 2015   Digital Artist
Thanks :D
Reply
:iconginakyona:
GinaKyona Featured By Owner May 14, 2015  Hobbyist Filmographer
you are my hero! thank you so much~
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 15, 2015   Digital Artist
:huggle:
Reply
:iconkaidatenshi:
KaidaTenshi Featured By Owner May 9, 2015
I've tried to use thise code, but the old "donate" button is still showing D:
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 10, 2015   Digital Artist
It's only visible for you :P
Reply
:iconkaidatenshi:
KaidaTenshi Featured By Owner May 10, 2015
I logged out and it's still on there xD
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 11, 2015   Digital Artist
It's visible when you log off. :XD:
Reply
:iconxdivasimsx:
XDivasimsX Featured By Owner May 3, 2015  New member Hobbyist General Artist
I Used Your Code and My code but it won't seem to come out like yours Is this still Usable?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 5, 2015   Digital Artist
It is of course :) but it;s only for premium users :hug:
Reply
:iconxdivasimsx:
XDivasimsX Featured By Owner May 7, 2015  New member Hobbyist General Artist
Oh that makes sense lol
Reply
:iconcerulean-b:
Cerulean-B Featured By Owner Apr 23, 2015  New member Hobbyist General Artist
Thank you for this wonderful tutorial, this helps me a lot! Although, I didn't read the end that it doesn't work for non-premium member Deviants, which is a pity. I'll use this as a future resource :D
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 25, 2015   Digital Artist
:hug:
Reply
:iconpinkprincesslora:
PinkPrincessLora Featured By Owner Apr 20, 2015  Student General Artist
light pink heart bulletWOW this helped me so much! Thanks a marzillion for this! :aww:pink heart bullet
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 25, 2015   Digital Artist
My pleasure! :huggle:
Reply
:iconrosherudesu:
rosherudesu Featured By Owner Apr 3, 2015  Student Digital Artist
This is really helpful, thank you so much!!
Just to be clear, you can't change how much of the donation pool is full according to how many points you have? Sorry to ask, I just need to be clear ;p
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 3, 2015   Digital Artist
You can but you have to do it manually; see this deviation: Pastel progress bars (custom widgets)
Reply
:iconrosherudesu:
rosherudesu Featured By Owner Apr 4, 2015  Student Digital Artist
Thank you!! Your tutorials are awesome, and really helpful! People like you deserve the best (`˘з(•˘⌣˘•)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 4, 2015   Digital Artist
Aaww thank you :huggle:
Reply
:iconrippleart:
RippleArt Featured By Owner Mar 30, 2015  Hobbyist General Artist
thank you so much!! This helped very much :)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 31, 2015   Digital Artist
:huggle:
Reply
:iconcaptainfurfag:
CaptainFurFag Featured By Owner Mar 27, 2015  Hobbyist Digital Artist
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 Mar 28, 2015   Digital Artist
You just paste it as an image. This one need an actualization to be honest ^^;
Reply
:iconcaptainfurfag:
CaptainFurFag Featured By Owner Mar 28, 2015  Hobbyist Digital Artist
oh ok
Reply
:iconxoennah:
Xoennah Featured By Owner Mar 23, 2015  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 Mar 24, 2015   Digital Artist
I'm glad it helped! :hug:
Reply
:icondeutschliand:
DeutschlIand 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
Add a Comment:
 
×
Download PNG 900 × 5335




Details

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

Stats

Views
15,851 (6 today)
Favourites
1,646 (who?)
Comments
533
Downloads
65
×