Shop More Submit  Join Login
×




Details

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

Stats

Views
8,431 (8 today)
Favourites
977 (who?)
Comments
285
Downloads
32
×
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 4. Once I were a beautiful rose by UszatyArbuz



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 )
:iconraven-born:
Raven-Born Featured By Owner 1 day ago  Hobbyist Writer
Worked very nicely! I added this to my favorites a few months back and am now able to use it~. Thank you for simple instructions and a nice edit to the donation widget!
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 1 day ago  Hobbyist Digital Artist
Thank you so much :huggle:
Reply
:iconraven-born:
Raven-Born Featured By Owner 1 day ago  Hobbyist Writer
You're certainly welcome~.
Reply
:iconstickiebun13:
StickieBun13 Featured By Owner 2 days ago  Hobbyist General Artist
Sorry to bother you, but I did all this and it works, but it still shows the original donate button (though it's unclickable) I logged off to look at my page and it was still there.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 2 days ago  Hobbyist Digital Artist
I already stated in tutorial that this button will be visible only for you, no one except you will see it :)
Reply
:iconstickiebun13:
StickieBun13 Featured By Owner 1 day ago  Hobbyist General Artist
I guess it just confused me that when i logged out i could still see it.
Reply
:icondrawingcozy:
drawingcozy Featured By Owner 4 days ago  Student Digital Artist
my donate button only shows as code and i tried multiple things?? what do i do
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 4 days ago  Hobbyist Digital Artist
Um, it's working for me :P
Reply
:icondrawingcozy:
drawingcozy Featured By Owner 4 days ago  Student Digital Artist
oh, sorry to bother!
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 4 days ago  Hobbyist Digital Artist
It's ok :D
Reply
Add a Comment: