The design has a classic style using vintage elements combined with great javascript functionality making from Adora Wordpress the perfect choice for your business. It fits a variety of restaurants ( traditional, rustic, classy, modern, etc. ). The layout is available in two colors (brown, light) .

This WordPress premium theme provide a full mobile version excellent for those who try to access your restaurant using a smartphone like (iphone, htc, Samsung, Blackberry, etc.). On apple devices it detects screen orientation providing layout adjustment. The mobile version is also available in two colors (brown, light) corresponding to the full site color scheme. The activation is very easy requiring no knowledge about programing, one click to enable it. A full theme panel options make the things easier.

Key features:

• ajax reservation system
• ajax product rating system
• ajax newsletter
• ajax contact form
• ajax latest tweet preview
• mobile version auto-detect
• brown and light colors
• great logo animation
• inGallery for products

Custom post – Food item:

• menu of the day
• ingredients list
• price option
• single product page
• ajax latest tweet preview
• food showcase page
• restaurant menu page
• related products widget
• facebook like button

Purchase this theme for only 35$

Also, you can get just the html version here!

The category template is created in an original way, using the powerful thumbnail WordPress option. Random thumbnails lead to posts, being great for websites with huge amount of content, where usual the old posts are buried in archives, from where is hard to get them alive. The search and archive page show the content in a nice gallery way.

Blackminton use the WordPress like CMS and you can manage all the functions presented in theme live demo example, from your WP administration panel, even is talk about feed settings, twitter or drop down menu columns.

Theme Preview

Features

• Full theme options
• Colorpicker
• Colorbox lightbox
• Contact form with validator
• Dropdown mega menu for categories
• Twitter, Analytics, Feedburner, Favicon integration
• jQuery sliding paginator
• Advertising section

Blackminton theme options

• Logo replacement
• Background image or pattern
• Background repeat
• Background color
• Inner background color
• Number of menu category columns
• Exclude following pages from menu
• Home page settings for accordion and intro articles
• Custom widget for random thumbnails from website
• Custom widget for latest articles from category
• Path to your favicon.ico file
• Email address to be used on contact page form
• Enable or disable the floating sharing box
• Twitter username
• Feedburner Username
• Place for Google Analytics Codes
• Copyright note
• Advertising (enable or disable for 3 kind of pages)
• Fields for up to 4 banners ( 200px x 125px)

In development of theme was incorporated parts or full code of the following commercial free to use scripts:

• jQuery
• jQuery Validate
• Colorbox
• Paginator 3000
• Colorpicker

Purchase this theme for only 30$

The delivery pack contain:

• Extensive documentation
• Theme files
• Adobe Photoshop layered layout

The Joomla extension directory contain a lot of options for customization of your template or component, VirtueMart in this case, but aren’t too many options for a proper accordion menu. On market exist few paid solution like S5 Virtuemart Accordion Menu Module developed by Shape5 or another accordion menu done by offlajn.com, but, if you are looking for something free, you may take a look at what J.O.O.M Design released just few weeks ago: Virtuemart accordion menu.

A big plus for this module is the compatibility with SH404SEF search engine optimization component.

Demo and Download

On this example, the static html code for menu use a dotted border on right for each menu item. The last menu item will have a special “li” class where the border is set to “none”, to can have the dotted separator just between two menu items.

<ul>
<li><a href="about.html">who we are<</a></li>
<li><a href="what-we-do.html">what we do</a></li>
<li><a href="partners">partners.html</a></li>
<li><a href="news-events.html">news &amp;amp;amp;amp;amp; events</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>

Ok, but this part of your code will look different when you are integrating it in WordPress for instance. Example:

<ul id="menu">
<?php wp_list_pages('sort_column=menu_order&amp;amp;title_li=&amp;amp;depth=3&amp;amp;hide_empty=0'); ?>
</ul>

Now, the last menu item will have also the separator. If with “li” tag you can defines each item in the list, the “ul” tag defines the list. On WordPress, in this case, you cannot style a single item list without a small jQuery code inserted in your header.php

$(document).ready(function() {
$("#menu li:last").addClass("last");
});

Now the menu look ok and on WordPress. You can apply in same way and a class for “first” list item.

Download testking SSCP tutorial and testking mcts guide to find a quick tip about how add css class to your wordpress lists. Our testking mcse course includes the complete information about wordpress, Drupal, ajax and other web applications.

Features:

• Ease Sliding Menu
• Thumbnail Slider
• Default item first (optional)
• Easy implementation plugin
• Cross browser compatible (ie6, ie7, safari4, firefox3, opera, chrome3)
• CSS & XHTML valid

Customization:

• The “selected” li item (optional) will auto scroll to it´s position on page load. You can setup the “ulPadding” to add left and right paddings beyond items positions.
• Setup the “velocity” to adjust velocity on movement (miliseconds).
• Setup the “edges” to create an area nearly edges to scroll items to edge (left or right).
• “debug” true or false to output some usefull info, as on the left “tracer values”.
• “extendClick” – that´s it, the click function assigned, so you can control it outside the plugin function.

Demo and Download

Download testking 220-701 dumps and testking 350-030 guide to learn about ajax menu plugin. The testking PMI-001 guide covers all the basics of web designing.

We’ll start to make the menu bar. Select the Rounded Rectangle Tool (U), set the radius to 5px and pick the grey color #b1b1b1. Size of menu bar: 740px / 37px.

Apply a gradient effect to the new shape created.

Your layout should look like this now:

On the right side of the menu bar place a new shape what will be a search field. Select the Rounded Rectangle Tool (U), set the radius to 25px and pick the green color #aab82e.

Add inner shadow:

Add the text for menu labels.

Apply to the menu labels an engraved effect. Place separators between labels. Draw with pencil 1px brush grey vertical lines. For depth, you can make for each one another light grey line.

Is time to create the header. Select the Rounded Rectangle Tool (U), set the radius to 5px. Chose the size for shape according to your needs. The color doesn’t matter now because the rectangle will be used for clipping mask. My size is 740px / 380px. Make a copy of this layer.