Version 1.0 OFFICIAL THEME USER GUIDE. reva. HTML5 - Responsive One Page Parallax Theme
|
|
- Gwendoline Angela Underwood
- 8 years ago
- Views:
Transcription
1 Version 1.0 OFFICIAL THEME USER GUIDE reva HTML5 - Responsive One Page Parallax Theme
2 G R EE T I NG S FR OM DESIG NO VA Thank You For Purchasing Our Product. Important - FAQ: 1) What is this User Guide for? This user manual is under the scope of ordinary users in order to setup their static website using this HTML5 theme. If you are looking for advanced customization please note that you need to familiarize the relevant technologies used to build this theme. 2) How to use this HTML5 theme? This theme is purely HTML template used to create a static website. This theme is not compatible with WordPress, Weebly or FrontPage systems. If you are looking for WordPress themes please visit our themeforest portfolio and see themes with title as WordPress. 3) Stylesheet missing error. Why? As we have already mentioned on themeforest page, this is HTML5 template and not a WordPress theme. But if you try to install this theme on any WordPress system then the above stated error occurs. There is nothing can be done about this rather than purchasing a WordPress version (if available). 4) How to get theme updates and future versions? We regularly release updates and bug fixes on our themes and we use Twitter to announce it to our customers. Please follow
3 5) How to get support on this theme? This user manual covers everything you need to setup the website. But if you find any bugs, issues and limitations on this theme please contact our support team via to: When you send a support request you must include the purchase code and purchase date of the product (received from Market Place website). Support request s without these information will not be answered. 6) Support v/s Theme Customization? When we offer free support, we are always here to help you when bugs and issues are reported on our themes and we will not charge anything for this service as we are committed to give our level best on our premium products. But this free help does NOT mean to be any free customization or modification of our themes. We are a small team and we are not available for any free customization services at the moment. But if you like you can opt for premium theme customization services, kindly let us know via to: info@designova.net. If our developers are available we will get back to you with a nice plan and schedule
4 Table of Contents Chapter 01 - Theme Information Chapter 02 - Files Included a. Directory Structure Chapter 03 - Template Layout and UI Framework a. Bootstrap Setup b. Upgrading Bootstrap on future Chapter 04 - Theme Styling and Skinning Chapter 05 - Featured Modules and Markup a. Full Screen Slider on Home Page b. Testimonials Slider c. Milestones Slider d. Filterable Portfolio (ISOTOPE) e. Google Map Setup f. Contact Form Configuration Chapter 06 - Fonts and Typography Chapter 07 - Images, Icons and Graphics Chapter 08 - Sources and Credits Chapter 09 - Theme Updates and Bug Fixes Chapter 10 - Vote of Thanks
5 REVA - VERSION1.0 - THEME USER GUIDE Chapter 1 Theme Information B eing a premium HTML5 template, Reva is a simple and easy to use creative parallax theme with with fully responsive layout built using Bootstrap framework version 2.2. This theme features Single Page Scroll-Down layout with parallax overlay layers and this theme is perfectly responsive responsive and cross-browser compatible. Reva comes with a completely editable layout with the power of Bootstrap framework. This can make it extremely easy for ordinary users to setup their own website. But it is also handy to extend the template to any level as your creative freedom. Template includes w3 valid cross browser compatible HTML5 markup. Main Features Easy to use Parallax theme with a nice design - a creative theme best suitable for creative agency / individual portfolios and for innovative business showcase. Perfectly responsive across all devices including ios mobile devices, android and windows phone platforms. Built with Bootstrap World s best Responsive Front-end Framework. Most easy to use and customize. Parallax Layers + Overlay Content that produces a stunning scrollable panel visual effect. ISOTOPE (Premium Plugin Worth USD 15) Powered Filterable Portfolio / Gallery with Lightbox. Project Info + Images Slider inside Lightbox via AJAX the best way to showcase your project information and images at the same time. Full Screen Image + HTML slider on home page powered by MaxImage plugin.
6 REVA - VERSION1.0 - THEME USER GUIDE Milestones Carousel Slider a very usable caroufredsel carousel implementation that supports any HTML5 content. Testominal Slider, Pricing Tables etc. Also includes all UI patterns from Bootstrap. Precisely hand-coded HTML5 template with w3 valid cross-browser compatible markup. Working contact form with validations and PHP sender Our awesome support team is always available to help you on bugs and issues related with our themes.
7 REVA - VERSION1.0 - THEME USER GUIDE Chapter 2 Files Included Reva includes a clean and clearly defined file structure so that our users can easily understand the hierarchy of theme assets. This will make it easy to edit the theme and customize it (for experienced users). Kindly find the directory structure explained with screenshot given below: Directory Structure
8 FOLDER / FILE NAME DESCRIPTION WHAT TO DO assets images javascripts mail stylesheets Error404.html Contains files for Bootstrap framework along with some re-usable extensions Contains all image resources used in this theme Contains all JS / jquery library files used in this theme Contains resources for PHP sender Contains all CSS files used within this theme. This includes CSS files specific to plugins and modules used in this theme File for Page Not Found cases Error Page Just replace the inner files if you need to manually upgrade to a newer version of Bootstrap Please replace placeholder images with your own images, don t forget to keep exact dimensions and format as original placeholders Edit / Replace only if you are familiar with JS / jquery codes Please DO NOT modify unless you know exactly what you are doing Modify only STYLE.CSS for changing the look and feel of theme. If you are unsure about other CSS files please keep them unchanged. Keep this file exactly on same location as it is. You can change the name if it is required by your web hosting provider. Index.html Main web page / home page Keep this file exactly on same location as it is. DO NOT change the name. Mail.php Mail sending PHP module Keep it on place. DO NOT modify
9 Sendcontact.php Project-ajax.html Thanks.html sender configuration PHP script Web page to show a single project (shown inside lightbox via AJAX only). Web page displayed as a response after sending the contact form message via home page. You have to change some values in this file; this will be explained on following section within this guide. Use this as a template to display separate project information. Clone this and build as many pages as your projects are. You have to manually rename and link them from portfolio module. This will be explained on following section within this guide. Feel free to edit the contents. DO NOT change the name of this file.
10 Chapter 3 Template Layout and UI Framework Reva is a single page website with scroll-down sections which stands for pages inside this theme. So you have different sections on a one-page, you can easily add/remove sections as needed. Kindly follow the guidelines given below: 1. Template Layout Setup: Setting Up Navigation: As a one page template, Reva has navigation which is a collection of click to scroll links. We use jquery to scroll down to various sections (pages) inside the same file (index.html). Please see the markup corresponding to Main Navigation, given below (refer Index.html Line 121):
11 Here the ANCHOR tag (<a>) holds an HREF attribute which contains the target (ID) of the section. When user clicks on this anchor tag, the page will be scrolled down to that section. <a id="about-linker" href="#about">about</a> When clicked on this link, page will be scrolled down to: <section id="about" class="page clearfix"> Template Sections Overlay: There are various sections (similar to pages) in this template, as given below: Section / Page Name Identifier on markup Modules / Plugins used Intro / Home <div id="index"> Full Screen Slideshow About <section id="about" class="container-fluid section page"> Portfolio <section id="portfolio" class="container-fluid section page"> Isotope Filterable Portfolio + Colorbox Lightbox with AJAX content + FlexSlider integrated. Services <section id="services" class="container-fluid section page"> Milestones <section id="milestones" class="container-fluid section page"> Responsive content carousel via caroufredsel Contact <section id="contact" class="container-fluid section page">
12 Setting up a section / page: A section / page are a markup region contained within an HTML5 SECTION tag, example as given below: We use the above region to wrap up each section and inside this region we build other elements using Bootstrap framework s native arrangements via HTML5 markup. So, you have to understand how to create elements using Bootstrap, please read on. 2. Bootstrap Framework Setup: Reva is completely built with Bootstrap responsive framework which is the best front-end development framework available at present. It is very easy to edit the layout as well as for making any advanced customization. Kindly note, you have to familiarize Bootstrap s native arrangements (it is easy) and short codes before you proceed. Bootstrap s grid system The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
13 Setting up the grid HTML For a simple two column layout, create a.row and add the appropriate number of.span* columns. As this is a 12- column grid, each.span* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent). Please see the markup: 1. <div class="row"> 2. <div class="span4">...</div> 3. <div class="span8">...</div> 4. </div> Offsetting columns Move columns to the right using.offset* classes. Each class increases the left margin of a column by a whole column. For example,.offset4 moves.span4 over four columns. 1. <div class="row"> 2. <div class="span4">...</div> 3. <div class="span3 offset2">...</div> 4. </div>
14 We are having page limitation to explain everything about Bootstrap here. So for more information we refer to original documentation for Bootstrap, found here: Upgrading Bootstrap on Future: As Web is always changing day by day, we would like to keep our themes expandable and adaptable to innovations. We have kept all assets and files related to Bootstrap framework on a separate folder called ASSETS found on the following location: [THEME S ROOT FOLDER]/assets Please replace the following files contained in this ASSETS folder with your new files coming from Bootstrap s download ZIP pack. You can see exactly the same folders there. Replace the inner files exactly as it is. [THEME S ROOT FOLDER]/assets/img [THEME S ROOT FOLDER]/assets/css [THEME S ROOT FOLDER]/assets/js [THEME S ROOT FOLDER]/assets/ico
15 Chapter 4 Theme Styling and Skinning Reva is completely styled majorly with a single CSS file that contains all the style rules for this theme. Please see the following file: [THEME S ROOT FOLDER]/stylesheets/style.css Feel free to modify / change the rules stated in this CSS file. You better have a basic understanding of CSS. Building a new skin variant (optional): Just clone the entire ROOT FOLDER and go the STYLE.CSS. Now you can see the color specific values (Hex Value) related to each component on the template. For example, in the case of main heading and promo text found in each section (page) such as: Here the components are:
16 <div class="row"> <article class="span12 text-center main-title"> <h1>about</h1> <img title="designova" alt="reva" src="images/legends/star-red.png"/> </article> </div> <div class="row"> <article class="span12 text-center promo-text"> <p>a modern creative theme featuring parallax layers and minimalistic design at it's best. The layout is perfectly responsive across all devices, built with latest Bootstrap 2.3.0</p> </article> </div> And the style rules are: Style.css: Line 175.main-title { color:#000; margin-top:60px; }.main-title > h1 { font-family:ostrich_sans_black; font-size:96px; margin-bottom:20px; }.promo-text { margin-top:20px; }.promo-text > p { color:#aaa; font-family:open_sans_r; font-size:24px; font-weight:400;
17 } line-height:32px; You can also change many other styling parameters such as font style, font size, spacing and alignment etc.
18 Chapter 5 Featured Modules and Markup 1) Full Screen Slider on Home Page We have arranged a full screen slider which showcases various images along with content which you may have to display on your website. In order to make things pretty nice we have kept this inside the home page itself. This nice module is powered by jquery MaxImage plugin. Each slider block is created via DIV elements where the Heading, Image and Paragraphs are contained inside. Please see the source code screenshot given below:
19 <img title="designova" alt="reva" src="images/bg/bg1.jpg" /> holds each image shown on the slider CLASS= in-slide-content stands for each content block. CLASS= PROJECT-LINK holds the HREF value as target address of the page displayed when user clicks on this project block. In the demo we have kept all project blocks linked to single_project.html. You can clone this page and rename it as you like, then link to relevant project block. The slider engine behind this module is jquery MaxImage. This module is very simple script and we have kept this within a common JS file: [ROOT FOLDER]/javascripts/scripts.js A script for initialization of this plugin is shown below:
20 MaxImage plugin is extremely powerful carousel plugin which has a wide variety of options. You can refer original documentation of the plugin to see more possibilities: 2) Testimonials Slider We have a simple but useful testimonials slider. Even if we call it as testimonials slider you can use it to display any HTML5 elements including images and content.
21 jquery Caroufredsel is used to build this module. This module is very easy to use and we have kept this within a common JS file: [ROOT FOLDER]/javascripts/script.js A script for initialization of this plugin is shown below: Caroufredsel plugin has more advanced options. You can refer original documentation of the plugin to see more possibilities: 3) Milestones Slider We have easy to use content slider on Inner Pages such as Milestones Page. This slider is alos powered by Caroufredsel plugin and it supports captions via HTML5 content.
22 The plugin which demonstrated in previous section - jquery Caroufredsel - is used to build this module also. This module is very easy to use and we have kept this within a common JS file: [ROOT FOLDER]/javascripts/script.js A script for initialization of this plugin is shown below: Caroufredsel plugin has more advanced options. You can refer original documentation of the plugin to see more possibilities: 4) Filterable Portfolio / Gallery (ISOTOPE) with Lightbox
23 We have a stunning and premium portfolio module within this theme which is powered by an amazing jquery plugin known as ISOTOPE. This is a premium plugin worth USD 15. This filterable portfolio / gallery section includes a stunning filterable animated gallery built with grid based blocks. Each of these block are linked with separate categories and these categories can be triggered via categories filters. FILTERS: Filters are organized as <li> items in the first list as shown below: Note that each filter item is having the following markup: <a href="#" data-filter=".category1">design</a> Here the DATA-FILTER holds the value which is the CLASS NAME FOR A PARTICULAR CATEGORY block inside the gallery. When user clicks on this filter item, the gallery item blocks having only that class name will be show via an animation. GALLERY / PORTFOLIO ITEM BLOCKS: And on the second list, each <li> holds portfolio item which can be triggered via categories assigned as CLASS values as shown above. Just replace these values as you like, please keep the exact value combinations on HREF attribute of filter items also.
24 For more information please refer the original preview along with demonstrations shown on plugin s source page The plugin in invoked inside: [ROOT FOLDER]/javascripts/script.js All the images contained in this module are located inside: [ROOT FOLDER]/images/portfolio GALLERY / PORTFOLIO ITEM LIGHTBOX: Each portfolio item when clicked, displays lightbox containing a larger image or project information which can also include an image slider within the lightbox. This lightbox is implemented with ColorBox plugin. The location of files to be opened in this lightbox is given via: <a class="group1" href="project-ajax.html" title="project Title Goes Here"><img title="designova" alt="reva" src="images/portfolio/4_thumb.jpg" /> when clicking on this link to trigger lightbox for this item. Here we have href="project-ajax.html" attribute which is the name of project page to be loaded into the lightbox when clilcked. This loading is performed via AJAX via jquery. IMPORTANT: In order to showcase more projects please do the following: 1) Clone the file project-ajax.html 2) Rename it to something else 3) Now link this new file to any portfolio block (explained above) and on clicking this portfolio item the AJAX is loading the content from this newly linked file. 4) Repeat the same procedure for all project blocks / project pages. Fore more settings on this lightbox please visit Image Slider inside Lightbox:
25 We have a nice image slider inside the Lightbox which act as project image slider. You can see these images in the following location: [ROOT FOLDER]/images/projects/project1/01.jpg These images are declared inside each and evey project page (AJAX feed), as shown below: [ROOT FOLDER]/ project-ajax.html This plugin is FLEX Slider which has more options which can be found here. 5) Google Map Setup We have integrated google map inside this theme. How to setup your own location on the map? Whenever you want to show a map with your own location showed up, please do the following: 1) Open the file: [ROOT FOLDER]/javascripts/script.js 2) Go to Line 180: var latlng = new google.maps.latlng( , ); Also go to Line 212: var companypos = new google.maps.latlng( , ); 3) Now change these values to your own (L,L) combination. If you are unsure about the (L,L) values please visit this: 6) Contact Form Configuration
26 The template is featuring a fully working contact form with PHP mail sending ready. We have kept everything ready, you have to only provide your own id instead of the predefined demo id. This can be done by simply modifying the id, as shown in the SENDCONTACT.PHP file, located in root directory. [ROOT FOLDER]/sendcontact.php Setting Up Credentials Open this file via a code editor / text editor and now go to the code segment: Line 4 to 6. Please see the screenshot: The value john@example.com should be replaced with your own so that the s will be sending to this id. The value inside subject should be changed to something meaningful since this will be displayed as the subject of the message send via the contact form. That s all for basic setup. All PHP mail sending library files and server scripts are stored in MAIL folder in the root. For advanced users who need in-depth customizations, the PHP script can be modified appropriately. The PHP file is processform.php and it is located in the root folder.
27 Chapter 6 Fonts and Typography Fonts Directory and Declaration We have used CSS3 Font-Face technology to render fonts in this template. We have defined all font rules via the following CSS file: [ROOT FOLDER]/assets/css/typography.css And we have included all font resource files inside the following folder: [ROOT FOLDER]/assets/css/fonts Setting Up Font-Face Rules An example usage of Font-Face is defined as { font-family: 'MyFontFamily'; src: url('fonts/mywebfont.eot'); /* IE9 Compat Modes */ src: url('fonts/mywebfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/mywebfont.woff') format('woff'), /* Modern Browsers */ url('fonts/mywebfont.ttf') format('truetype'), /* Safari, Android, ios */ } url('fonts/mywebfont.svg#svgfontname') format('svg'); /* Legacy ios */ Now apply the font to any element via CSS rule targeting that element, for example if the element is #something, then we can apply the above declared font as:
28 #something { font-family: 'MyFontFamily', Fallback, sans-serif; } Typography Arrangements: We have used H1 tag for Main Heading and H3 tag for Sub Headings. We have kept separate style rules for all typographical elements via a single stylesheet: [ROOT FOLDER]/stylesheets/style.css
29 Chapter 7 Images, Icons & Graphics Reva features many images and graphical elements. We have kept such image resources in a single folder: [ROOT FOLDER]/ images/ Images featured on live preview are not included in the download pack since they are copyrighted properties of original photographers and authors. Instead we have included exact placeholder (dummy) images with same dimensions and format. Please replace them with your preferred images, don t forget to keep exact dimensions as placeholder images. Icon Fonts We have not included any Icon Fonts for this theme. So this will be more easy for ordinary users to replace simple images rather than setting up a new Icon Font. Image Credits Images on live preview are exclusive properties of original authors. Please find the theme information page (from where you bought this theme) to see image sources and credits information. If you want to use any of such images on your site you have to either purchase the original stock images or contact their authors (we are not). Graphics / Icons Credits We have used some Icons and created some graphics based on some icons available free over web. The sources are as follows:
30 Chapter 8 Sources & Credits Included Libraries & Resources: jquery min.js bootstrap.js jquery.easing.1.3.js jquery.colorbox.js jquery.isotope.min.js jquery.nivo.slider.js waypoints.min.js jquery.caroufredsel packed.js
31 Chapter 9 Theme Updates & Bug Fixes This user manual covers everything you need to setup the website. But if you find any bugs, issues and limitations on this theme please contact our support team via to: info@designova.net. When you send a support request you must include the purchase code and purchase date of the product (received from Market Place website). Support request s without this information will not be answered. We regularly release updates and bug fixes on our themes and we use Twitter to announce it to our customers. Please follow
32 Chapter 10 Vote of Thanks Once again, Thank You for purchasing our product. We hope you like our theme as well as this documentation. We have done our level best to make things pretty clean and clear. Anyway if you have queries, support requests or something to know more from us, kindly contact us via to: Support Requests - Please note: When you send a support request you must include the purchase code and purchase date of the product (received from Market Place website). Support request s without this information will not be answered. This is needed to prevent pirated users and spammers from our support system. About Us: We are Designova, a small team of young web designers and developers and we are good people to work with We are from Kerala the God s own country and we work on UTC +5.30, Monday to Friday during to We have more premium themes, please visit our portfolio: Designova Official Website:
33 reva Version 1.0 Build: 07 March 2013 Designed with Love at Kerala A premium theme from Designova
Version 1.3 OFFICIAL THEME USER GUIDE. Renova. Unique Creative Portfolio - Responsive HTML5
Version 1.3 OFFICIAL THEME USER GUIDE Renova Unique Creative Portfolio - Responsive HTML5 G R EE T I NG S FR OM DESIG NO VA Thank You For Purchasing Our Product. If you like this theme, we really need
More informationBT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com
BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4
More informationMistral Joomla Template
Mistral Joomla Template Documentation Copyright arrowthemes Table of Contents Introduction... 4 1.1 Template Overview... 5 Theme Styles and admin options... 5 Theme profiles... 5 Theme Layouts... 5 1.2
More informationMAGENTO THEME SHOE STORE
MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1
More informationultimo theme Update Guide Copyright 2012-2014 Infortis All rights reserved
ultimo theme Update Guide Copyright 2012-2014 Infortis All rights reserved 1 1. Important changes Here you can find description of the most important changes in selected versions. List of all changes in
More informationWe automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
More informationJoomla! template Blendvision v 1.0 Customization Manual
Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don
More informationMagento Theme EM0006 for Computer store
Magento Theme EM0006 for Computer store Table of contends Table of contends Introduction Features General Features Flexible layouts Main Menu Standard Blocks Category Menu and Category Layered Menu. HTML
More informationA set-up guide and general information to help you get the most out of your new theme.
Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common
More informationFortis Theme. User Guide. v1.0.0. Magento theme by Infortis. Copyright 2012 Infortis
Fortis Theme v1.0.0 Magento theme by Infortis User Guide Copyright 2012 Infortis 1 Table of Contents 1. Introduction...3 2. Installation...4 3. Basic Configuration...5 3.1 Enable Fortis Theme...5 3.2 Enable
More informationRSW. Responsive Fullscreen WordPress Theme
RSW Responsive Fullscreen WordPress Theme Thank you for purchasing this theme. This document covers the installation and Setting up of the theme. Please read through this Help Guide if you experience any
More informationBuilding Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 Framework Michael Slater and Charity Grace Kirk michael@webvanta.com 888.670.6793 1 Today s Presenters Michael Slater President and Cofounder of Webvanta
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationBuilding Your First Drupal 8 Company Site
Building Websites with Drupal: Learn from the Experts Article Series Building Your First Drupal 8 Company Site by Todd Tomlinson July, 2014 Unicon is a Registered Trademark of Unicon, Inc. All other product
More informationJTouch Mobile Extension for Joomla! User Guide
JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed
More informationBlueball Design Dynamic Content 2 Stack Readme Manual v1.0
Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 A unique responsive stack that dynamically populates and updates a content area within the stack using a warehoused external XML flat text file
More informationFORTIS. User Guide. Fully responsive flexible Magento theme by Infortis. Copyright 2012-2013 Infortis. All rights reserved
FORTIS Fully responsive flexible Magento theme by Infortis User Guide Copyright 2012-2013 Infortis All rights reserved How to use this document Please read this user guide carefully, it will help you eliminate
More informationWeb Designing with UI Designing
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing
More informationLisa Sabin-Wilson WILEY. Wiley Publishing, Inc.
by Lisa Sabin-Wilson WILEY Wiley Publishing, Inc. Table of Contents Introduction 1 About This Book 1 Foolish Assumptions 2 Conventions Used in This Book 3 What You Are Not to Read 4 How This Book Is Organized
More informationWeb Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission
Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified
More informationSizmek Formats. IAB Mobile Pull. Build Guide
Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...
More informationMagento 1.4 Theming Cookbook
P U B L I S H I N G community experience distilled Magento 1.4 Theming Cookbook Jose Argudo Blanco Chapter No. 5 "Going Further Making Our Theme Shine" In this package, you will find: A Biography of the
More informationireview Template Manual
ireview Template Manual Contents Template Overview... 2 Main features... 2 Template Installation... 3 Installation Steps... 3 Upgrading ireview... 3 Template Parameters... 4 Module Positions... 6 Module
More informationMagento 1.4 Themes Design
Magento 1.4 Themes Design Customize the appearance of your Magento 1.4 e-commerce store with Magento's powerful theming engine Richard Carter [ PUBLISHING 1 open source I community experience distilled
More informationDevelopers Guide. Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB. Version: 1.3 2013.10.04 English
Developers Guide Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB Version: 1.3 2013.10.04 English Designs and Layouts, How to implement website designs in Dynamicweb LEGAL INFORMATION
More informationIntroduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
More informationBT MAGAZINE. JOOMLA 3.x TEMPLATE. Total User Guide Version 1.0. Copyright 2013 Bowthemes.com support@bowthemes.com. www.bowthemes.
1 BT MAGAZINE JOOMLA 3.x TEMPLATE Total User Guide Version 1.0 Copyright 2013 Bowthemes.com support@bowthemes.com 1 Table of Contents INTRODUCTION... 2 Template Features... 2 Compressed File Contents...
More informationultimo theme Update Guide Copyright 2012-2013 Infortis All rights reserved
ultimo theme Update Guide Copyright 2012-2013 Infortis All rights reserved 1 1. Update Before you start updating, please refer to 2. Important changes to check if there are any additional instructions
More informationResponsive Web Design Creative License
Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.
More informationDashboard Skin Tutorial. For ETS2 HTML5 Mobile Dashboard v3.0.2
Dashboard Skin Tutorial For ETS2 HTML5 Mobile Dashboard v3.0.2 Dashboard engine overview Dashboard menu Skin file structure config.json Available telemetry properties dashboard.html dashboard.css Telemetry
More informationGalleryAholic Documentation
GalleryAholic Documentation After a successful install click onto the module called GalleryAholic. The first drop-down option you will have is asking, where do you want to get your photos from. Your selections
More informationMobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00
Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more
More informationInterspire Website Publisher Developer Documentation. Template Customization Guide
Interspire Website Publisher Developer Documentation Template Customization Guide Table of Contents Introduction... 1 Template Directory Structure... 2 The Style Guide File... 4 Blocks... 4 What are blocks?...
More informationAdding image galleries inside your Joomla! articles has never been easier!
Adding image galleries inside your Joomla! articles has never been easier! Using the "Simple Image Gallery PRO" extension from JoomlaWorks you can quickly display a folder of images on your server as a
More informationSAHARA FASHION15 RESPONSIVE MAGENTO THEME
SAHARA FASHION15 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_fashion15 template Chapter II. Features and elements of the template Chapter III. List of extensions
More informationMagento Theme Instruction
Magento Theme Instruction We are extremely happy to present Metros Magento theme to you, it is designed and developed by highly qualified Designer & Developers in a way that make it usable for any type
More informationICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
More informationGUIDE TO CODE KILLER RESPONSIVE EMAILS
GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention
More informationInstallation & User Guide
SharePoint List Filter Plus Web Part Installation & User Guide Copyright 2005-2011 KWizCom Corporation. All rights reserved. Company Headquarters KWizCom 50 McIntosh Drive, Unit 109 Markham, Ontario ON
More informationSizmek Formats. HTML5 Page Skin. Build Guide
Formats HTML5 Page Skin Build Guide Table of Contents Overview... 2 Supported Platforms... 7 Demos/Downloads... 7 Known Issues:... 7 Implementing a HTML5 Page Skin Format... 7 Included Template Files...
More informationWP Popup Magic User Guide
WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical
More informationEmail Campaign Guidelines and Best Practices
epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead
More informationMobile Web Site Style Guide
YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University
More informationUser Guide for Smart Former Gold (v. 1.0) by IToris Inc. team
User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team Contents Offshore Web Development Company CONTENTS... 2 INTRODUCTION... 3 SMART FORMER GOLD IS PROVIDED FOR JOOMLA 1.5.X NATIVE LINE... 3 SUPPORTED
More informationCharts for SharePoint
KWizCom Corporation Charts for SharePoint Admin Guide Copyright 2005-2015 KWizCom Corporation. All rights reserved. Company Headquarters 95 Mural Street, Suite 600 Richmond Hill, ON L4B 3G2 Canada E-mail:
More informationSan Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601
Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML 10 10 Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms
More informationMaking Web Application using Tizen Web UI Framework. Koeun Choi
Making Web Application using Tizen Web UI Framework Koeun Choi Contents Overview Web Applications using Web UI Framework Tizen Web UI Framework Web UI Framework Launching Flow Web Winsets Making Web Application
More informationSAHARA DIGITAL8 RESPONSIVE MAGENTO THEME
SAHARA DIGITAL8 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_digital8 template Chapter II. Features and elements of the template Chapter III. List of extensions
More informationMobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue
Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native
More informationTutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator
Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Written by: Chris Jaun (cmjaun@us.ibm.com) Sudha Piddaparti (sudhap@us.ibm.com) Objective In this
More informationJoomla Templates 101 Barb Ackemann
Joomla Templates 101 Barb Ackemann Joomla Day NE May 30, 2009 NOTE: Slides, files and resources are all online So you can listen /think hard and not worry about writing everything down! Joomla Templates
More informationCreating a Restaurant Website
11 Creating a Restaurant Website In This Lesson This lesson looks at the process of creating a small business website, in this case for a restaurant. Starting from a needs analysis, this lesson shows you
More informationCLASSROOM WEB DESIGNING COURSE
About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered
More informationMastering Magento Theme Design
Mastering Magento Theme Design Andrea Saccà Chapter No. 1 "Introducing Magento Theme Design" In this package, you will find: A Biography of the author of the book A preview chapter from the book, Chapter
More informationWeb Development 1 A4 Project Description Web Architecture
Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:
More informationAdvanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
More informationWeb Design & Development - Tutorial 04
Table of Contents Web Design & Development - Tutorial 04... 1 CSS Positioning and Layout... 1 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 2 Layout with CSS... 3 Review the
More informationInstalling and Sending with DocuSign for NetSuite v2.2
DocuSign Quick Start Guide Installing and Sending with DocuSign for NetSuite v2.2 This guide provides information on installing and sending documents for signature with DocuSign for NetSuite. It also includes
More informationResponsive WordPress Theme with multiple options by PEGO
Responsive WordPress Theme with multiple options by PEGO Thank you for purchasing BOOSTER WordPress Theme. This document will make it as easy as possible to build your site with the BOOSTERWordPress Theme.
More informationCitrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
More informationTop Navigation menu - Tabs. User Guide 1. www.magazento.com & www.ecommerceoffice.com
User Guide User Guide 1 Extension Description Successful Websites ALWAYS have logical navigation that mirror real world navigational expectations and experiences. Good menus ALWAYS looks 100% clear, because
More informationPORTAL ADMINISTRATION
1 Portal Administration User s Guide PORTAL ADMINISTRATION GUIDE Page 1 2 Portal Administration User s Guide Table of Contents Introduction...5 Core Portal Framework Concepts...5 Key Items...5 Layouts...5
More informationSPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual
2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,
More informationSM Wedding Userguide MagenTech [2012]
1 SM Wedding Userguide [2012] 1 2 2 3 table of content Introduction... 4 Features... 5 Chapter 1: Installation... 7 1.1 System Requirements... 7 1.2 Installing SM Wedding... 7 Chapter 2: Demo Layout...
More informationMagento Responsive Theme Design
Magento Responsive Theme Design Richard Carter Chapter No. 2 "Making Your Store Responsive" In this package, you will find: A Biography of the author of the book A preview chapter from the book, Chapter
More informationInspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 2
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 2 CSS stands for Cascading Style Sheets, these allow you to specify the look and feel of your website. It also helps with consistency.
More informationFidelity Joomla Theme
Fidelity Joomla Theme Documentation Copyright arrowthemes. Table of Contents Introduction... 4 1.1 Template Overview... 5 Theme Styles and admin options... 5 Theme profiles... 5 Theme Layouts... 6 1.2
More informationUsing your content management system EXPRESSIONENGINE CMS DOCUMENTATION UKONS
Using your content management system EXPRESSIONENGINE CMS DOCUMENTATION UKONS JOHN MOYLAN UKONS EXPRESSIONENGINE DOCUMENTATION 2 What is ExpressionEngine? ExpressionEngine is a flexible, feature-rich content
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationLesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
More informationMatrix Responsive Template. User Manual. This manual contains an overview of Matrix Responsive Joomla Template and its use
Matrix Responsive Template User Manual This manual contains an overview of Matrix Responsive Joomla Template and its use Dachi 1/1/2013 Matrix Responsive- A Joomla! Template User Manual 2012 Primer Templates
More informationMagento module Documentation
Table of contents 1 General... 4 1.1 Languages... 4 2 Installation... 4 2.1 Search module... 4 2.2 Installation in Magento... 6 2.3 Installation as a local package... 7 2.4 Uninstalling the module... 8
More informationAdvanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
More informationAdvanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
More informationBT BACKGROUND SLIDESHOW JOOMLA EXTENSION User guide Version 2.0
BT BACKGROUND SLIDESHOW JOOMLA EXTENSION User guide Version 2.0 Copyright 2012 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Related Topics...2 Product Features...2 Installing
More informationManaging your Joomla! 3 Content Management System (CMS) Website Websites For Small Business
2015 Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business This manual will take you through all the areas that you are likely to use in order to maintain, update
More informationThis manual cannot be redistributed without permission from joomla-monster.com
This manual cannot be redistributed without permission from joomla-monster.com Visit the official website joomla-monster.com of this Joomla template and other thematic and high quality templates. Copyright
More informationHow to Properly Compose E-Mail HTML Code : 1
How to Properly Compose E-Mail HTML Code : 1 For any successful business, creating and sending great looking e-mail is essential to project a professional image. With the proliferation of numerous e-mail
More informationCTC 4.1 - What's New?
Digital Experience CTC 4.1 - What's New? WebSphere User Group 24 th Sept - Royal Society Edinburgh Agenda A reminder, What is the Content Template Catalog A reminder, What is the Site Builder Demo! CTC
More informationSite Store Pro. INSTALLATION GUIDE WPCartPro Wordpress Plugin Version
Site Store Pro INSTALLATION GUIDE WPCartPro Wordpress Plugin Version WPCARTPRO INTRODUCTION 2 SYSTEM REQUIREMENTS 4 DOWNLOAD YOUR WPCARTPRO VERSION 5 EXTRACT THE FOLDERS FROM THE ZIP FILE TO A DIRECTORY
More informationJoostrap RWD Bootstrap Template
Joostrap RWD Bootstrap Template Step by Step Guide to Installing & Set-up Updated 17 th November 2012 Prepared by Philip Locke What is Joostrap?...3 JooStrap & The Basics...3 The Past & How Templating
More informationA send-a-friend application with ASP Smart Mailer
A send-a-friend application with ASP Smart Mailer Every site likes more visitors. One of the ways that big sites do this is using a simple form that allows people to send their friends a quick email about
More information1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions
1. About the Denver LAMP meetup group 1.Host a presentation every 1-3 months 2.Cover 1-3 related topics per meeting 3.Goal is to provide high quality education and networking, for free 2. The purpose of
More informationWebsite Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
More informationDESIGNING MOBILE FRIENDLY EMAILS
DESIGNING MOBILE FRIENDLY EMAILS MAKING MOBILE EMAILERS SELECT PLAN CONTEXT CONTENT DESIGN DELIVERY Before you go mobile For optimal usage PICTURES OF DESKTOP VS MOBILE SAME SAME BUT DIFFERENT EMAIL CLIENTS
More informationIE Class Web Design Curriculum
Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,
More informationBranding & Website Design. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Branding & Website Design Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com 1 Designing a Website Requires a Lot of Skills 2 What do you do? Who is your audience? Product or
More informationHOW TO CREATE THEME IN MAGENTO 2
The Essential Tutorial: HOW TO CREATE THEME IN MAGENTO 2 A publication of Part 1 Whoever you are an extension or theme developer, you should spend time reading this blog post because you ll understand
More information1: 2: 2.1. 2.2. 3: 3.1: 3.2: 4: 5: 5.1 5.2 & 5.3 5.4 5.5 5.6 5.7 5.8 CAPTCHA
Step by step guide Step 1: Purchasing a RSMembership! membership Step 2: Download RSMembership! 2.1. Download the component 2.2. Download RSMembership! language files Step 3: Installing RSMembership! 3.1:
More informationAspect WordPress Theme
by DesignerThemes.com Hi there. Thanks for purchasing this theme, your support is greatly appreciated! This theme documentation file covers installation and all of the main features and, just like the
More informationHow To Customize A Forum On Vanilla Forum On A Pcode (Forum) On A Windows 7.3.3 (For Forum) On An Html5 (Forums) On Pcode Or Windows 7 (Forforums) On Your Pc
1 Topics Covered Introduction Tool Box Choosing Your Theme Homepage Layout Homepage Layouts Customize HTML Basic HTML layout Understanding HTML Layout Breaking down and customizing the code The HTML head
More informationDrupal CMS for marketing sites
Drupal CMS for marketing sites Intro Sample sites: End to End flow Folder Structure Project setup Content Folder Data Store (Drupal CMS) Importing/Exporting Content Database Migrations Backend Config Unit
More informationHTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
More informationultimo theme Update Guide Copyright 2012-2013 Infortis All rights reserved
ultimo theme Update Guide Copyright 2012-2013 Infortis All rights reserved 1 1. Update Before you start updating, please refer to 2. Important changes to check if there are any additional instructions
More informationMOTIVE Creative Portfolio New WordPress Theme
MOTIVE Creative Portfolio New WordPress Theme Motive is new wordpress theme released by teslathemes marketplace in 2015! Very modern and clean design stands out from the rest of their theme in portfolio.
More informationJoostrap Template Documentation
Joostrap Template Documentation Version 3.1.6+ Incorporating Bootstrap v3 For Joomla v3.x.x (latest version) Table of Contents Table of Contents... 1 Zip Package Content's... 2 Template Only... 2 Full
More informationLRB Portfolio User Guide
LRB Portfolio User Guide LRB Portfolio - 1 2 - LRB Portfolio LRB Portfolio (http://lrbportfolio.com) from Lightroom-Blog.com is a true website in a gallery. Everything you need to create a website from
More informationTimeline for Microsoft Dynamics CRM
Timeline for Microsoft Dynamics CRM A beautiful and intuitive way to view activity or record history for CRM entities Version 2 Contents Why a timeline?... 3 What does the timeline do?... 3 Default entities
More informationWP Popup Magic User Guide
WP Popup Magic User Guide Introduction Thank you so much for your purchase! We're excited to present you with the most magical popup solution for WordPress! If you have any questions, please email us at
More information