Adding a Paypal Donate button to header 3.1 Prosilver SE

[mtridersclb]

Hi Chaps

re: www.mtridersclub.co.uk

Really pleased with the look so far thanks to your help. Now I want to add a Donate button to the header or somewhere obvious. Here is the Html from Paypal:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="HQ2J6KJTDTBEG">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

I know phpbb isnt html but can I use that or how would I do this please/

Thanks very much

Simon

[JacobOre]

You'd have to edit the style's template you're using.

[Lumpy Burgertushie]

yes, phpbb uses html just like any other webpage. the difference is in the other things that are used to collect the database info to add things to the pages.

anyway, using your ftp, download the overall_header.html file for your prosilver style.

using ONLY a good text editor, open the file. you can add your paypal htmlm wherever you want your button to show up. save the file, upload it back and then go to the admin panel and purge the cache and then refresh your browser to see the new button.


robert

[3Di]

using with BBcodes

Code: Select all

[url=https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HQ2J6KJTDTBEG][img]https://www.paypal.com/en_GB/i/btn/btn_donate_LG.gif[/img][/url]

[Lumpy Burgertushie]

yes, but bbcode only works in a post, not in the normal html as the OP requires.


robert

[3Di]

Ditto, mine is a knowledge-sharing, so to say. For posterity and for all of them wanted to use it as an alternative.
So, right or wrong I am on topic I believe. And yes, I am used to read the whole topics before to write something.
Regards.

[mtridersclb]

Thank you very much for your replies, I have tried pasting it into a couple of different places but cannot work out how to control its position. I am slowly seeing that differen <div> areas are relevant but exactly where to slot it in I cannot work out.
Ideally I would like it on the grey line, centered between the 'Board Index' and the Search box.

www.mtridersclub.co.uk

Thank you very much

[janus_zonstraal]

Try behind

Code: Select all

<!-- END navlinks -->

in the navbar_header.html from your style (+/- line 105)

[mtridersclb]

Ahh! Thats the slot thank you, now how to center it? Ive tried adding

align="middle"

but that didnt work

[janus_zonstraal]

I think you have to place it a little bit further in the code, now yours links are broken.
How to align it it I don't know, just try with "center" or so??

[Lumpy Burgertushie]

the problem with putting it there is that the breadcrumbs will move it across the space until there is not enough space left for it and strange things will happen etc.

best put it in the header section somewhere or on a line by itself under that grey section or at the bottom of the page etc.


robert

[Volksdevil]

Something like this may look better? Just a quick edit, placed either after the navbar, or in the top of the forumlist_body.html file so it only appears on the index page.

Code: Select all

<div class="navbar" style="text-align:center;margin-bottom:.5em;">
If you can spare a little change you can donate to {SITENAME}. Any donation, no matter how small always helps.<br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="margin-top:.5em;">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="HQ2J6KJTDTBEG">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>
</div>

Note that doing this means any updates to the site will mean you will lose the change unless you carry out the edit again.

[mtridersclb]

Robert thank you:
Yes, the breadcrumbs did push it over, in fact in some deeper forums the Paypal button was duplicated or even triplicated.

I have now put it back into overall_header. I am trying ot centre it, I have managed it in the editor by increasing the cell padding in forms.css - is that the best way to do it? Also it touched the line below.

Ah ok, Volksdevil I have just read your post, thank you - Im happy for it to appear in all forums so where you say "Just a quick edit, placed either after the navbar," is that still in overall-header?

[Volksdevil]

Yep, I'm not familiar with the style you use, in overall_header.html do you have an:
<!-- EVENT overall_header_page_body_before -->?
If so, you could place it directly before or after that.

Or if you have an:
<!-- EVENT overall_header_content_before -->, same deal. Just see which works best for you.

[mtridersclb]

Thank you, Ill have a look.

I have broken something - now when we use the Search box, we go directly to the Paypal page!!