Websites - Videos

Here is great link to How To Create Grass:

Use Photoshop and create a new document.

Set your foreground and background colors to black and white. A shortcut for this is to restore Photoshop’s color defaults by pressing ‘d’ on your keyboard.

Go to the toolbar at the top and click filter->render->clouds

Add some noise. Click filter->noise->add noise. Change the amount to 44%, the distribution to gaussian and make sure monochromatic is checked on.

Add a gaussian blur to the dirt layer. Click filter->blur->gaussian blur. Set the radius to 0.9 pixels.

Give the dirt layer it’s color. Click image->adjustments->hue/saturation. Make sure to check preview and colorize. Then change the setting to a nice brown. I used: Hue: 49, Saturation: 29, Lightness: -38. Click OK.

OK, we are now finished with the dirt layer. That gives us a nice texture and color underneath the grass we are about to create. Let’s start on the grass. Create a new layer and name it “Grass.”

Change your background color to a grassy color green, I used, #52782F. Hit ‘ctrl, backspace’ to fill your current layer (Grass) with the green color you selected.

Add some noise to your new grass layer. Click filer->add noise->noise. Choose 30% for the amount, gaussian for the distribution, and check monchromatic. Click OK.

Blur the grass layer. Click filter->blur->gaussian blur. Change the radius to 0.9 pixels, click OK.

Use a couple of wind filters to lengthen the grass and simulate the look of blades. Click filter->stylize->wind, and change the settings to: method, stagger and direction, from the right. Click OK.

Add a little more direction and interest to our layer. First click image->rotate canvas->90 CW. Click OK.

Repeat the last two steps now, but go in the opposite direction. So go to filter->stylize->wind again and choose stagger, from the left. Click OK.

Now flip the image so the grass looks verticle. Click image->rotate canvas->90 CCW. Below is what I’ve got so far…

If grass could use a little more contrast, then change the levels by clicking image->adjustments->levels. Drag the white and black sliders towards the middle till you get the variance you are after. Click OK.

There you have it! Grass for all kinds of backgrounds.

 

 

Here is one of the best ways that a bulk emailing is accomplished:

The spreadsheet containing all the email addresses should be saved as a .csv file.

The spreadsheet should have a header row at the top of the spreadsheet, with recipients first name, last name, and email address, each as one word all lower case.

The above spreadsheet could be used to send 3 emails to me all at once.

Create a new email in your email program. I use Mozilla Thunderbird with Mail Merge add-on.

Copy & Paste the HTML code of the HTML email into the body of the email that you want to send to people listed in the spreadsheet. In Thunderbird, click Insert, choose HTML, then paste code into dialogue box.

In the To: entry, type {{email}}

(Enclose the column headings in 2 sets of curly braces.)

The Thunderbird program will automatically generate emails in the Outbox addressed to everyone in the “email” column of the spreadsheet.

If you type Dear {{firstname}} in the body of the mail, each email will have the first name of each person associated with the corresponding email address.

Choose Send Unsent Messages.

 

The best online converter that I have found to convert PDF files to HTML5 files is called Zamzar.

Their website is zamzar.com

To show a video in HTML, use the <video> element (will not autoplay):

 

<video width=“320” height=“240” controls>
<source src=“movie.mp4” type=“video/mp4”>
<source src=“movie.ogg” type=“video/ogg”>
Your browser does not support the video tag.
</video>

 

The controls attribute adds video controls, like play, pause, and volume.

IInclude width and height attributes.

Text between the <video> and </video> tags will only display in browsers that do not support the <video> element.

Multiple <source> elements can link to different video files. The browser will use the first recognized format.

---

---

 

Working with HTML5 video in Dreamweaver

Use the following to prevent text inside the editable region under a div with a menu bar from floating up along side the menu bar as it adjusts inside a fluid layout:

Use the “Float” property to specify whether or not an element should float.

Use the “Clear” property to control the behavior of floating elements.

Float Property

The “Float” property can be used to wrap text around images.

Clear Property

The “Clear” property is used to control the behavior of floating elements.

Elements after a floating element will flow around it. To prevent this, use the “Clear” property.

The “Clear” property specifies on which sides of an element floating elements are not allowed to float.

So for the div that contains the menu bar, float the div to the left and set the clear to “right.”

(Must use both.)

 

 

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; }