CSS

CSS URL Path to Background Image / or ./ or ../ or ../../

I always forget the CSS URL path to background images. Thanks TechGnome from the WordPress.org Support Forums. If the path to CSS (or any file for that matter) leads off with the / that means go to the root and begin look there. A single DOT in front of the slash means look in current dir, and…

Read More

Animate.css – Dan Eden

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. Dan Eden on Twitter Hat-tip to: Maykel Loomans

Read More

How to: Add jScrollPane Scrollbars to WordPress Twenty Eleven Child Theme

Overview: Add iFrame-like scrolling to content, but only on specific pages Solution: Create Page template and add jScrollPane jQuery Live example: jScrollPane jQuery scrollbars on Body Conceptions 1. Download jScrollPane – Cross-browser styleable scrollbars with jQuery and CSS 2. Place Script and Style folders in child theme folder 3. Copy header.php file from Twenty Eleven,…

Read More

CSS Buttons

Cool online CSS button prototyping tool and code generator: CSSButton Specific use of CSS Button on BodyConceptions.com/contact: [css].button a { display: inline-block; background: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #ae59a5; /* pink text */ padding: 0; border: 2px solid #ae59a5; /* pink border */ text-align: center; font-size: 14px; line-height: 37px; font-weight: normal; width:…

Read More

Menu Button Background Transparency Makes Text Transparent [FIX?]

Problem: Menu button’s hover background is 50% transparent (this is good). But it also makes the text inside the menu button 50% transparent (this is bad). Desired result: Text inside the button should remain solid-colored when the button’s hover background is 50% transparent. Solution (maybe?): Maybe this will keep the text solid-colored while the menu button’s hover…

Read More

Using CSS Text-Shadow to Create Cool Text Effects – Line25

http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects …six text effects of vintage/retro, inset, anaglyphic, fire and board game in the demo, then copy the code snippets below to use the effects in your own designs. Needless to say you’ll need a text-shadow supporting browser (Safari, Chrome, Firefox) to see them in all their glory.

Read More

WordPress Child Theme – CSS Sticky Footer

1) Followed all of the instructions from CSS Sticky Footer. Then made the extra change, shown below, to my child theme’s footer.php file. For my WordPress TwentyTen child theme, in the footer.php file, I had to move the closing #wrapper DIV to just ABOVE the opening #footer DIV. Like so: [php]</div><!– #main –> </div><!– #wrapper…

Read More

WordPress Plugin – Advanced Most Recent Posts Mod: Align Image Alongside Text

WordPress version: 3.1.1 Theme: PlatformPro 1.3.5 Child Theme: PlatformBase 1.3.2 Plugin: Advanced Most Recent Posts Mod 1.6.2 by Kailey Lampert Problem: the text lines up at the bottom of the image instead of “along side” the image. Solution: Add the following CSS to PlatformBase child theme’s base.css file: [css]/* Advanced Most Recent Posts Mod *…

Read More