Fixing CSS Drop-Down Menus That Hide Behind Flash Objects

One of the more common issues with embedding a flash object on your home page (or any page for that matter) is that if it is near the navigation and you have CSS drop-down menus, then you may find your drop-down menu getting lost behind the flash object. If you haven’t dealt with this before it can feel like a nightmare, but fortunately it’s a pretty easy fix.

The Problem: You have a CSS based drop-down menu in your navigation and a flash element near it the menus may get “hidden” behind the flash object.

The Solution: Set the z-index of the div holding the flash to 1 and the z-index of the div holding the nav to 2.

In the flash element:

Look for the flash <object> tag and add the following code:

<param name="wmode" value="transparent">

You’ll want to insert this code right below the <param name=”quality” value=”high”> tag and include the code wmode=”transparent” in the flash <embed> tag.

  • Leave a Comment
  • 150+ Free & Premium WordPress Themes Gallery

    Updated: January 23, 2015

    As WordPress continues to grow in popularity, more and more designers are realizing the potential of building WordPress themes. In addition to the financial benefits, designers can also use WordPress themes to create additional inbound links, improve their reputation as a designer, and of course help generate freelance work.

    Because of the huge size of the WordPress theme market, it has become increasingly difficult to find a good way to browse through the available WordPress themes. Unfortunately I don’t have a solution, but I have spent several hours trying to sort through the available themes and create a gallery to display many of the top designs in both the free and premium WordPress theme markets.  Currently this page has over 150 WordPress themes, plus a few known theme clubs thrown in at the bottom for people that prefer that route.

    ——————————————————————————————————————————–

    Blog WordPress Themes

    Vintage Theme

    vintage-theme

    Source

    Blues Theme

    blues-theme

    Source

    Shades of Blue Theme

    shades-of-blue-theme

    Download | Demo

    PassionDuo Theme (3 Colors)

    Green: Demo | Download, Red: Demo | Download, Blue: Demo | Download

    Evolution Theme

    Source | Download

    GlossyBlue Theme

    GlossyBlue Theme

    Source

    Color Paper Theme

    Source | Demo

    StudioPress Theme

    StudioPress Theme

    Source | Demo

    Mag on Wood Theme

    Source | Download

    Simply Ornate Theme

    Source | Demo

    Agregado Theme

    Source | Download | Demo

    Daily Press Theme

    Source | Download

    Curious Theme

    Source | Download | Demo

    Rewire Theme

    rewire-theme

    Source | Download | Demo

    Daily32 Theme

    Daily32 Theme

    Source | Download | Demo

    Digital Statement Theme

    Source | Download

    Maggo Theme

    Maggo Theme

    Download

    Firebug Theme

    Source | Download

    Xplosive Theme

    Xplosive Theme

    Source | Download

    Blog oh Blog Theme

    Blog oh Blog Theme

    Source | Download

    Blue Block Theme

    Source | Download

    Dark Zen Theme

    Source | Download | Demo

    Blue Dream Theme

    Blue Dream Theme

    Source/Demo | Download

    Simple Red Theme

    Simple Red Theme

    Source | Download (Requires free registration) | Demo

    True Blue Theme

    True Blue Theme

    Source | Download (Requires free registration) | Demo

    Rhea Theme

    Rhea Theme

    Source | Download

    Aspire Theme

    Source | Demo

    Velocity Theme

    Velocity Theme

    Source | Download

    Techicon Theme

    Techicon Theme

    Source | Download

    Lightsource Theme

    lightsource

    Comes with $20.00 subscription to Elegant Themes Club!

    Source/Demo | Download

    Prose Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Canvas Blogging Theme

    Multiple-Use ($70.00), Developer’s Pack ($150.00)

    Source/Demo | Purchase

    Glow Blog Theme

    glow-theme

    Included with Elegant Themes Club Membership! ($39.00)

    Source/Demo | Purchase Membership

    Flexx Blog Theme

    flexx-theme

    • Over 1,000 Possible Layout Combinations!
    • Completely widget based
    • Multiple Styles to choose from

    Multiple-Use ($79.95), Developer’s Pack ($150.00)

    Source/Demo | Purchase

    PersonalPress Theme

    Included with Elegant Themes Club Membership! ($39.00)

    Source/Demo | Purchase Membership

    Social Life Blog Theme

    Multiple-Use ($75.00)

    Source/Demo | Purchase

    Thesis Theme Framework

    thesis-theme

    Single-Use ($87.00), Developer’s Pack ($164.00)

    Source/Demo | Purchase

    Genesis Theme Framework (by StudioPress)

    Multiple-Use ($59.95), Developer’s Pack ($249.95)

    Source/Demo | Purchase

    ——————————————————————————————————————————–

    Magazine/News CMS WordPress Themes

    Options Theme

    Options Theme

    Source | Download | Demo

    Structure Theme

    Structure Theme

    Source | Download

    Visionary Theme

    Visionary Theme

    Source

    Mimbo Theme

    mimbo3

    Source | Download

    Morning After Theme

    Morning After Theme

    Source | Download

    Arthemia Free Theme (Premium Version Also Available)

    Download | Demo | Premium Version of Arthemia

    Newsweek Theme

    Source | Download

    Studio WordPress Theme (Available in Blue, Green, & Red)

    Source

    Transparency Theme

    transparency-theme

    Source | Download | Demo

    Slick Press Theme

    slick-press-theme

    Source | Download | Demo

    Cellar Heat Theme

    Source | Demo

    MonarTech Theme

    monartech-theme

    Source | Download | Demo

    Lifestyle Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    WP Smooth Theme

    wp-smooth-theme1

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    Zenko Magazine Theme

    zenko-magazine-theme

    Multiple-Use ($69.00), Developer’s Pack ($149.00)

    Source/Demo | Purchase

    Magazine WordPress Theme

    magazine-theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Blissful Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Manifesto Magazine Theme

    Multiple-Use ($69.00), Developer’s Pack ($149.00)

    Source/Demo | Purchase

    WP-Chatter Magazine Theme

    wp-chatter-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    WP Sublime Theme

    wp-sublime-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    Elle Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Boutique Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Legacy Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Vintage Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    WP-Prosper Magazine Theme


    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    Modern Blogger Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Minimal Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Mocha Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Tribune News Theme

    Multiple-Use ($69.00), Developer’s Pack ($149.00)

    Source/Demo | Purchase

    Polished Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Amped Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Gadget Theme

    gadget-theme

    Multiple-Use ($39.95), All Theme Junkie Themes ($69.95)

    Source/Demo | Purchase

    Streamline Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Evertis Magazine Theme

    Single-Use ($69.00), Developer’s Pack ($149.00)

    Source/Demo | Purchase

    Serenity Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    NewsTube Theme

    Multiple-Use ($39.95), All Theme Junkie Themes ($69.95)

    Source/Demo | Purchase

    News WordPress Theme

    news-theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Cube Light Theme

    Multiple-Use ($39.95), All Theme Junkie Themes ($69.95)

    Source/Demo | Purchase

    WP Launch Theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    eNews Theme

    enews-theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    WP Ellie Theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    My App WordPress Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Lumin Magazine Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    WP Genius Theme

    wp-genius-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    Bigfoot Theme

    Multiple-Use ($39.95), All Theme Junkie Themes ($69.95)

    Source/Demo | Purchase

    Going Green Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Bold Magazine Theme

    bold-theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Arthemia Premium Theme

    arthemia-premium

    Multiple-Use ($59.95), Developer’s Pack ($159.95)

    Source/Demo | Purchase

    The Source Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Memoir Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Crystal Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Newswire Theme

    newswire-theme

    Multiple-Use ($39.95), All Theme Junkie Themes ($69.95)

    Source/Demo | Purchase

    Nova Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    My Cuisine Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Fabric Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Yamidoo Magazine Theme

    yamidoo-magazine-theme

    Multiple-Use ($69.00), Developer’s Pack ($149.00)

    Source/Demo | Purchase

    Glider Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    WP Media Magazine Theme

    wp-media-mag-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    In Review Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Outreach Church Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    Magnificent Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Chameleon Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Foundation Church Theme

    Included with iThemes Builder Theme ($127.00)

    Source/Demo | Purchase

    Pretty Young Thing Kids Theme

    Multiple-Use ($59.95), All StudioPress Themes ($249.95)

    Source/Demo | Purchase

    WP Jazz Theme

    wp-jazz-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    “On The Go” Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    Aggregate Theme

    Included with Elegant Themes Club Membership! ($69.00)

    Source/Demo | Purchase Membership

    WP Clear Theme

    wp-clear-theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

    WP-Glide Magazine Theme

    Single-Use ($79.00), Multiple-Use ($179.00), Developer’s Pack ($279.00)

    Source/Demo | Purchase

  • Leave a Comment
  • How to: Using Thumbnails in your Sidebar “Recent Post” Listing

    On the WP Recipes forum, a guy just asked me how I managed to insert thumbnails on the recent post widget located on the sidebar of my blog Cats Who Code. That’s a lot simpler than it seems.

    If you’d like to see a live demo of this tutorial, just click here.

    1) – Make sure you’re using a custom field in your posts, with the thumbnail url.

    There’s a lot of tutorials available online to add a custom field to your pots. This one is good in my opinion, so you should read it if you don’t know how to define a custom field.

    2) – Download the required plugins

    In order to customize your recent posts widget, you have to download the Recent Posts plugin by Sebastian Schmieg.

    You’ll also need to download and install the Post-Plugin Library, which contains all the php functions needed by the Recent Posts plugin.

    3) – Upload and activate the plugins

    Once you downloaded the plugin and the library, unzip the files and upload it to your wp-content/plugins directory. Then, login to your WordPress dashboard, Go to “Plugins” and activate both the library and the Recent Posts plugin.

    4) – Configure the plugin

    After having the plugin and the library uploaded and activated, you have to configure the options so you’ll be able to display the post thumbnail on your sidebar.

    To do so, login to your WordPress dashboard and navigate to “Settings”, “Recent Posts”.
    On “General”, you can tell the plugin how many posts to be displayed, if it should display posts and pages or only posts, and a lot more.

    Once you configured the “General” options to fits your needs, go to the “Output” options. In order to display your custom field thumbnail on your sidebar, you have to enter a bit of html as well as the special parameter to embed the custom field.

    Here’s the code that I entered:

    <li><img src="{custom:Image}" width="48" height="48" alt="" />{link}
    <div class="clear"></div>
    </li>

    The special parameter {custom:Image} tells the plugin to embed the Image custom field. Don’t forget to replace Image with the name of your custom field!

    5) – Add the widget to your sidebar

    Simply go to “Design”, “Widgets” and add the Recent Posts + widget to your sidebar. Visit your blog, your thumbs are showing in the sidebar along with your recent posts!

  • Leave a Comment
  • Portfolio WordPress Themes Gallery

    Updated: January 23, 2015!

    A couple of weeks ago I received a “request for a future post” from Emma (didn’t provide a website with her request for me to credit) asking for a new WordPress theme gallery.   This time, her request was for a portfolio WordPress theme gallery.

    Although I can’t always fulfill every request I get, this gallery is one that I think will benefit a large number of people, so I’ve decided to throw one together!   The top half will be free portfolio themes and the second half will be premium portfolio themes which are available to purchase.  I’ve also included a feature list whenever one was available.

    Over time, I intend to update this post as both types of portfolio themes become available.   If you know of one that you think should be included on this list, please let us know!

    Free Portfolio WordPress Themes

    Modularity Theme

    modularity-theme

    Source | Download

    Premium Portfolio Themes

    Viz | Biz Portfolio Theme

    viz-biz-theme

    Single-Use License ($79.95), Multiple-Use License ($150.00)

    Source/Demo | Download

    Cassiopeia Theme

    cassiopeia-theme

    Single-Use ($80.00), Developer’s Pack ($150.00)

    Source/Demo | Purchase

    eGallery Theme

    egallery-theme

    Comes with $20.00 subscription to Elegant Themes Club!

    Source/Demo | Download

    eVid Theme

    evid-elegant-themes

    Comes with $20.00 subscription to Elegant Themes Club!

    Source/Demo | Download

  • Leave a Comment
  • How To: Adding an External RSS Feed to Your WordPress Blog

    Have you ever wanted to add an external RSS feed to your WordPress blog?  This is a great way to promote one of your other blogs (if it is in a similar niche) on a more popular site you run.

    Most of you will probably remember that about a month ago we finally got around to launching our WordPress Forums, which has an RSS feed associated with it.   In order to cross-promote our forums on this site, I wanted to display our most recent forum posts in the sidebar here at WordPress Hacks.

    In order to accomplish this, I grabbed the following code from Jean’s post over at Smashing Magazine:

    <?php include_once(ABSPATH.WPINC.'/rss.php');
    wp_rss('http://wpforums.com/external.php?type=RSS2', 5); ?>

    It takes the rss.php file that is built into WordPress (used for widgets).  In this code it is set to display the most recent 5 posts from the RSS feed “http://wpforums.com/external.php?type=RSS2.”

    Here is how it looks:

    I have gone ahead and added this to our WordPress Code page for easy reference.

  • Leave a Comment
  • How to: Upgrade your WordPress Blog in a Minute via SSH

    Having to upgrade your WordPress install every time a new version is released is necessary, but also very boring. If you have a SSH access to your server, here’s a very quick way to upgrade your WordPress install.

    This is probably the most important step of this whole tutorial: always backup your WP Database and files. This tutorial have been tested, however I won’t be held responsible for any kind of data loss.

    Once done, you can connect to your server by using SSH. On Mac and Linux platform you can use the Terminal, on Windows I recommend using Putty.

    Get the latest WordPress version available:

    wget http://wordpress.org/latest.tar.gz

    Uncompress it:

    tar xfz latest.tar.gz

    Delete the wp-admin and wp-includes directories:

    rm -rf ./wp-includes/
    rm -rf ./wp-admin/

    Go to the wordpress directory:

    cd wordpress/

    Now, it’s time to copy the downloaded files to your existing WP install, by overwriting old files:

    cp -rpf -f * ../

    Once done, come back to the WordPress directory and remove the downloaded files:

    cd ..
    rm -rf ./wordpress/
    rm -f latest.tar.gz

    Visit your blog and upgrade the database (if needed). That’s all, your blog is now up to date and the whole process didn’t took more than a minute or two!

  • Leave a Comment
  • How To: Building a Google Custom Search Engine (GCSE) into Your WordPress Blog

    Over the holiday weekend I decided to spend some time cleaning up a few of my websites and while doing this, I ended up installing Google’s Custom Search Engine on a couple of my WordPress blogs (as of this post I haven’t done this on WP Hacks yet, but will probably end up doing so here as well).

    For people wondering how to easily install Google’s Custom Search Engine (GCSE) on their WordPress blog, here are two resources I recommend:

    • Build Your Google Custom Search Engine – The first step is to actually create your Google Custom Search Engine.   The post by Maki over at Dosh Dosh does a GREAT job of explaining how to do this.   Towards the end Maki explains how to actually integrate it into your WordPress blog, but rather than go through all those steps, you’ll want to instead check out the second step.
    • Integrate your Google Custom Search Engine into WordPress – Once you’ve built your custom search engine, head over to this post and figure out a quick and easy way to integrate it into your WordPress blog.   This method ONLY requires you to alter the searchform.php and search.php files (which most themes come with), so it is really easy.

    Why Use Google’s Custom Search Engine?

    With the current setup of the WordPress search engine, posts are displayed with the most recent post first based upon the search term.   Using Google’s Custom Search Engine, it will use Google’s search algorithm to display your posts with the most relevant post on top and you can actually integrate it into your WordPress blog, so it looks natural.   Using this also allows you to display Google AdSense ads, which can earn you money on some blogs.

    The main downside with this method is that Google has to actually index the post before it will appear in your blog’s search results, but that won’t be a problem for most blogs.  It will just add a small delay before posts appear in your search results.

  • Leave a Comment