CSS Image Maps
- 0
- Add a Comment
Even though this is just a cool idea, I feel that this could actually become something quite functional under the right circumstances.
Below is a sample image map that’s built entirely using CSS and XHTML. While I’ve added support for Javascript (item titles are simply displayed beneath the image), I’ve disabled it in this example — I’ve run into a bit of a problem when JS is enabled and CSS is disabled (more details below).
The initial idea for this came from a blog posting I read over at Gina Trappini’s blog, Scribbling.net. Her example was well done, but I wanted to attempt the same (or similar) using only CSS.
I then found a link to The Daily Kryogenix site (via Gina’s post) that led to an image map that made use of ligher DHTML, and made use of the
tag to display notes about a hotspot. Still, somewhat dependant on Javascript/DHTML.</p> <p>In the end, I decided to make use of Doug Bowman’s Sliding Doors technique combined with a definition list ( <dl></dl> <p>). <a href="http://www.frankmanno.com/ideas/css-imagemap/">[Read the rest]</a></p></blockquote> <!-- google_ad_section_end --> </div> <div class="clearer"></div> </div> <!-- /post --> <!-- post-meta --> <div class="post-meta"> <!-- related-posts --> <div id="related-posts"> <h3>Further Reading</h3> <ul><li><a href="http://www.lockergnome.com/forsythe/2008/12/03/mac-security-suggestion-disappears/">Mac Security Suggestion Disappears</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/forsythe/2008/12/03/college-education-becomes-unaffordable/">College Education Becomes Unaffordable</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/news/2008/12/03/new-study-indicates-smallpox-vaccination-effective-for-decades/">New Study Indicates Smallpox Vaccination Effective For Decades</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/forsythe/2008/12/03/a-designer-bookcase/">A Designer Bookcase</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/lumpy/2008/12/03/a-facebook-group-to-show-support-for-tenenbaum-riaa-victim/">A Facebook Group to Show Support for Tenenbaum (RIAA Victim)</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/lumpy/2008/12/03/todays-pick-chris-ayer-an-award-winning-artist/">Today’s Pick - Chris Ayer An Award Winning Artist</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/madchuckee/2008/12/03/dynebolic-linux-the-instant-linux-os/">Dyne:bolic Linux - The Instant Linux OS</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/leftystrat/2008/12/03/kentucky-atheists-want-god-out-of-homeland-security/">Kentucky Atheists want God out of Homeland Security</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/news/2008/12/03/brains-magnetic-fields-reveal-language-delays-in-autism/">Brain’s Magnetic Fields Reveal Language Delays In Autism</a></li> </ul> <ul><li><a href="http://www.lockergnome.com/lumpy/2008/12/03/riaa-reaches-new-low-by-sueing-patient-with-pancreatitis/">RIAA Reaches New Low by Suing Patient with Pancreatitis</a></li> </ul> </div> <!-- /related-posts --> <!-- post-meta-right --> <div class="post-meta-right"> <!-- post-meta-tags --> <div class="post-meta-tags"> <h6>Tags</h6> </div> <!-- /post-meta-tags --> <!-- post-meta-categories --> <div class="post-meta-categories"> <h6>Categories</h6> <p> <ul class="post-categories"> <li><a href="http://www.lockergnome.com/web/category/css/" title="View all posts in CSS" rel="category tag">CSS</a></li></ul></p> </div> <!-- /post-meta-categories --> <!-- post-bigbox --> <div class="post-bigbox"> <script type="text/javascript"><!-- google_ad_client = "pub-7561297527511227"; google_ad_width = 300; google_ad_height = 250; google_ad_format = "300x250_as"; google_ad_type = "text_image"; google_ad_channel ="2728408544"; google_color_border = "FFFFFF"; google_alternate_color = "ffffff"; google_color_bg = "FFFFFF"; google_color_link = "0000FF"; google_color_text = "000000"; google_color_url = "0000FF"; google_alternate_ad_url = 'http://chris.pirillo.com/wp-content/adsense_blocks/adsense_alt_300x250.php'; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- /post-bigbox --> </div> <!-- /post-meta-right --> </div> <!-- /post-meta --> <!-- You can start editing here. --> <!-- comments --> <div id="comments"> <!-- If comments are open, but there are no comments. --> </div> <!-- /comments --> <p align="center"><script src="http://tag.contextweb.com/TagPublish/getjs.aspx?action=VIEWAD&cwrun=200&cwadformat=300X250&cwpid=502846&cwwidth=300&cwheight=250&cwpnet=1&cwtagid=42495"></script></p> <!-- comment form --> <div id="comment-form"> <h2 id="respond">What Do You Think?</h2> <form action="http://www.lockergnome.com/web/wp-comments-post.php" method="post" id="commentform"> <div> <p class="yourname"> <label for="author">Your Name: *</label> <input type="text" name="author" id="author" value="" size="30" tabindex="1" class="inputfield" /> </p> <p class="email"> <label for="email">Email Address: *</label> <input type="text" name="email" id="email" value="" size="30" tabindex="2" class="inputfield" /> </p> <p class="website"> <label for="url">Web Site:</label> <input type="text" name="url" id="url" value="" size="30" tabindex="3" class="inputfield" /> </p> <p> <label for="comment">Comment:</label> <textarea name="comment" id="comment-message" rows="10" cols="40" class="message" tabindex="4"></textarea> </p> <p> <input type="image" src="http://www.lockergnome.com/web/wp-content/themes/default/images/button-publish.jpg" name="submit" id="comment-button" alt="Publish My Comment" /> <input type="hidden" name="comment_post_ID" value="31" /> </p> </div> <div class="clearer"> </div> </form> <h3 style="padding-top: 20px">Want to Start a Blog Here for Free?</h3> <p>Are you an expert in one subject or another? If your goal is to help others and dispense your hard-earned information back to the community, get involved in <a target="_blank" href="http://geeks.pirillo.com/">our community site today</a>! You can write about anything - no matter the topic. Exceptional candidates will be offered the chance to contribute to (and generate revenue from) the main Lockergnome site. <a target="_blank" href="http://geeks.pirillo.com/">Join us today</a>!</p> </div> <!-- /comment form --> <div class="clearer"></div> <!-- Footer Posts --> <div id="footerblocks" class="footerblocks"> <div class="column_left_b"> <!-- The 1st of the 3 columns with the featured articles at the bottom --> <!-- Edit the cat= part to the number of the desired category (check the category IDs in your WordPress system), and this will show the 1st of the chosen category --> <h2><div style="vertical-align: top; float: right; padding: 0 0 0 10px"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><a href="http://www.lockergnome.com/web/category/ezine-publishing/" title="View all posts in Ezine Publishing" rel="category tag">Ezine Publishing</a><i> - Nov 19, 2008</i></h2> <h1><a href="http://www.lockergnome.com/web/2008/11/19/copywriting-tip-make-your-point-without-confusing-people/" title="Copywriting Tip: Make Your Point Without Confusing People">Copywriting Tip: Make Your Point Without Confusing People</a></h1> <!-- END --> <!-- Show the 5 most recent articles in the already chosen category, first one not included --> <ul> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/11/18/email-newsletter-subject-lines-little-tricks-that-work-to-increase-your-open-rate/" title="Email Newsletter Subject Lines: Little Tricks That Work To Increase Your Open Rate">Email Newsletter Subject Lines: Little Tricks That Work To Increase Your Open Rate</a></span> <br /> <span class="meta">Tuesday, November 18, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/11/18/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-ii/" title="The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part II">The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part II</a></span> <br /> <span class="meta">Tuesday, November 18, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/11/17/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-i/" title="The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I">The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I</a></span> <br /> <span class="meta">Monday, November 17, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/11/17/copywriting-how-different-should-your-brochure-be-from-your-website-content-2/" title="Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">Copywriting: How Different Should Your Brochure Be from Your Web Site Content?</a></span> <br /> <span class="meta">Monday, November 17, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/10/23/branding-to-multiple-audiences-how-to-retool-your-existing-content/" title="Branding To Multiple Audiences: How To Retool Your Existing Content">Branding To Multiple Audiences: How To Retool Your Existing Content</a></span> <br /> <span class="meta">Thursday, October 23, 2008</span></li> </ul> </div> <!-- END --> <div class="column_center_b"> <!-- The 2nd of the 3 columns with the featured articles at the bottom --> <!-- Edit the cat= part to the number of the desired category (check the category IDs in your WordPress system), and this will show the 1st of the chosen category --> <h2><div style="vertical-align: top; float: right; padding: 0 0 0 10px"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><a href="http://www.lockergnome.com/web/category/database/" title="View all posts in Database" rel="category tag">Database</a><i> - Oct 22, 2008</i></h2> <h1><a href="http://www.lockergnome.com/web/2008/10/22/trackvia-get-an-online-database-in-minutes/" title="TrackVia: Get An Online Database In Minutes">TrackVia: Get An Online Database In Minutes</a></h1> <!-- Show the 5 most recent articles in the already chosen category, first one not included --> <ul> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/10/22/vulnerability-management-for-dummies/" title="Vulnerability Management For Dummies">Vulnerability Management For Dummies</a></span> <br /> <span class="meta">Wednesday, October 22, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/10/22/branding-exercise-determining-your-company-mission-and-values/" title="Branding Exercise: Determining Your Company Mission and Values">Branding Exercise: Determining Your Company Mission and Values</a></span> <br /> <span class="meta">Wednesday, October 22, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/10/20/6-ways-to-save-money-if-youre-working-with-a-copywriter-2/" title="6 Ways to Save Money If You’re Working with a Copywriter">6 Ways to Save Money If You’re Working with a Copywriter</a></span> <br /> <span class="meta">Monday, October 20, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/6df6581bbce3e2e5a2203ef5c7c0ecf0?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/10/17/copywriting-how-different-should-your-brochure-be-from-your-website-content/" title="Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">Copywriting: How Different Should Your Brochure Be from Your Web Site Content?</a></span> <br /> <span class="meta">Friday, October 17, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/08/06/flash-and-seo-like-oil-and-water/" title="Flash And SEO: Like Oil And Water">Flash And SEO: Like Oil And Water</a></span> <br /> <span class="meta">Wednesday, August 6, 2008</span></li> </ul> </div> <!-- END --> <div class="clearer"></div> <div class="column_left_b"> <!-- The 1st of the 3 columns with the featured articles at the bottom --> <!-- Edit the cat= part to the number of the desired category (check the category IDs in your WordPress system), and this will show the 1st of the chosen category --> <h2><div style="vertical-align: top; float: right; padding: 0 0 0 10px"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><a href="http://www.lockergnome.com/web/category/seo/" title="View all posts in SEO" rel="category tag">SEO</a><i> - Apr 22, 2008</i></h2> <h1><a href="http://www.lockergnome.com/web/2008/04/22/using-an-seo-company-vs-hiring-an-in-house-expert-the-true-dollar-cost/" title="Using An SEO Company Vs. Hiring An In-House Expert: The True Dollar Cost">Using An SEO Company Vs. Hiring An In-House Expert: The True Dollar Cost</a></h1> <!-- END --> <!-- Show the 5 most recent articles in the already chosen category, first one not included --> <ul> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/661f8c92fdd638be3dc4568f36a13a23?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/03/06/daylife-widgets-and-api/" title="Daylife Widgets And API">Daylife Widgets And API</a></span> <br /> <span class="meta">Thursday, March 6, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/03/06/netlines-revresponse-partner-program/" title="NetLine’s RevResponse Partner Program">NetLine’s RevResponse Partner Program</a></span> <br /> <span class="meta">Thursday, March 6, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/03/06/using-differentiators-in-keyphrases/" title="Using Differentiators In Keyphrases">Using Differentiators In Keyphrases</a></span> <br /> <span class="meta">Thursday, March 6, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/03/06/the-ultimate-css-reference/" title="The Ultimate CSS Reference">The Ultimate CSS Reference</a></span> <br /> <span class="meta">Thursday, March 6, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/03/06/website-magazine/" title="Website Magazine">Website Magazine</a></span> <br /> <span class="meta">Thursday, March 6, 2008</span></li> </ul> </div> <!-- END --> <div class="column_center_b"> <!-- The 2nd of the 3 columns with the featured articles at the bottom --> <!-- Edit the cat= part to the number of the desired category (check the category IDs in your WordPress system), and this will show the 1st of the chosen category --> <h2><div style="vertical-align: top; float: right; padding: 0 0 0 10px"><img alt='' src='http://www.gravatar.com/avatar/ce124ebbe27bd13fda22676872f26ac9?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><a href="http://www.lockergnome.com/web/category/seo/" title="View all posts in SEO" rel="category tag">SEO</a><i> - Feb 27, 2008</i></h2> <h1><a href="http://www.lockergnome.com/web/2008/02/27/web-site-search-engine-optimization-keyword-overkill/" title="Web Site Search Engine Optimization Keyword Overkill">Web Site Search Engine Optimization Keyword Overkill</a></h1> <!-- Show the 5 most recent articles in the already chosen category, first one not included --> <ul> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/02/27/embedding-blogs-into-html-web-pages/" title="Embedding Blogs Into HTML Web Pages">Embedding Blogs Into HTML Web Pages</a></span> <br /> <span class="meta">Wednesday, February 27, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/02/27/sams-club-wants-to-be-your-seo-company-should-you-let-it/" title="Sam’s Club Wants To Be Your SEO Company - Should You Let It?">Sam’s Club Wants To Be Your SEO Company - Should You Let It?</a></span> <br /> <span class="meta">Wednesday, February 27, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/02/27/internet-retailer/" title="Internet Retailer">Internet Retailer</a></span> <br /> <span class="meta">Wednesday, February 27, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/01/14/all-search-engines-love-spiders-how-meta-commands-can-help-you-love-them-too/" title="All Search Engines Love Spiders: How Meta Commands Can Help You Love Them, Too">All Search Engines Love Spiders: How Meta Commands Can Help You Love Them, Too</a></span> <br /> <span class="meta">Monday, January 14, 2008</span></li> <li><div style="vertical-align: top"><img alt='' src='http://www.gravatar.com/avatar/5450221ad9ece423d1525748530e9edf?r=G&d=identicon&s=48' class='avatar avatar-48' height='48' width='48' /></div><span class="title"><a href="http://www.lockergnome.com/web/2008/01/14/rich-internet-applications-has-microsoft-finally-seen-the-silver-light/" title="Rich Internet Applications: Has Microsoft Finally Seen The (Silver) Light?">Rich Internet Applications: Has Microsoft Finally Seen The (Silver) Light?</a></span> <br /> <span class="meta">Monday, January 14, 2008</span></li> </ul> </div> <!-- END --> </div> <!-- /Footer Posts --> </div> <!-- content --> <!-- sidebar --> <div id="sidebar"> <p align="center"> <script type="text/javascript"><!-- google_ad_client = "pub-7561297527511227"; google_ad_width = 300; google_ad_height = 250; google_ad_format = "300x250_as"; google_ad_type = "text_image"; google_ad_channel ="2728408544"; google_color_border = "FFFFFF"; google_alternate_color = "ffffff"; google_color_bg = "FFFFFF"; google_color_link = "0000FF"; google_color_text = "000000"; google_color_url = "0000FF"; google_alternate_ad_url = 'http://chris.pirillo.com/wp-content/adsense_blocks/adsense_alt_300x250.php'; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </p> <!-- sidebar1 --> <div id="sidebar1"> </div> <!-- /sidebar1 --> <!-- sidebar2 --> <div id="sidebar2"> </div> <!-- /sidebar2 --> <!-- sidebar3 --> <div id="sidebar3"> </div> <!-- /sidebar3 --> <!-- sidebar4 --> <div id="sidebar4"> </div> <!-- /sidebar4 --> <!-- sidebar5 --> <div id="sidebar5"> <script type="text/javascript"> GA_googleFillSlot("Lockergnome_Sidebar"); </script> </div> <!-- /sidebar5 --> <!-- sidebar6 --> <div id="sidebar6"> <h3>What else is new in Web Developers?</h3> <h5><a href="http://www.lockergnome.com/web/2008/11/17/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-i/" rel="bookmark" title="Continue reading The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I">The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I</a></h5> <p>Monday, November 17th | <a href="http://www.lockergnome.com/web/2008/11/17/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-i/#respond" title="Comment on The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/11/17/copywriting-how-different-should-your-brochure-be-from-your-website-content-2/" rel="bookmark" title="Continue reading Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">Copywriting: How Different Should Your Brochure Be from Your Web Site Content?</a></h5> <p>Monday, November 17th | <a href="http://www.lockergnome.com/web/2008/11/17/copywriting-how-different-should-your-brochure-be-from-your-website-content-2/#respond" title="Comment on Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/10/23/branding-to-multiple-audiences-how-to-retool-your-existing-content/" rel="bookmark" title="Continue reading Branding To Multiple Audiences: How To Retool Your Existing Content">Branding To Multiple Audiences: How To Retool Your Existing Content</a></h5> <p>Thursday, October 23rd | <a href="http://www.lockergnome.com/web/2008/10/23/branding-to-multiple-audiences-how-to-retool-your-existing-content/#respond" title="Comment on Branding To Multiple Audiences: How To Retool Your Existing Content">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/10/22/trackvia-get-an-online-database-in-minutes/" rel="bookmark" title="Continue reading TrackVia: Get An Online Database In Minutes">TrackVia: Get An Online Database In Minutes</a></h5> <p>Wednesday, October 22nd | <a href="http://www.lockergnome.com/web/2008/10/22/trackvia-get-an-online-database-in-minutes/#respond" title="Comment on TrackVia: Get An Online Database In Minutes">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/10/22/vulnerability-management-for-dummies/" rel="bookmark" title="Continue reading Vulnerability Management For Dummies">Vulnerability Management For Dummies</a></h5> <p>Wednesday, October 22nd | <a href="http://www.lockergnome.com/web/2008/10/22/vulnerability-management-for-dummies/#respond" title="Comment on Vulnerability Management For Dummies">No Comments</a></p> <h3 style="padding-top: 20px">Random Posts From the Archives</h3> <h5><a href="http://www.lockergnome.com/web/2008/11/19/copywriting-tip-make-your-point-without-confusing-people/" rel="bookmark" title="Continue reading Copywriting Tip: Make Your Point Without Confusing People">Copywriting Tip: Make Your Point Without Confusing People</a></h5> <p>Wednesday, November 19th | <a href="http://www.lockergnome.com/web/2008/11/19/copywriting-tip-make-your-point-without-confusing-people/#comments" title="Comment on Copywriting Tip: Make Your Point Without Confusing People">1 Comment</a></p> <h5><a href="http://www.lockergnome.com/web/2008/11/18/email-newsletter-subject-lines-little-tricks-that-work-to-increase-your-open-rate/" rel="bookmark" title="Continue reading Email Newsletter Subject Lines: Little Tricks That Work To Increase Your Open Rate">Email Newsletter Subject Lines: Little Tricks That Work To Increase Your Open Rate</a></h5> <p>Tuesday, November 18th | <a href="http://www.lockergnome.com/web/2008/11/18/email-newsletter-subject-lines-little-tricks-that-work-to-increase-your-open-rate/#respond" title="Comment on Email Newsletter Subject Lines: Little Tricks That Work To Increase Your Open Rate">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/11/18/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-ii/" rel="bookmark" title="Continue reading The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part II">The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part II</a></h5> <p>Tuesday, November 18th | <a href="http://www.lockergnome.com/web/2008/11/18/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-ii/#respond" title="Comment on The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part II">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/11/17/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-i/" rel="bookmark" title="Continue reading The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I">The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I</a></h5> <p>Monday, November 17th | <a href="http://www.lockergnome.com/web/2008/11/17/the-evolution-of-online-advertising-technology-more-targeting-less-privacy-part-i/#respond" title="Comment on The Evolution Of Online Advertising Technology - More Targeting, Less Privacy Part I">No Comments</a></p> <h5><a href="http://www.lockergnome.com/web/2008/11/17/copywriting-how-different-should-your-brochure-be-from-your-website-content-2/" rel="bookmark" title="Continue reading Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">Copywriting: How Different Should Your Brochure Be from Your Web Site Content?</a></h5> <p>Monday, November 17th | <a href="http://www.lockergnome.com/web/2008/11/17/copywriting-how-different-should-your-brochure-be-from-your-website-content-2/#respond" title="Comment on Copywriting: How Different Should Your Brochure Be from Your Web Site Content?">No Comments</a></p> </div> <!-- /sidebar6 --> <div class="clearer"></div> </div> <!-- sidebar --> </div> <!-- /mid --> <div class="clearer"></div> </div> <!-- wrapper --> <!-- footer --> <div id="footer"> <p id="footer-credits" class="left">© 2008 Web Developers and <a href="http://www.lockergnome.com/">Lockergnome</a>. Some Rights Reserved. <a href="http://www.lockergnome.com/about/">About Us.</a> <a href="http://bugs.lockergnome.com" target="blank">Report a Bug</a></p> <p id="footer-meta" class="right">Site powered by <a href="http://chris.pirillo.com/">Chris</a> and <a href="http://feeds.pirillo.com/~r/WicketPixieRecommendations/~3/281762451/redir">Webair Web Hosting</a></p> <div class="clearer"></div> </div> <!-- footer --> <script type="text/javascript" src="http://www.lockergnome.com/web/wp-content/themes/default/js/suckerfish-keyboard.js"></script> <!--[if lte IE 6]><script type="text/javascript" src="http://www.lockergnome.com/web/wp-content/themes/default/js/suckerfish-ie.js"></script><![endif]--> <script type="text/javascript" src="http://www.lockergnome.com/web/wp-content/themes/default/js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#subscribe').hide(); $("#topbar-subscribe a").toggle( function () { $("#subscribe").animate({ height: "show", duration: 700, easing:"easeInQuad"}); return false; }, function () { $("#subscribe").animate({ height: "hide", duration: 700, easing:"easeOutQuad"}); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#share').hide(); $("#topbar-share a").toggle( function () { $("#share").animate({ height: "show", duration: 700, easing:"easeInQuad"}); return false; }, function () { $("#share").animate({ height: "hide", duration: 700, easing:"easeOutQuad"}); return false; }); }); </script> <!-- WordPress Mu Google Analytics by Rafik : http://themajesty.asslema.net/ Translated by George Abhishek Cherian : http://www.be-lifted.com/ --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("pub-805134975"); pageTracker._trackPageview(); </script> <!-- Kontera ContentLink --> <script type="text/javascript"> var dc_UnitID = 14; var dc_PublisherID = 9514; var dc_AdLinkColor = 'blue'; var dc_isBoldActive= 'no'; var dc_adprod='ADL'; </script> <script type="text/javascript" SRC="http://kona.kontera.com/javascript/lib/KonaLibInline.js"></script> <!-- Kontera ContentLink --> <div style='color: #fff; background:#333; border:1px solid #ccc'><code>73 queries / 0.298 seconds.</code></div> </body> </html>