Menu icon Foundation

Designer | lansing mi

Still learning the web

My Posts


  • 12
    Replies
  • Foundation button with paypal code

    By Rejji Fubara

    Paypalbutton

    I am making a photography website and beneath each package list I have a button. I want that button to lead the customer to a paypal cart. I want to use the foundation provided button to accomplish this but I do not know how to attach the paypal code to ... (continued)

    Last Reply by Jeorge over 1 year ago


My Comments

Rejji Fubara commented on Rejji Fubara's post over 5 years

Did I mention i'm using foundation?

Rejji Fubara commented on Rejji Fubara's post over 5 years

The replies were not helpful at all...put it this way. How do I go about creating a contact form from beginning to end including getting it to submit the info to an email address. As I said I am a newbie.

Thank You

Rejji Fubara commented on Rejji Fubara's post over 5 years

Thank you again...it works perfectly..

Rejji Fubara commented on Rejji Fubara's post over 5 years

Hi Lyn,

I just realized that I might have the wrong type of button so I added the button as a list item with a class of cta-button. How would I integrate the PayPal code since its a list item now.

        <li class="bullet-item">0-Text on photo</li>
    <li class="bullet-item">Shoot time-One hour</li>
        <li class="cta-button"><a class="tiny round alert button" href="#">Choose</a></li>

Rejji Fubara commented on Rejji Fubara's post over 5 years

Thank you guys for all your help...It worked!. except for my buttons flopping all over the place..lol the code is fine and does what I want.

Rejji Fubara commented on Rejji Fubara's post over 5 years

This is the paypal button code

<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="DFD84E35U4YJ8">
<input type="image" src="https://www.paypalobjects.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="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Rejji Fubara commented on Dipak Saraf's post over 5 years

To add a social media icon nav menu to the top-bar, you just create another un-ordered list with a class of "right" and write out the list items for it...A good font icon generator is font-awesome from http://www.fontawesome.io ...here is what i did to make them larger without breaking the row..

<!--Begin navigation-->

        <ul class="left">
          <li class="active"><a href="index.html">Link 1</a></li>
          <li class="has-dropdown"><a href="#">Link 2</a>
              <ul class="dropdown">
                  <li><a href="#">sublink 1</a></li>
                  <li><a href="#">sublink 2</a></li>
                  <li><a href="#">sublink 3</a></li>
                </ul>
              </li>
          <li><a href="#">Link 3</a></li>
          <li><a href="#">Link 4</a></li>
        </ul>


            <ul class="right">
          <li><a href="#"><i class="fa fa-facebook fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-twitter fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-youtube fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-flickr fa-2x"></i></a></li>
        </ul> 

    </section>
</nav><!--end top-bar-->    

<!--end 12 columns-->

<!--end row-->
<!--End Navigation-->

Posts Followed

  • 12
    Replies
  • Foundation button with paypal code

    By Rejji Fubara

    Paypalbutton

    I am making a photography website and beneath each package list I have a button. I want that button to lead the customer to a paypal cart. I want to use the foundation provided button to accomplish this but I do not know how to attach the paypal code to ... (continued)

    Last Reply by Jeorge over 1 year ago


Following

    No Content

Followers

My Posts



My Comments

You commented on Rejji Fubara's post over 5 years

Did I mention i'm using foundation?

You commented on Rejji Fubara's post over 5 years

The replies were not helpful at all...put it this way. How do I go about creating a contact form from beginning to end including getting it to submit the info to an email address. As I said I am a newbie.

Thank You

You commented on Rejji Fubara's post over 5 years

Thank you again...it works perfectly..

You commented on Rejji Fubara's post over 5 years

Hi Lyn,

I just realized that I might have the wrong type of button so I added the button as a list item with a class of cta-button. How would I integrate the PayPal code since its a list item now.

        <li class="bullet-item">0-Text on photo</li>
    <li class="bullet-item">Shoot time-One hour</li>
        <li class="cta-button"><a class="tiny round alert button" href="#">Choose</a></li>

You commented on Rejji Fubara's post over 5 years

Thank you guys for all your help...It worked!. except for my buttons flopping all over the place..lol the code is fine and does what I want.

You commented on Rejji Fubara's post over 5 years

This is the paypal button code

<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="DFD84E35U4YJ8">
<input type="image" src="https://www.paypalobjects.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="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

You commented on Dipak Saraf's post over 5 years

To add a social media icon nav menu to the top-bar, you just create another un-ordered list with a class of "right" and write out the list items for it...A good font icon generator is font-awesome from http://www.fontawesome.io ...here is what i did to make them larger without breaking the row..

<!--Begin navigation-->

        <ul class="left">
          <li class="active"><a href="index.html">Link 1</a></li>
          <li class="has-dropdown"><a href="#">Link 2</a>
              <ul class="dropdown">
                  <li><a href="#">sublink 1</a></li>
                  <li><a href="#">sublink 2</a></li>
                  <li><a href="#">sublink 3</a></li>
                </ul>
              </li>
          <li><a href="#">Link 3</a></li>
          <li><a href="#">Link 4</a></li>
        </ul>


            <ul class="right">
          <li><a href="#"><i class="fa fa-facebook fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-twitter fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-youtube fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a></li>
          <li><a href="#"><i class="fa fa-flickr fa-2x"></i></a></li>
        </ul> 

    </section>
</nav><!--end top-bar-->    

<!--end 12 columns-->

<!--end row-->
<!--End Navigation-->

Posts Followed


Following

  • No Content

Followers

  • No Content