Articles tagged as “notes” [ page 2 ]

XHTML Document Header Resource

This XHTML header tags resource is a work in progress, perpetually expanding and evolving as new information is obtained, explored, and integrated. Hopefully, you will find it useful in some way. Even better, perhaps you will share any complimentary or critical information concerning the contents of this article. Table of Contents Important Information XML Declaration The !DOCTYPE The html tag The head tag The title tag base & item http-equiv link tags meta tags ...

HTML Frames Notes Plus

If you think that nobody uses frames anymore, think again. I personally know of one person who threw down some tuf HTML frame action for a personal site. So, in the interest of prosperity, we are hereby establishing this post as our official dumping ground for all HTML frame-related garbage. Break your pages out of someone else’s frames We begin our journey with a totally sick JavaScript method for breaking pages out of the illegitimate frames of some ineffectually pathetic bastard: Likewise, here is an equally effective method that should work in all JS-enabled browsers:...

CSS Code Repository

Here is our online (i.e., public) repository of interesting, mysterious, and/or perhaps even useful CSS code: Perishable Press CSS Code Repository [downloads ]

Accessibility Notes Plus

Just a few useful accessibility notes.. Add accesskey attributes to important list items, content areas, and any other key areas of the document. Use alphanumeric characters as accesskey values, as in this example: hhome mmenu ssearch When an accesskey attribute is present within a link tag, pressing alt+letter on the keyboard is equivalent to double-clicking that link. Generally speaking, the presence of an accesskey attribute within an element brings focus to that element. Thus, radio and check boxes are toggled, links are clicked, and form elements are navigated as the alt+letter combination is pressed. It is also ...

Spamless Email Address via JavaScript

Let’s face it, spam sucks. Give spammers the figurative finger by using this nifty bit of JavaScript to hide your email address from the harvesters. Here is an easy “copy-&-paste” snippet for including a spam-proof email address in your web pages. Although there are a million ways of doing this, I am posting this for the record (and because I just can’t stand deleting usable code). This technique uses JavaScript, and therefore is not 100% ideal for all users. My advice would be to include a element that contains an image of your email address. That way, users without JavaScript ...

Crazy CSS Underline Effects

Check out these crazy CSS underline effects: u.double { /* -- double underline -- */ border-bottom: 1px solid; } .altdouble { /* alternate double */ border-bottom: 3px double; line-height: 1.7em; } u.triple { /* -- triple threat -- */ border-bottom: 3px double; line-height: 1.9em; } Double Underline Effects! (via u.double class) Alternate Double Underline! (via .altdouble class) Triple Underline Effects! (via u.triple class) Note: if these examples do not display correctly with the current theme, click here to see them in action!

CSS Hack Dumpster

Consider this page a virtual dumpster of wonderful CSS hacks.. Commented Backslash Hack V2 This hack effectively hides anything after the “\*/” from MacIE5: /* commented backslash hack v2 \*/ div#something { boder: thin solid red; } /* end hack */ May also be used for CSS import directives: /* commented backslash hack v2 \*/ @import url(http://www.site.com/stylesheet.css); /* end hack */ Fix Division Widths in IE Fix IE’s crazy box rendering. The first line limits to only IE. The second line * html div#somediv { /* limits to all IE */ width: 300px; /* width for WinIE5.x */ w\idth: 333px; /* width for other IE */ } div#somediv { padding: 33px; width: 377; /* width for all ...

sIFR Notes Plus

Here are a few sIFR Notes for Perishable Press. Just what are we looking at here? Well, first it is important to understand the sIFR variables and the order in which they should appear: (sSelector, sFlashSrc, sColor, sLinkColor, sHoverColor, sBgColor, nPaddingTop, nPaddingRight, nPaddingBottom, nPaddingLeft, sFlashVars, sCase, sWmode) The variable, sFlashVars consists of the following sub-variables (these should be seperated with an & sign: # Align Flash text block textalign=center # Moves text any number of pixels to the right offsetLeft=3 # Moves text any number of pixels down offsetTop=3 # Adds underline links when hovered underline=true Then, inducing from the following code example, we should place a similar set of statements at the bottom ...

WordPress Core File Edits at Perishable Press

Update: After upgrading Perishable Press in 2007, many of the hacks listed on this page are no longer applicable. Please refer to our new WordPress Core Edits for current information. Otherwise, this article remains online for reference purposes only. The folks developing WordPress are continually rolling out “upgrades”. While it is generally a good idea to stay current, it can also be a bit of a pain if you have made any changes to the WordPress core files. Our recommendation? Keep a log such as this one that either includes all edits or links to posts describing them. ...

WordPress Search Function Notes

Code to call an external WordPress search form: Code for a standard, inline WordPress search form:...

Create New Permalink Category

If you are running WordPress 2.0.2 and have enabled permalinks, you may have had problems creating a new category or page to your site. I recently encountered this dilemma and devised the following strategy for adding, editing, or even deleting WordPress categories and pages. Note: this tutorial assumes you are running Apache. First, open wp-includes/vars.php and find (around line #39): $is_apache = ( strstr($_SERVER['SERVER_SOFTWARE'], 'Apache') || strstr($_SERVER['SERVER_SOFTWARE'], 'LiteSpeed') ) ? 1 : 0; Comment out that line and add the following: $is_apache = 1; Save the file and upload it to your server. Next, check the file attributes of your htaccess file(s). Ensure that the file is writable with a setting of either 666 or even 777 ...

Customize Password-Protected Posts

To customize WordPress-powered password-protected posts such as this one, follow these simple steps. First open template-functions-post.php and find the function get_the_password_form, which is located near the top of the page. There are several aspects of this function that you may wish to customize. For example, the Perishable Press website requires several CSS attributes for stylistic control. Thus we simply added the class postpassword to the form input field, as well as the class passwordsubmit to the form submit button. This enabled full stylistic control over password-protected posts. You may also wish to modify the size of the input text field, or even edit the submit-button text. Finally, remember to ...

Migration and Propagation Business

The overly dramatic process of transferring our Online Empire to a new server and then back again manifests several valuable lessons. Please look back your note and observe the following suggestions during any future server migration and/or domain propagation events... Domain Propagation When switching servers, do not cancel the old account until absolutely positive it is no longer needed. Edit all Domain Name Servers (DNS) with the new server Internet Protocols (IP’s) as soon as possible. Create accounts for all domains on the new server as soon as possible. Create temp pages, if needed. Delete any/all website accounts on the old server as soon as possible. Remember to backup everything. Check propagation ...

Server Migration Details

About a year ago we signed up with a hosting provider that offered one of the best hosting deals around: lots of space, bandwidth, and transfer — plus all of the usual server software amenities that make life easier. Everything went smoothly at first... In fact, the first six months of service were close to 100%. The few help-ticket items submitted were promptly resolved in a professional manner. We were ready to start some business and everything was going great. Then, about five months ago, we began noticing a serious increase in server downtime. Help tickets were also slow-going and the responses were like these cryptic one-liners that failed to address the ...

Stylish Deleted Text

Fashion stylish deleted text in XHTML via the über obscure del tag. Code example: Terminate me. Live example: Terminate me.

Obscure XHTML Tags

Well, maybe not that obscure.. -- Preformatted character data -- Renders as emphasized text -- Renders as strong emphasized text -- Renders font as teletype or monospace -- Defines a definition term -- Defines computer code text -- Defines sample computer code -- Defines keyboard text -- Defines a variable -- Defines a citation -- XHTML Transitional only -- Indicates deleted text -- Indicates inserted text -- Defines a definition list -- Defines a definition term -- Defines a definition definition -- Defines an abbreviation -- Defines an acronym -- Specifies an address -- Indicates inline quoted text -- Override the bidirectional algorithm -- Word break, applied by IE and ...

Robots Notes Plus

About the Robots Exclusion Standard 1: The robots exclusion standard or robots.txt protocol is a convention to prevent cooperating web spiders and other web robots from accessing all or part of a website. The information specifying the parts that should not be accessed is specified in a file called robots.txt in the top-level directory of the website. Notes on the robots.txt Rules: Rules of specificity apply, not inheritance. Always include a blank line between rules. Note also that not all robots obey the robots rules -- even Google has been reported to ignore certain robots rules. Also, comments are allowed (and recommended) within any robots.txt file when written on ...

Lightbox Notes

To add Lightbox functionality to any single image: Add rel="lightbox" to the anchor tag. Add a title="" attribute to the anchor tag. Add an alt="" attribute to the image tag. To add Lightbox functionality to any series of images: Add rel="lightbox[value]" to the anchor tag of each image. Add a title="" attribute to the anchor tag of each image. Add an alt="" attribute to the image tag of each image. Any set of pictures with the same rel="lightbox[value]" will display with nav buttons.

JavaScript Notes Plus

Welcome to Perishable Press! This article covers a plethora of useful JavaScript tips and tricks. For more excellent JavaScript information, check out the JavaScript tag archive. If you like what you see, I encourage you to subscribe to Perishable Press for a periodic dose of online enlightenment ;) Nifty JavaScript Design Tricks Clickable divs Standard design practice dictates that the site logo or banner located at the top of the page links to the home page of the site. There are several methods for including such functionality into a design, including this JavaScript trick ...

Marquee Madness

For reference purposes.. Marquee Madness Marquee Madness

Pipe Symbols

Broken pipe symbol »   ¦   [ ¦ ] Unbroken pipe symbol »   |   [ | ]

WordPress Notes Plus

Welcome to Perishable Press! This article covers many different aspects of WordPress functionality, including customizing quicktags, deleting the cache, numbering comments & posts, changing password text, and displaying archive menus. Note that this article was written for previous versions (i.e., less than 2.0) of WordPress. Discrepancies may exist between the code presented in this post and that of more recent versions of WordPress. Nonetheless, this information is presented for references purposes with the hope that it will prove useful for those working with everyone’s favorite blogging platform, WordPress! Customize WordPress Quicktags The more Quicktag: The ...

Stupid htaccess Tricks

Welcome to Perishable Press! This article, Stupid htaccess Tricks, covers just about every htaccess “trick” in the book, and is easily the site’s most popular offering. In addition to this htaccess article, you may also want to explore the rapidly expanding htaccess tag archive. Along with all things htaccess, Perishable Press also focuses on (X)HTML, CSS, PHP, JavaScript, security, and just about every other aspect of web design, blogging, and online success. If these topics are of interest to you, I encourage ...

Online Color Resources

Color References Wikipedia Hex & RGB Color Names Wikipedia Color List Named Colors Panel W3 Schools Color Names Colour Lovers Texas Precancel Club - Massive Color Links and Resources Lorelle on WordPress - Color Reference Link List Color Schemes Color Scheme Generator Wellstyled Scheme Generator Color Combinations Color Match Infohound Color Schemer...

Secret Search Codes

Secret Search Codes: x@777 notes — notes posts (via search) notes — notes posts (via tag) service — web services (via tag) links — online resources (via tag) private — offline resources (via link) summon — key posts (via tag) update — update material (via tag) upgrade — wp upgrade material (via tag) theme — wp themes (via tag) plugins — wp plugins (via tag) rrr — error posts (via tag)