Shop More Submit  Join Login
×




Details

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

Stats

Views
9,330 (10 today)
Favourites
1,055 (who?)
Comments
313
Downloads
37
×
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 )
:icondimexrainbow:
DimexRainbow Featured By Owner 17 hours ago  Hobbyist General Artist
dont have in spanish...
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 8 hours ago  Hobbyist Digital Artist
Yo no hablo español :P
Reply
:icont3chyart15t:
T3chyArt15t Featured By Owner 6 days ago  Student General Artist
Nevermind got it! Thanks for the tutorial!
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 6 days ago  Hobbyist Digital Artist
Haha okay :D
Reply
:icont3chyart15t:
T3chyArt15t Featured By Owner 6 days ago  Student General Artist
Thanks though! Sorry for the trouble.
Reply
:icont3chyart15t:
T3chyArt15t Featured By Owner 6 days ago  Student General Artist
hey, my background is covering up all of the other stuff and the bar is longer than it needs to be, yet im doing it correctly
Reply
:iconpokesm-art:
Pokesm-ART Featured By Owner Nov 13, 2014  Hobbyist Artist
my button wont work ;-; i copied the part from your template: 

<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>


but it wont work ;-;
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Nov 13, 2014  Hobbyist Digital Artist
BBy it works fine for me :P
Reply
:iconpokesm-art:
Pokesm-ART Featured By Owner Nov 13, 2014  Hobbyist Artist
yay :D
Reply
:iconthedarkcommander:
TheDarkCommander Featured By Owner Nov 11, 2014  Student Digital Artist
i was wondering if the original donate button is still there on my donation widget and if the new button works...
Reply
Add a Comment: