ThemeForest Grab Restaurant Theme HTML Template 2493451

ThemeForest Grab Restaurant Theme HTML Template 2493451

ThemeForest Grab Restaurant Theme HTML Template 2493451
Site Template \ Entertainment \ Restaurant \ Cafe
Restaurant \ Html \ Jquery \ Multi \ Grab \ Pizza \ Food \ Cafe \ Cake \ Dropdown \ Bakery



Site Template - Grab Restaurant Theme HTML Template 2493451 by pxoutline @ ThemeForest

Site Template \ Entertainment \ Restaurant \ Cafe

Last Update: 14 September 12; Columns: 2; Compatible Browsers: IE8, IE9, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Documentation: Well Documented; High Resolution: No; Layout: Fixed; ThemeForest Files Included: Layered PNG, JPG Image, HTML Files, CSS Files, JS Files.

Grab Restaurant – HTML5 & CSS3 Features
Grab, a restaurant theme HTML template specially coded for pizza and pasta restaurants, comes up with 10 HTML Pages. Well Documented, Can be easily customized as per your requirements.

HTML Structure
This theme is a fixed layout with 3 main sections named header, section (content area) and footer. The general template structure is the same throughout the template. Here is the general structure.

If you would like to edit the color, font and style of that element, you would do the following.
Find the appropriate style that needs to be edited.

I.E: The font-size, color etc… of the Content needs to be changed

.mid_container {
background: none repeat scroll 0 0 #FBF2D9;
color: #3C3C3C;
font-size: 15px;
margin: 0 auto;
padding: 0 0 30px;
width: 990px;
}

To ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.

CSS Files and Structure
We have used 3 CSS files in this theme: “style.css” contains all general styling, such as colors, font-sizes, etc. Also all of the specific stylings for the page. The other 2 CSS files includes are “thickbox.css” that contains popup related styles and “smartspinner.css” has control of a spinner image or loader image.

The “style.css” file is separated into sections using.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

I.E. you want to change the header height.

/* HEADER */
header {
background: url("./images/header_bg.jpg") repeat-x scroll 0 0 transparent;
border-bottom: 1px solid #000000;
height: 300px;
width: 100%;
}

JavaScript
This theme imports four Javascript files.

- jQuery (jquery-1.4.4.min.js)

- Slider Control Script (scripts.js)

- Smart Spinner (smartspinner.js)

- Thick Box (thickbox.js)

jQuery is a Javascript library that greatly reduces the amount of code that you must write.

Slider – It a plugin created by our team. very less in size and ease to customize.

Smart spin is a jQuery spin button plugin that mimics the very common windows spin button control.

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library.

More customization info, source and credits is explained in help document.

Themes We Crafted.
“illumine” Doctors & Health Care Theme – PSD Template

“Duplex” Creative Theme – PSD Template

“Grab” Restaurant Theme – PSD Template

“Outline” Multi Purpose Theme – PSD Template

Duplex Creative HTML Template.; Imagery - Single Page Portfolio (PSD); Illumine ĘC Doctors & Health Care Theme (PSD); Duplex Creative Responsive PSD Template; Outline Multi Purpose PSD Template; Grab Restaurant Theme - HTML Template; Grab Restaurant Theme Template.

Keywords: bakery, cafe, cake, css3, dropdown, food, grab, html5, jquery, multi restaurant, pizza, restaurant.



Tags: Restaurant, Multi, Pizza, Dropdown, Jquery, Theme

Premium ThemeForest Grab Restaurant Theme HTML Template 2493451 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of ThemeForest Grab Restaurant Theme HTML Template 2493451 for digital design and education. ThemeForest Grab Restaurant Theme HTML Template 2493451 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *