|
HTML - Paypal Donation Buttons (own Image)
Hjallo wizkids
I need some help on a forum I'm currently building a test of a new forum. I'm trying to get some paypal buttons onto the forum portal as seen on www.nicoan.dk I want to get rid of the grey background, the images are .png! So I think it might be the <form> tag that creates the background This is one of the images Also I want to them to be horizontal and not vertical This is the unprotected code for one of the buttons Code: <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_donations"> <input type="hidden" name="business" value="Q8A9Q349JJUKE"> <input type="hidden" name="lc" value="DK"> <input type="hidden" name="item_name" value="Helix"> <input type="hidden" name="amount" value="5.00"> <input type="hidden" name="currency_code" value="GBP"> <input type="hidden" name="currency_code" value="GBP"> <input type="hidden" name="bn" value="PP-DonationsBF:5gbp.png:NonHosted"> <input type="image" src="http://www.nicoan.dk/images/icons/5gbp.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypal.com/da_DK/i/scr/pixel.gif" width="1" height="1"> </form> This is the protected code Code: <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7----- "> <input type="image" src="http://www.nicoan.dk/images/icons/5gbp.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypal.com/da_DK/i/scr/pixel.gif" width="1" height="1"> </form> Any help will be much appreciated! ~ Aki Similar TutorialsTo start, I should probably mention I have no experience or knowledge with HTML or coding. I am trying to create a paypal donate button for our website. I would like the user to click the button, then be prompted to enter their in-game username, then be directed to the paypal checkout at the price that I set. The username that they enter will be included in the paypal order options. I'm not 100% sure if this is done with html, and if it isn't I would appreciate a link or tutorial on how I can actually do it. Thanks. Morning everyone, hope you can help me! I made a website for a band a few months ago, 1st attempt at this sort of site. The problem i am having a few of the customers, have emailed the band saying the paypal buttons are not working on the merchandise page. So i checked this on my home PC that runs Windows XP, the buttons were all working fine. I was on my laptop which runs Vista and got an email saying the buttons wasn't working, so i checked again on the laptop and none of the buttons were working. Can anyone shed any light on this? Thankyou Link to the Website :- www.****neyrejects.net Very new to html but i've downloaded several Paypal buttons and put the code into my web page. My problem is i want the buttons to run along the page side by side horizontally with spaces between them but they are running top to bottom. I have tried different ways to try and solve the problem but none have worked. Can anyone tell me what i have to do? thanks I would like to position a bunch of custom paypal gifs along a specific row that falls directly beneath a jpg image which I have already formatted to correctly fit into the web page in question. Before creating the custom gifs for each paypal, I created a single correctly formatted "horizontal segment button row" jpg (which it should be noted also consists of regular image file non-paypal buttons.) As I understand it, I need help with 4 things: a) do I simply cut the horizontal segment row into its constituent jpgs first? b) could these segements then be formatted as a single-row table? c) can I alter the actual length of each cell within the row or must this be fixed/equal and only subject to merges? b) Another way to look at my question is: once all the jpeg's have been broken into their respective "regular" and "paypal button" segments, how do I 'stitch' them all back together along this single row so that they directly follow one another (without any space in between them?) Per the sample code below, I originally set the code so that the nonpaypal and paypal icons are stacked along a center column separated by a line space (and subsequent single line spaces) beneath the image.jpg file: <div align="center"><img src="img/image.jpg" alt="" width="460" height="263" border="0"></div> <p align="center"> <center> <input type="image" src="img/regular.jpg" border="0" name="submit" alt="regular"> </center> </p> <p align="center"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <center> <input type="image" src="img/subscribe1.jpg" border="0" name="submit" alt="1"> </center> <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----etcetc-----END PKCS7----- "> </form> </p> <p align="center"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <center> <input type="image" src="img/subscribe2.jpg" border="0" name="submit" alt="2"> </center> <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----etcetc-----END PKCS7----- "> </form> </p> This work is my first attempt at coding in HTML; as stated, I'd now like to reassemble/line up all of these jpgs directly below the image.jpg (i.e. no line space separation this time!) along a single row that also matches the width of the image.jpg --- please let me know? Many thanks! BR I am setting up a non-profit web page and they are going to want a donation page for on line donation using credit cards. other than knowing that they need a "merchant account", is there some kind of software that interacts with the merchant account. I don't think it's necessary to go and set up a store, because of the cost and it seems like over kill. Hi guys I've recently got into to the whole making sites for people running for political office and a lot of them want a donation function on there pages only problem is I have like NO idea how 2 do that. Its it done with HTML? Do I need to run through pay pal? Do I need to hand code the fields? So more then like a specific Q and A on this one I just need a broader response on where and how this is done. Thx 4 the assist. John Sorry may sound like a noobish question but this is the first time I have made a site, but i have added images to my site as links but they move when the browser window is adjusted, so just wanted to know how to keep them fixed in one position. this is my site: www.d1ndesigns.com thanks I have a JSP with HTML and Javascript in it. There're 2 image buttons and 1 Submit button, for some reason ALL buttons submit (when I click any of the image buttons, it works fine but submits too). I'm kinda new to HTML and JS so i need to know where did I go wrong Code: <form action="Req_Result" method="post" name="entry" onSubmit="return validate(this)"> <table border="0" cellpadding="10" cellspacing="10"> <tr> <td> <table> <tr> <td><INPUT TYPE="RADIO" NAME="searchBy" checked="checked" value="byname" onclick="sortby()"> By Name</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchBy" value="byDate" onclick="sortby()"> By Date</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchType" checked="checked" value="whole" onClick="chMd()"> By Department</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchType" value="byid" onClick="chMd()"> By ID</td> <td><input name="ps" type="text" size="18" disabled="disabled"></td> </tr> <tr> <td>Start Date:</td> <td><input name="startdate" id="startdate" type="text" size="18" readonly> <input type="image" src="theme/panelCalendarIcon.gif" value="date1" onClick="SelectDate()" ></td> </tr> <tr> <td>End Date:</td> <td><input name="enddate" id="enddate" type="text" size="18" readonly> <input type="image" src="theme/panelCalendarIcon.gif" value="date2" onClick="SelectDate()" ></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Submit"></td> </tr> </table> </td> </tr> </table> </form> Hello, I have an image which has a white area somewhere on the right side, but not exactly on right. I want to put addthis.com share buttons on this white area (please see attachment to see the image I'm talking about). When I use div align="right" I get them to be on far right which is not what I want. How can I achieve this using HTML? If not addthis.com code, is there any way of putting simple text or links on this white portion? I donot want to use css to do this as I'm on joomla and using css for this little work conflicts with the main css of the joomla template. Please help me. This thing has been driving me crazy for days!!! Thanks, Here's a link to the page I'm currently working on. http://www.vancouver4condos.com/test/ The big map picture is set up as an image map, with all the areas already specified. Each area gets highlighted when viewer hovers the cursor over it. Also, right above the map is a navigation menu, with all the buttons corresponding to each of the areas on the image map below. I was wondering if there is a way to connect each of the navigation buttons with their corresponding map image areas in such a way that when the user hovers the cursor over a button, its map area will automatically get highlighted. Ideally, the opposite would also be true - when hovering the cursor over one of the map areas, its corresponding navigation button would also highlight. Hello, I have a graphic background with image buttons ("img" inside an "a href" link). By default, when you right click a button (or left click and move pointer out), the browser paints a selection rectangle, painted with dotted lines, that remains there. The same selection is visible when you click the image button, until the new page loads. You can see it even on the top round buttons of this forum. It looks really bad on my page because the image buttons are ment to be part of the background, and such a selection is out of style. Is there a way I can instruct the browser not to paint this selection? Some CSS style or some other property? Thanks! Alex just wondering if anyone knows how to make - where to get a paypal widget, this is for a Clan so its a non profit thing, was hoping to have a per month total it costs, then a bar showing how much has been put in and a donate button i found one he http://bfm.enjin.com/ thanks in advance for your help Hey all Just wondering if it is all possible to change paypals 'buy now' box code. So that it does something I want before heading off to paypal. Like this Code: <form action="save.php" method="post"> <textarea name="content"></textarea> <br> <input type="submit" value="OK"> </form> Hey All! I didnt know which forum to post this into but i thought i would try here first!! Firstly, i am pretty new to website design, secondly i need to work out how twork with paypal on a site i have created! I have a site that sells online raffle tickets for several competiitions and i need these sales to be done online via paypal!! How do i go about doing this?! Does anyone know any good tutorial sites that will help? Any information will be really appreciated! Many thanks Matt As this is more than likely a v. dumb question... (I've possibly asked dumber before) Apologies but... Does anyone know if you can amend to "add to cart buttons" from paypal? Every time I amend to <form> code my cart goes on the fritz. All I really want to do is change it from the .gif to a hyperlink... thx in advance... hi guys, i need some help with my paypal form. I've added option fields and checkboxes but i need to add areas to insert measurements. (basically text boxes). I know how to do this with HTML but my question is: if i put these fields in, will paypal process them and then send me a copy of the orderform so i know what measurements to use? can i access the customers completed form once it is sent through paypal? or will i need to use a php code or something? (if i do does anyone know where i can find the code, maybe have you guys help me write it?) any help is MUCH appreciated, and i could use it asap. thanks a bunch. here's the order form: http://www.collegedresses.com/order.html hi, i have written this form however when i recieve emails from paypal reguarding the order, certain options and fields the user inputted are not appearing. I know they did not just leave them blank because I called them back and asked them. any ideas? hopefully you guys can help me as soon as possible because it sucks calling all these people back and trying to figure out what they want. thanks so much! here's the coded form: the hidden select is on top and appears when a user selects custom design... HTML Code: <a style="display:none" id="selectHidden">
<select name="on2" style="background-color:maroon; font:12px verdana; color:white;">
<option value="none">Select One</option>
<option value="white">White</option>
<option value="maroon">Maroon</option>
<option value="black">Black</option>
<option value="heather">Heather Grey</option>
</select>
</a>
<form action="https://www.paypal.com/us/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="collegiateproductions@gmail.com">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="item_name" value="Dress">
<input type="hidden" name="amount" value="40.00">
<table>
<tr>
<td id="leftcell"><a href="http://www.collegedresses.com/frame.html" target="_blank">Frame:</a></td>
<td id="rightcell">
<select name="on0" id="select">
<option value="none">Select One</option>
<option value="aframe">A-Frame</option>
<option value="strait">Strait Frame</option>
</select>
</td>
</tr>
<tr>
<td id="leftcell">
<a href="http://www.collegedresses.com/custom.html" target="_blank">Custom Design:</a>
</td>
<td id="rightcell">
<select onchange="newOptions(this.id)" name="on1" id="on1" style="background-color:maroon; font:12px verdana; color:white;">
<option value="none">Select One</option>
<option value="custom">Custom Design</option>
<option value="supplied">You Supply Shirt</option>
</select><br />
<a id="newSelect"></a>
</td>
</tr>
<tr>
<td id="leftcell"><a href="http://www.collegedresses.com/topdesign.html" target="_blank">Design of Top:
</td>
<td id="rightcell">
<select name="on3" id="select">
<option value="none">Select One</option>
<option value="halter">Halter Top</option>
<option value="tube">Tube Top</option>
<option value="doublestrap">Double Strap</option>
<option value="tshirt">T-shirt Top</option>
</select>
</td>
</tr>
<tr>
<td id="leftcell">Bottom Color:
</td>
<td id="rightcell">
<select name="on4" id="select">
<option value="bottomwhite">White</option>
<option value="bottommaroon">Maroon</option>
<option value="bottomblack">Black</option>
<option value="bottomheather">Heather Grey</option>
</select>
</td>
</tr>
</table>
<br />
<strong>Options - All options are free of charge!</strong>
<br />
<a href="http://www.collegedresses.com/options.html" target="_blank">Middle Strap:</a>
<input type="checkbox" name="on5" value="Middle Strap">
<a href="http://www.collegedresses.com/options.html" target="_blank">Middle Band:</a>
<input type="checkbox" name="on6" value="Middle Band">
<a href="http://www.collegedresses.com/options.html" target="_blank">T-shirt Pockets:</a>
<input type="checkbox" name="on7" value="T-shirt Pockets">>
<a href="http://www.collegedresses.com/options.html" target="_blank">Scrunchy Pockets:</a>
<input type="checkbox" name="on8" value="Scrunchy Pockets">
<a href="http://www.collegedresses.com/options.html" target="_blank">Side Pockets:</a>
<input type="checkbox" name="on9" value="Side Pockets">
<a href="http://www.collegedresses.com/options.html" target="_blank">Bottom Band:</a>
<input type="checkbox" name="on10" value="Bottom Band">
<a href="http://www.collegedresses.com/options.html" target="_blank">Bottom Lace:</a>
<input type="checkbox" name="on11" value="Bottom Lace">
<br />
<br />
<strong><a href="http://www.collegedresses.com/measurements.html" target="_blank">Measurements</a></strong>
<br />
<table>
<tr>
<td id="leftcell">Bust:</td>
<td id="rightcell">
<select name="on11" id="select">
<option value="none">Select One</option>
<option value="bustxs">XS (28-30)</option>
<option value="busts">S (31-33)</option>
<option value="bustm">M (34-37)</option>
<option value="bustl">L (38-40)</option>
<option value="bustxl">XL (41-43)</option>
</select>
</select>
</td>
</tr>
<tr>
<td id="leftcell">Waist/Hip:
</td>
<td id="rightcell">
<select name="on12" id="select">
<option value="none">Select One</option>
<option value="waistxs">XS (21-23/30-32)</option>
<option value="waists">S (24-26/33-35)</option>
<option value="waistm">M (27-30/36-39)</option>
<option value="waistl">L (31-32/40-42)</option>
<option value="waistxl">XL (33-36/43-46)</option>
</select>
</td>
</tr>
<tr>
<td id="leftcell">Skirt Length:
</td>
<td id="rightcell">
<select name="on13" id="select">
<option value="none">Select One</option>
<option value="skirtxs">XS (21)</option>
<option value="skirts">S (22)</option>
<option value="skirtm">M (23)</option>
<option value="skirtl">L (24)</option>
<option value="skirtxl">XL (25)</option>
<option value="skirtother">Other (specify in Comments)</option>
</select>
</td>
</tr>
<tr>
<td id="leftcell" style="vertical-align:top;">Comment Box:
<br />(Please use comment
<br />box to specify
<br />custom design
<br />or give extra
<br />instructions.)
</td>
<td id="rightcell">
<input type="textbox" style="background-color:maroon; font:12px verdana; color:white; font-weight:bold; width:200px; height:200px;" />
</td>
</tr>
</table>
<br />
<br />
<strong>Remember, alterations are FREE!</strong>
<br />
<br />
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="htts://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
I REALLY appreciate all the help guys. Ideally I'd prefer to have this without php, but would it be possible to have some forms like; (each form is a select form, multiple option) Form 1 - Select Course Form 2 - Available Course Dates (this is linked through each course) Price: - Course Price Paypal Button - Pay Now So when they pay with paypal, the data from the two forms and price are in paypal also, I think I could setup the paypal button to have the price anyway, but its linking the two forms togethe that I am having issues with, any answers? Hey, I have a paypal form that I want to pop up in a new window when the button link is clicked on... here's the beginning of my code: <div id="layer4" style="width:200px; height:40px; position:absolute; left:109px; top:275px; z-index:1;"> <p align="center"><form method="post" action="https://www.paypal.com/cgi-bin/webscr"> any ideas???????????? |
|||||||