Month: June 2015

Choose GIF 32 No Dither from the Preset drop-down list.

Here is code from Network Solution for form:

<a href=http://0393faf.netsolhost.com/freegoogletest.html> Mansavage Productions Free Google Mobile Friendly Website Analysis</a>

Save.

When the Google mobile-friendly test fails because viewport not set, and the code further down doesn’t work, then try:

SAMPLE PAYPAL BUTTON CODE:

<form target="paypal" 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="JGPNM5E634B42">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_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>

Find the following line of code:

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

And replace it with:

<input type="submit" value="Add to Cart" name="submit" title="PayPal - The safer, easier way to pay online!" class="paypal_btn">

Paste the following into the .css file: (it will then show up as CSS Styles in All as .paypay_btn and .paypal_btn:hover

You can then make changes to the button appearance by clicking on “edit rule.”

The button will still bring up PayPal when clicked.

.paypal_btn{
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 14px;
margin: 0;
background: #ff6600;
border: 0;
cursor: pointer;
outline: none;
}
.paypal_btn:hover{ background: #e05c04; }

<div data-role=”content”>
<ul data-role=”listview”>
<li><a href=”#page2″>Welcome</a></li>
</ul>
</div>

Paste inside of page containing the list button.

Add the following code to head immediately before </head> tag:

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

End.

You can add a link on your jQuery Mobile webpage to directly call a phone number using the following format:

<a href=”tel:1234567890″ data-role=”button” rel=”external”>Phone: (123) 456-7890</a>

Be sure to put in rel=”external”.

When you click on the link, your phone app on your smartphone will be brought up with the number 1234567890 set.  All you have to do is hit “Call”  to make the phone call.  Try it out on your iPhone or Android phone!