masterchief
Well-known member
I was customizing my Flexile Dark theme the other day, adding embed code for my paypal button. After I tested it out and determined everything was functioning as expected, it was time to update my default style. Oooops.. the is no Right Content Area block in the default style. hmmm...
So I opened up PAGE_CONTAINER template in the default style. I found this line of code
I simply typed 'Paypal button goes here'... saved template and reloaded my webpage.
ooops.. dont want that as it did write the string in the header area, but it had a white background. So.. I looked at PAGE_CONTAINER template and found another line of code
I made these changes:
Sure enough that is exactly what I wanted... string was written upper left corner of header area. So all I need to do next was use a <div style="position:absolute"> with appropriate values for TOP and RIGHT. Here is final block of code:
Using POSITION:ABSOLUTE you can literally position your objects wherever you want by changing the values for TOP and RIGHT. peace
So I opened up PAGE_CONTAINER template in the default style. I found this line of code
Code:
<div id="headerMover">
I simply typed 'Paypal button goes here'... saved template and reloaded my webpage.
ooops.. dont want that as it did write the string in the header area, but it had a white background. So.. I looked at PAGE_CONTAINER template and found another line of code
Code:
<div id="headerProxy"></div>
I made these changes:
Code:
<div id="headerProxy">PayPal button goes here</div>
Sure enough that is exactly what I wanted... string was written upper left corner of header area. So all I need to do next was use a <div style="position:absolute"> with appropriate values for TOP and RIGHT. Here is final block of code:
Code:
<div id="headerProxy">
<!-- addon paypal button addon -->
<div style="position: absolute; right: 50px; top: 20px;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="xxxxxxxxxxxxx">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-xxxxxxxxxxxxx/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<!-- addon paypal button addon -->
</div>
Using POSITION:ABSOLUTE you can literally position your objects wherever you want by changing the values for TOP and RIGHT. peace