The first 29 Seconds of the Parks and Rec Theme Song Right click HERE to download.
Click Below to Listen:
CLICK HERE for a complete listing of Free Ringtones.
Type the following code in your “contact” page or wherever you want your contact information to appear on your website:
Copy the code below, paste it in a text file and edit the content in red:
(You can use any text editor, like the Notepad app in Windows.)
// NOTE: If you use a ‘ add a slash before it like this \’
// NOTE: to turn any code into a comment, type two forward slashes //
in front of the line of code
// NOTE: I left the css code in, but you would need to create it in your own style sheet
document.write(‘Your Name Here‘);
document.write(‘10901 Your Street<br>’);
document.write(‘City, ST 12345<br>’);
document.write(‘PHONE: <span class=”phonetitle”>(555) 555-5555<BR></span>’);
document.write(‘EMAIL: <A HREF=”mailto:email@example.com” class=”link”>firstname.lastname@example.org</a><br>’);
// End –>
Name the text file “phone.js” and save it in the same folder as the file containing the first code.
When I’ve used the [display post] feature of wordpress, I sometimes need to find an id number for a particular post. There are two quick, easy ways to find the post id:
1. If you’re logged into your WordPress dashboard, click Posts > All Posts. Find the post you need and hover or roll your mouse over the title. The post id number will appear in the progress bar in the bottom left of the browser.
2. If you are editing a post, it’s displayed in the URL.
Hope this was helpful!
To prevent the text from wrapping/inserting a line break, add an inline property to your anchor tag.
Working on my website recently and created a multi-level unordered list. The spacing of the second level indent was much more than I needed and I wasn’t loving the fact that the bullets were the same for both levels.
I found code to solve both those problems, so as usual, I’m posting it here for my future reference and, hopefully, to help someone else looking to solve the same problems.
Here’s a little code snippet you can add to a link so that when someone hovers their mouse over the link, a “tooltip” is displayed, giving them more information. In the example shown below, the image of Dorothy looking out her window is a link to download an audio clip of the theme of the Wicked Witch. The tooltip I added displays the target post’s title “free ringtone: wicked witch of the west” when the mouse hovers over the image.
A simple way to add a tooltip to an image link is to add the following code immediately following the link target:
<span title=”your tooltip language goes here”></span>
For an example of how this was used in the image above, check out the sample code below.
The tooltip code appears highlighted on line 4:
<a href="https://pragmaticcomputing.wordpress.com/ 2016/08/24/html-add-a-mouse-hover-tooltip-to-a-link/ wordpress-post-displaytooltiponhover/"> <span title="free ringtone: wicked witch of the west"> <img class="alignnone size-large wp-image-685" style="border: 1px solid #000000;" src="https://pragmaticcomputing.files.wordpress.com/ 2016/10/wordpress-post-displaytooltiponhover.png? w=474" width="474" height="700" /></span></a>
As you might expect, the tooltip code isn’t limited for use with an image link. It can also be used with a text link, again, just by adding it immediately following the link target and before the </a>
(hover over the following text to view the tooltip)
Wicked Witch of the West Theme Song
Here’s what the code from the above text link looks like:
<a href="https://pragmaticcomputing.wordpress.com/ 2016/08/24/html-add-a-mouse-hover-tooltip-to-a-link/ wordpress-post-displaytooltiponhover/"> <span title="free ringtone: wicked witch of the west">Wicked Witch of the West Theme Song </a>
To add a tooltip to plain text, it’s even simpler:
<span title=”your tooltip language goes here”>Text to be hovered over.</span>
Occasionally, I’ve needed to protect a portion of a Word template from accidental editing. There are many reasons to do this, but one example – the one I’ll be using in this particular #pragmaticcomputertip – is to protect the content and formatting of what I call “faux” letterhead. (Note: This tip applies to MS Word 2007 and later.)
Click HERE to read the previous #pragmaticcopmutertip about creating faux letterhead. After finalizing, it’s a good idea to to be protect that section of the form against accidental editing. Here’s how that’s done:
Historically, I’ve created faux letterhead to be used when letters were to be sent via fax. More recently, they are used for letters to be sent as PDF attachments via email.
The reasoning behind this is to save money on pre-printed stationary letterhead. Economically, there’s no reason to print a letter on this expensive paper when the recipient will never actually touch it.
First, I re-create the content and format of a client’s pre-printed letterhead using the same fonts and layout as the printed version. The goal is that the recipients of these letters won’t notice a difference between the paper letters they receive from a firm via USPS and the letters they receive from the same firm via fax or email.
Continue reading “create faux letterhead for fax and pdf attachments.”