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 )
:iconturtle-raptor:
Turtle-Raptor Featured By Owner 1 day ago  Hobbyist Digital Artist
Thank you so much for this~ This really helped me pull my profile together 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 17 hours ago   Digital Artist
I'm glad it helped! :)
Reply
:iconaquasparkles:
AquaSparkles Featured By Owner Edited Jun 13, 2015  New Deviant
Thank you so much for this tutorial!!!
I was searching the end of the earth to try make the button work!
Bunny Emoji-66 (Thank you arigatou) [V3] Neko Emoji-37 (Yay) [V2] Hamtaro Mouse Emoji-02 (Kawaii) [V1] 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 13, 2015   Digital Artist
No problem! :)
I was suggesting adding the info about the button to CustomBox+Journal Tips n Tricks-Updated 25-Sep-14 but they said it's not important and no one uses it. No wonder why - because no one knows about it :|
Reply
:iconaquasparkles:
AquaSparkles Featured By Owner Jun 13, 2015  New Deviant
Well, thanks again!~ ^^
Reply
:icontheblazingfox:
TheBlazingFox Featured By Owner Jun 10, 2015  Professional General Artist
What do I do if I wanted to use the points that were donated to me?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 10, 2015   Digital Artist
FAQ #234: What are Points?

You can use them to buy your premium membership, commissions for others, or to buy stuff from dA shop , or you can purchase premium content with them :) You can also give them to others via "Give" button that is on their profile page. Or donate to others :P There are many options :P

FAQ #181: Can I still buy prints if I don't have a credit card?
FAQ #148: What methods of payment are accepted for purchasing deviantART Premium Membership Packages?
FAQ #371: When do I have to pay for a commission?
Reply
:iconbrittany4231:
brittany4231 Featured By Owner Jun 6, 2015
I'm trying to use this for a custom widget, how would I get the donate button to link to the donation link/page? 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 7, 2015   Digital Artist
Just follow the tutorial :)
I've checked your page and it's working already :P
Reply
:iconbrittany4231:
brittany4231 Featured By Owner Jun 7, 2015
Because I switched it back to the donate widget ^^; I wasn't able to get it to work just with a regular custom widget. 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 7, 2015   Digital Artist
The donate button won't work in any other widget than Donate :P
Reply
:iconbrittany4231:
brittany4231 Featured By Owner Jun 7, 2015
yeah I gathered that :XD: Your tutorial helped a bunch though, thank you for making it! :D
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 7, 2015   Digital Artist
:hug:
Reply
:iconacruxic:
Acruxic Featured By Owner Jun 6, 2015  Student Filmographer
Can this work for gallery widgets? ;;
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 7, 2015   Digital Artist
I don't think so, progress bar will work only if you'll have donation widget somwehre on your page, but buton won't work probably (but you can use the givepoints URL addressfor donations) :P
Reply
:iconnavelcolt:
NavelColt Featured By Owner Edited May 29, 2015  Hobbyist Writer
Huh, the original button still appears for me in an icogneito window, but if you say it doesn't show then I guess it doesn't show. :D

Asides from the fact that there's a ton of excess blank space above the bar and below the donate button I wish I could get rid of so the box isn't so bulky, this is a nice work-around. :)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 29, 2015   Digital Artist
Yeah, also when you log off :P But other deviants won't see it :P

Well you could use the coding like for devID widget to get rid of blank space, but the progress bar will be SUPER wide and it will be sticking to the sides of the box...
Reply
:iconnavelcolt:
NavelColt Featured By Owner May 29, 2015  Hobbyist Writer
Kewl. :D

And that's okay. I managed to kill a little space by removing the distance between the content and the bar. Helped a little. At least it's tolerable now. :)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 29, 2015   Digital Artist
Even I use the original coding, with the spaces :P It's a bit tricky for the people as well because it depends of the screen resolution and you have to leave some space on the bottom :P
Reply
:iconrokatsu:
Rokatsu Featured By Owner May 28, 2015  Hobbyist Digital Artist
Wait so... the bar doesn't move on its own like it did without the coding? 

Also... I know you said not to ask but yes there's a 2nd bar at the bottom however everyone can see it and it's kinda annoying tbh. 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 29, 2015   Digital Artist
No :P I described it in the deviantion about progress bars that is linked in description :)

Background is too short :P
Reply
:iconrokatsu:
Rokatsu Featured By Owner May 29, 2015  Hobbyist Digital Artist
It looks fine on my desktop...... dang QAQ" 

Screw this coding crap! *throws DA out the window* lol
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 29, 2015   Digital Artist
Yes, it depends of screen resolution :nod: On really big sreeens, a single widget is 900 pixels wide. For example on mine, it's not more than 600 pixels wide. :P
Reply
:iconrokatsu:
Rokatsu Featured By Owner May 29, 2015  Hobbyist Digital Artist
Well shit... thanks for the info. ^-^ 
Reply
:iconmaddiecakez:
Maddiecakez Featured By Owner Edited May 26, 2015  Hobbyist Digital Artist
I love it! There's just one problem.

The button isn't working, and I didn't use it as a content holder!

Proof of this is that you can click on my Donate button and it won't bring anything up! :(
(This is from the second account. If you want proof please go to 'Emralie')
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 27, 2015   Digital Artist
There isn't any button encoded :P You need to make step 6. It will look like you have two buttons but only for you.
Reply
:iconemralie:
Emralie Featured By Owner May 27, 2015  Hobbyist General Artist
Oh sorry, I took it off because I was tired of it. XD
Even so, when I coded it into the donate box, I used my other account to press the button and see, and nothing popped up.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 27, 2015   Digital Artist
I don't know, I don't see the code :shrug:
Reply
:iconwidyadk:
Widyadk Featured By Owner May 25, 2015  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 May 25, 2015   Digital Artist
Sorry :shrug: :pat:
Reply
:iconpelusita-fideos:
Pelusita-Fideos Featured By Owner Jun 4, 2015  Hobbyist General Artist
why non-premium members cant do this? :c
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 7, 2015   Digital Artist
It's not my choice, sorry.. :shrug:
Reply
:iconwidyadk:
Widyadk Featured By Owner May 25, 2015  Student Artist
 
Reply
:iconkodaberry:
KodaBerry Featured By Owner May 17, 2015  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 Deviant 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 Deviant Hobbyist General Artist
Oh that makes sense lol
Reply
:iconcerulean-b:
Cerulean-B Featured By Owner Apr 23, 2015  Hobbyist Digital 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
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
17,203 (29 today)
Favourites
1,735 (who?)
Comments
564
Downloads
72 (1 today)
×