Blueball Design FreeStack Responsive Theme v2.3 Changelog Readme

Size: px
Start display at page:

Download "Blueball Design FreeStack Responsive Theme v2.3 Changelog Readme"

Transcription

1 Blueball Design FreeStack Responsive Theme v2.3 Changelog Readme Lists all the changes and additions made on each Blueball FreeStack Responsive theme update release.

2 Blueball FreeStack Responsive theme version 2.3 update. Released This is a MAJOR update to the FreeStack Responsive theme and stacks. You will need to install the v2.3 FreeStack Responsive theme and all its stacks and then restart RapidWeaver. Note: Theme and stacks plist files and icons images updated to display correctly in RapidWeaver 6 s Manage Addons window. FreeStack Responsive Stacks: FSR Fixed Height Stack - Adjusted class name in FSR Fixed Height stack to avoid conflict with other stacks. FSR Footer Stack - Added in font sizing hud control FSR Image BG Pro Stack - Added breakpoint width hud control. FSR Image Stack - Added desktop measurements popup menu hud control. Select from %, px, or ems. - Added max-width hud control for desktop image width. - Added mobile measurements popup menu hud control. Select from %, px, or ems. - Added max-width hud control for mobile image width. FSR Logo Stack - Added desktop measurements popup menu hud control. Select from %, px, or ems. - Added max-width hud control for desktop logo image width. - Added mobile measurements popup menu hud control. Select from %, px, or ems. - Added max-width hud control for mobile logo image width. FSR Max Width Stack - Added desktop measurements popup menu hud control. Select from %, px, or ems for desktop width setting. - Added mobile measurements popup menu hud control. Select from %, px, or ems for mobile width setting. FSR NavMenu Res1 Stack - Added new mobile popup nav menu sub level bullet styles for li elements. You can now select from Dash (default), Arrow, Dot, or Plus. - Added indent for sub menu level li elements in mobile popup nav menu.

3 FSR NavMenu Res2 Stack - Added new mobile popup nav menu sub level bullet styles for li elements. You can now select from Dash (default), Arrow, Dot, or Plus. - Added indent for sub menu level li elements in mobile popup nav menu. FSR Tumblr Limited Stack - Changed tumblrblog div font size and line height to inherit. FreeStack Responsive Theme: - Removed lang- en from html tag in theme s index.html file so user s localized language by default would be applied to their site instead of English language. - Added in new FSR Add-Ons Pack 2 s Sticky Nav Menu stacks css to custom nav menu font theme variation s css files so custom font styles will display in those nav menu stacks. - Added new custom font styles for content custom font styles theme variation group. New styles include Fira Sans, Montserrat, Roboto Slab, and Source Sans Pro. - Added new custom font styles for headline custom font styles theme variation group. New styles include Fira Sans, Montserrat, Roboto Slab, and Source Sans Pro. - Added new custom font styles for nag menu custom font styles theme variation group. New styles include Fira Sans, Montserrat, Roboto Slab, and Source Sans Pro. - Made minor updates to theme s styles.css file. Blueball FreeStack Responsive theme version 2.1 update. Released This is a minor update that only involves 2 FreeStack Responsive stacks. Corrected bug in height setting in FreeStack R iframe stack preventing specified height to display. Specified height now displays in the stack s hud controls as expected. Corrected bug in mobile min-width hud control in FreeStack R Max-Width stack that prevented the mobile layout min-width setting from being applied. Blueball FreeStack Responsive theme version 2.0 update. Released

4 This is a MAJOR update to the FreeStack Responsive theme and stacks. You will need to install the v2.0 FreeStack Responsive theme and all its stacks. FREESTACK RESPONSIVE THEME V2.0 UPDATES Removed IE7 tranparency support from index.html file Removed 1px square transparent gif file from theme's Contents folder. Fixed issue in index.html file where custom css added to custom css area in page inspector would not be applied for some users. Removed below code in index.html file that was causing FreeStack Responsive pages to not load in IE8 when FreeStack Responsive Add-Ons Pack 1 nav menu stacks were used on site pages: <!--[if lt IE 9]> <script src=" mediaqueries.js"></script> <![endif]--> Pages now load and display as expected in IE8. Updated jquery library version called in index.html file to Updated theme plist file extensively. Updated theme version number to 2.0. Added new content font styles to theme variation group: Exo (Google), Open Sans (Google), Raleway (Google), and Roboto (Google). Added new headline font styles to theme variation group: Bebas (@font-face), Exo (Google), Open Sans (Google), Raleway (Google), Roboto (Google), and Roboto Slab (Google). Added new nav menu font styles to theme variation group: Exo (Google), Open Sans (Google), Raleway (Google), and Roboto (Google). Added font-smoothing and text-rendering css to body in styles.css file. Added in new body background image repeat option - body background cover (yes full screen image background on pages is now included as a theme variation option). Recommend minimum image width of at least 1500px for best display results. My jpg test image for this was 1500px wide by 1000px tall with a total file size of 98kb. FREESTACK RESPONSIVE STACKS V2.0 - UPDATES FreeStack R 2Columns stack.

5 Major updates made to this stack! Reworked hud controls layout to display new desktop and mobile sections separately. Added in new desktop layout top, right, bottom and left column padding controls. Adjust each to have specific padding settings applied to both columns automatically in desktop layout only. Added in new mobile layout top, right, bottom and left column padding controls. Adjust each to have specific padding settings applied to both columns automatically in mobile layout only. Updated plist file. NOTE! You may have to reset the column widths on this stack in all instances on an existing site again due to new divs and classes added into stack for padding. Results have varied so far from site to site but sometimes the FSR 2Columns stack opens at its default 50/50 column widths setting instead of what widths had been put in place on existing site page using v1.8 FSR 2Columns stack. FreeStack R 3Columns stack. Major updates made to this stack! Reworked hud controls layout to display new desktop and mobile sections separately. Added in new desktop layout top, right, bottom and left column padding controls. Adjust each to have specific padding settings applied to all 3 columns automatically in desktop layout only. Added in new mobile layout top, right, bottom and left column padding controls. Adjust each to have specific padding settings applied to all 3 columns automatically in mobile layout only. Updated plist file. FreeStack R Contact Plus stack. Added new Title Size hud control to allow resizing of title text on contact form layout. Updated plist file. FreeStack R Fixed Height stack. Added new Minimum Fixed Height hud control to stack. Updated plist file. FreeStack R Image BG Pro stack. Scoped css code in fsrimagebgpro.css file to avoid conflicts with some third party stacks. FreeStack R Image stack. Added in new mobile image max-width and min-width image sizing controls for mobile layout only. Added in new mobile image alignment hud option.

6 Scoped css code in fsrimage.css file to avoid conflicts with some third party stacks. Other misc. updates made to fsrimage.css file. Reworked image align options. Now works as expected. FreeStack R Logo stack. Added in new logo alignment hud control for mobile layout only. New default mobile logo image display size set at 75% now instead of 60%. FreeStack R Max Width stack. Added new desktop layout minimum width hud control. Added new mobile layout minimum width hud control. FreeStack R NavMenu Res1 stack. Added in new arrow images along with new 50% opacity arrow images too. Added in new hud control options for the new arrow images too. Changed bold font weight to 700. Old bold font weight was 600. FreeStack R NavMenu Res2 stack. Added in new arrow images along with new 50% opacity arrow images too. Added in new hud control options for the new arrow images too. Changed bold font weight to 700. Old bold font weight was 600. FreeStack R Slogan stack. Updated font weight hud control selections. Includes normal 400, semi-bold 600, and bold 700. FreeStack R Styler stack. Scoped css code in fsrstyler.css file to avoid conflicts with some third party stacks. Added in new set of mobile layout hud controls. You can now specify font sizes and line height for all H tags and P tagged text that will be applied for mobile layout display only. Added in new media query breakpoint hud control to specify when mobile layout settings will display. FreeStack R Title stack. Updated font weight hud control selections. Includes normal 400, semi-bold 600, and bold 700. FreeStack R Tumblr Limited stack. Updated plist file default settings. FreeStack R Twitter Button stack.

7 Added target of _blank to href to force new window to open when button is clicked on a site page. Added in new "Alt Text Before" hud control field for non-english speaking users to customize word Follow in alt text to their language. This will appear before user name in alt text in href. Added in new "Alt Text After" hud control field for non-english speaking users to customize words On Twitter in alt text to their language. This will appear after user name in alt text in href. Blueball FreeStack Responsive theme version 1.8 update. Released This update involves important modifications to the FreeStack Responsive theme and stacks. You will need to install the v1.8 FreeStack Responsive theme and all its stacks. FreeStack R Max Width stack. Changed default maximum width setting to 960px. Increased maximum width setting to 3000px. FreeStack R Logo stack. Added new mobile breakpoint hud control to allow end user to set custom breakpoint width. Default breakpoint is 600px. Added new mobile layout logo sizing hud control option to allow end user to set max width percentage size that logo image will display at on mobile layout. Default percentage size is 60%. Added new logo alignment hud control. FreeStack R 3 Columns stack. Adjusted width of columns to be equal at 33.33% each. FreeStack R 2 Columns stack. Fixed display issue in Firefox desktop browser when mobile layout is viewed at its narrowest width. Both columns in stack now float left when in single column view for mobile layout display. FreeStack R FileShare stack. Fixed download icon image display issue. Download icon images now display as expected on all download links. FreeStack R Styler stack. Fixed font sizing issue on font sizing hud controls. You can now set any font sizing you want like 1.15 ems instead of just 1em, 2em, etc. FreeStack R Title stack. Added in font weight popup menu hud control. You can now select either bold (default) or normal. FreeStack R Slogan stack. Added in font weight popup menu hud control. You can now select either bold (default) or normal.

8 FreeStack R NavMenu Res1 stack. Increased sub menu level maximum width to 400px to accommodate longer non-english European language page names. FreeStack R NavMenu Res2 stack. Increased sub menu level maximum width to 400px to accommodate longer non-english European language page names. FreeStack Responsive Theme modifications Updated plist file. Updated index.html file. Updated all Nav Menu Font Styles theme variation css files so custom font styling selected would also be applied to new FreeStack Responsive Add-OnsPack 1 nav menu stacks and their mobile nav menu layout too. Blueball FreeStack Responsive theme version 1.6 update. Released This update involves important updates to the FreeStack R NavMenu Res1 stack, the FreeStack R NavMenu Res2 stack, the FreeStack R 3Columns stack, the FreeStack R Image BG Pro stack, The FreeStack R Contact Plus stack, and the FreeStack R Transparent stack. You only need to install these 6 FreeStack Responsive stacks in this v1.6 update. Fixed column order display issue with FreeStack R 3Columns stack so column #3 s content displays as expected after column #2 s content on smaller screen sizes when repositioned using media queries. Restructured and recoded FreeStack R Image BG Pro stack so that stacks and their content that were added into the FreeStack Image BG Pro s content area will now display beyond the bottom edge of the background image. Added in new hud control for custom background image height to be set with. Major restructuring and recoding of FreeStack R NavMenu Res1 and Res2 stacks. Removed all floats from main nav menu elements. You can now left, right, AND center align the main nav menu container! Fixed border radius hud control issue where sub menu level li elements sometimes got rounded too. Only main nav menu level corners are rounded now. By default the right border on the last main menu level li element is removed and weight is set to 0px. Updated FreeStack R Contact Plus stack css code with new media query css for smart phones so all 4 form field widths will span the screen width in either portrait or landscape display.

9 Added in new BG Corner Radius hud control to FreeStack R Transparent stack. This allows user to set corner radius of transparent background color container div anywhere from 0px up to 24px. Blueball FreeStack Responsive theme version 1.5 update. Released This update involves small but very critical updates to the FreeStack Responsive theme, the FreeStack R NavMenu Res1 stack, the FreeStack R NavMenu Res2 stack, and the FreeStack R Logo stack. You will need to install the FreeStack Responsive theme and all the stacks in this v1.5 update. Added css3-mediaqueries.js file call to head area of theme s index,html file. This allows IE7 and IE8 browsers to recognize all media queries css styling used in FreeStack Responsive theme and stacks. Updated theme version number to v1.5 in comment in theme s index.html file. Major update to FreeStack R NavMenu Res1 and NavMenu Res2 stacks. Updated plist and css files in each. Fixed problem where indicator arrow would not appear until parent menu level had cursor moved over it. Indicator arrow in parent level now appears on page load in browser. Fixed issue with FreeStack R NavMenu Res 1 and NavMenu Res2 stacks where mobile popup menu was displaying in IE7 and IE8 under desktop nav menu. The mobile popup menu is not displayed now in either browser on desktop or tablets. Updated FreeStack R Logo stack. Removed tablet logo sizing hud option. Fixed smart phone logo sizing option so scaling now works as expected on smart phone screens including latest iphone. Added in fix to theme so that video files displaying in a lightbox would scale and fill lightbox container div correctly. Fixed colourtag.css file typo so that movie-page-title and movie-title classes would display in the correct headline color in the theme variation colorpickers. Updated all FreeStack Responsive stacks to show version number 1.5. Blueball FreeStack Responsive theme version 1.1 update. Released This update only involves the actual FreeStack Responsive theme and the FreeStack R NavMenu Res1 stack. You will need to re-install only the theme and the one noted stack in this update. None of the other stacks were changed and do not need to be re-installed.

10 Fixed #title h1 colourtag.css file typo. Recoded custom body background theme variations to work with all "Relative To " site setup options when images are added into Resources area. Theme variations now list image name required for custom body background images too Updated Body Background Image Repeat theme variations. Added # to footer div in fontsize_large.css and fontsize_xlarge.css files so footer text will display in selected font size as expected. Updated FreeStack R Nav Res1 stack s css file. Removed background color from the #navbar div. If you want a solid color to display the full width of the nav stack itself, use the default Background Color control at the top of the Stacks 2 hud control window to add a solid background color in place. Updated styles.css file extensively. Updated theme index.html file extensively. Added in version number to index.html for easier theme version identification by end user. Viewing source code in Rapidweaver will allow end user to get version number of theme now. Updated theme plist file extensively. Updated 8 default theme styles. Updated main FreeStack responsive theme readme manual. *PLEASE NOTE! If you are using a custom body background image on your existing FreeStack Responsive theme v1.0 site pages: The first time you open your site file up after installing the FreeStack v1.1 theme and stack update, you may have to reselect your custom body background image theme variation again along with the Body Background Image Repeat theme variation on each of your site pages. You will then have to do a complete republish of your site one time for the new updates made to the FreeStack responsive theme to take effect. Blueball FreeStack Responsive theme version 1.0. Released

Blueball Design Dynamic Content 2 Stack Readme Manual v1.0

Blueball 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 information

Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only!

Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Overview and Usage Tips For Blueball First Class Sandvox 2 Designs Thank you for purchasing one of our original Sandvox Designs bundle.

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We 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 information

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design Principles of Web Design 6 th Edition Chapter 12 Responsive Web Design Objectives Recognize the need for responsive web design Use media queries to apply conditional styles Build a basic media query Create

More information

Extended Reference for Freeway 7

Extended Reference for Freeway 7 1 Extended Reference for Freeway 7 Extended Reference for Freeway 7 1 Introduction This guide covers the new features and improvements offered in Freeway 7. While the main new feature is support for building

More information

Creating Web Pages With Dreamweaver MX 2004

Creating Web Pages With Dreamweaver MX 2004 Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic

More information

Advanced 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 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 information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web 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 information

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator. 1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

More information

SellerDeck 2014 Responsive Design Guide

SellerDeck 2014 Responsive Design Guide SellerDeck 2014 Responsive Design Guide Version: 1.0.0 SellerDeck 2014 Responsive Design 1 Contents Introduction...3 Themes and Wireframe...4 Classic Theme...4 Smart Theme...5 Wireframe...6 How the Responsive

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

Guide To Creating Academic Posters Using Microsoft PowerPoint 2010

Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall

More information

Responsive Web Design: Media Types/Media Queries/Fluid Images

Responsive Web Design: Media Types/Media Queries/Fluid Images HTML Media Types Responsive Web Design: Media Types/Media Queries/Fluid Images Mr Kruyer s list of HTML Media Types to deliver CSS to different devices. Important note: Only the first three are well supported.

More information

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Responsive Web Design in Application Express

Responsive Web Design in Application Express Insert Information Protection Policy Classification from Slide 13 1 Responsive Web Design in Application Express using HTML5 and CSS3 Shakeeb Rahman @shakeeb Principal Member of Technical Staff Oracle

More information

Using Style Sheets for Consistency

Using Style Sheets for Consistency Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point

More information

Making Textual Webpage Content Responsive

Making Textual Webpage Content Responsive Making Textual Webpage Content Responsive Web page content can be quickly broken down into the following categories: 1) Textual Information 2) Image based information 3) Video information i.e. videocasts

More information

Creating a Newsletter with Microsoft Word

Creating a Newsletter with Microsoft Word Creating a Newsletter with Microsoft Word Frank Schneemann In this assignment we are going to use Microsoft Word to create a newsletter that can be used in your classroom instruction. If you already know

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,

More information

GUIDE TO CODE KILLER RESPONSIVE EMAILS

GUIDE 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 information

Magento Responsive Theme Design

Magento 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 information

PowerPoint 2013: Basic Skills

PowerPoint 2013: Basic Skills PowerPoint 2013: Basic Skills Information Technology September 1, 2014 1 P a g e Getting Started There are a variety of ways to start using PowerPoint software. You can click on a shortcut on your desktop

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

You can use percentages for both page elements and text. Ems are used for text,

You can use percentages for both page elements and text. Ems are used for text, By Megan Doutt Speaking broadly, responsive web design is about starting from a reference resolution, and using media queries to adapt it to other contexts. - Ethan Marcotte (creator of the term Responsive

More information

Create a Poster Using Publisher

Create a Poster Using Publisher Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

More information

A quick guide to. Creating Newsletters

A quick guide to. Creating Newsletters A quick guide to Creating Newsletters In this guide... Learn how to create attractive, well-designed HTML and plain-text messages to engage your the template, which can be mobile, responsive. Table of

More information

Responsive Web Design. birds of feather

Responsive Web Design. birds of feather Responsive Web Design birds of feather Approaches to Mobile Development 1. No Mobile Approach 2. Native Mobile Applications 3. Mobile Websites 4. Responsive (universal) design No Mobile Approach Website

More information

Getting Started Guide

Getting Started Guide Getting Started Guide Get started with your new SellerDeck Responsive Design Inside this guide we will cover some of the basics, on how to change various aspects of your new SellerDeck Responsive Design.

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

Coding HTML Email: Tips, Tricks and Best Practices

Coding HTML Email: Tips, Tricks and Best Practices Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

Google Sites: Site Creation and Home Page Design

Google Sites: Site Creation and Home Page Design Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and

More information

Creating a Poster in Powerpoint

Creating a Poster in Powerpoint Creating a Poster in Powerpoint January 2013 Contents 1. Starting Powerpoint 2. Setting Size and Orientation 3. Display a Grid 5. Apply a background 7. Add text to your poster 9. Add WordArt to your poster

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

JTouch Mobile Extension for Joomla! User Guide

JTouch 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 information

Create a Google Site in DonsApp

Create a Google Site in DonsApp Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of

More information

User 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 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 information

Website Builder Documentation

Website Builder Documentation Website Builder Documentation Main Dashboard page In the main dashboard page you can see and manager all of your projects. Filter Bar In the filter bar at the top you can filter and search your projects

More information

Treble: One Page Website. Step 8 - Responsive Web Design

Treble: One Page Website. Step 8 - Responsive Web Design Step 8 - Responsive Web Design 29 WHAT IS RESPONSIVE WEB DESIGN? Back in the earlier days of web design the only way to access the internet was using your desktop computer. Although monitor sizes changed

More information

ireview Template Manual

ireview 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 information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits

More information

Mobile Web Site Style Guide

Mobile 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 information

Building Responsive Websites with the Bootstrap 3 Framework

Building 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 information

Introducing our new Editor: Email Creator

Introducing our new Editor: Email Creator Introducing our new Editor: Email Creator To view a section click on any header below: Creating a Newsletter... 3 Create From Templates... 4 Use Current Templates... 6 Import from File... 7 Import via

More information

Creating a Poster in PowerPoint 2010. A. Set Up Your Poster

Creating a Poster in PowerPoint 2010. A. Set Up Your Poster View the Best Practices in Poster Design located at http://www.emich.edu/training/poster before you begin creating a poster. Then in PowerPoint: (A) set up the poster size and orientation, (B) add and

More information

Working with the new enudge responsive email styles

Working with the new enudge responsive email styles Working with the new enudge responsive email styles This tutorial assumes that you have added one of the mobile responsive colour styles to your email campaign contents. To add an enudge email style to

More information

NDSU Technology Learning & Media Center

NDSU Technology Learning & Media Center 1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best

More information

How To Create A Website In Drupal 2.3.3

How To Create A Website In Drupal 2.3.3 www.webprophets.com.au PO Box 2007 St Kilda West Victoria Australia 3182 Phone +61 3 9534 1800 Fax +61 3 9534 1100 Email info@webprophets.com.au Web www.webprophets.com.au Welcome to the Drupal How to

More information

Quick Reference Guide

Quick Reference Guide Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

NDSU Technology Learning & Media Center. Introduction to Google Sites

NDSU Technology Learning & Media Center. Introduction to Google Sites NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

1. 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. 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 information

WYSIWYG Editor in Detail

WYSIWYG Editor in Detail WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.

More information

Steps to Create a Database

Steps to Create a Database Steps to Create a Database Design the Database In order for a database to be effective some time should be spent on the layout of the table. Additionally, time should be spent on what the purpose of the

More information

BT 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 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 information

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Garfield Public Schools Fine & Practical Arts Curriculum Web Design Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Building Responsive Layouts

Building Responsive Layouts Building Responsive Layouts by Zoe Mickley Gillenwater @zomigi August 28, 2012 Responsive Web Design Summit What I do Books Stunning CSS3: A Project-based Guide to the Latest in CSS www.stunningcss3.com

More information

Edline Manual Design Guide Version: September 2011

Edline Manual Design Guide Version: September 2011 Edline Manual Design Guide Version: September 2011 Copyright Statements: Edline software is a trademark of Edline. Copyright 2011. Microsoft Windows names and logos are registered trademarks of the Microsoft

More information

Drupal Training Guide

Drupal Training Guide Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management

More information

KOMPOZER Web Design Software

KOMPOZER Web Design Software KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web

More information

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring 7 th Annual LiveText Collaboration Conference Advanced Document Authoring Page of S. La Grange Road, nd Floor, La Grange, IL 6055-455 -866-LiveText (-866-548-3839) edu-solutions@livetext.com Page 3 of

More information

PowerPoint: Graphics and SmartArt

PowerPoint: Graphics and SmartArt PowerPoint: Graphics and SmartArt Contents Inserting Objects... 2 Picture from File... 2 Clip Art... 2 Shapes... 3 SmartArt... 3 WordArt... 3 Formatting Objects... 4 Move a picture, shape, text box, or

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Edline Manual Design Guide Version: November 2011

Edline Manual Design Guide Version: November 2011 a Blackboard company Edline Manual Design Guide Version: November 2011 Copyright Statements: Edline software is a trademark of Edline, a Blackboard company. Copyright 2011-2012. Microsoft Windows names

More information

Caldes CM12: Content Management Software Introduction v1.9

Caldes CM12: Content Management Software Introduction v1.9 Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

More information

Website Builder Manual

Website Builder Manual Fasthosts Customer Support Website Builder Manual This is a designed as a definitive guide to all the features and tools available within Website Builder. Contents Introduction... 4 Adding Content... 5

More information

Creating mobile layout designs in Adobe Muse

Creating mobile layout designs in Adobe Muse Creating mobile layout designs in Adobe Muse Using Adobe Muse, you can create site layouts for web content to be displayed on desktop, smartphones, and tablets. Using the mobile design features, you can

More information

How To Design A Website For The Decs

How To Design A Website For The Decs ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online

More information

To change title of module, click on settings

To change title of module, click on settings HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over

More information

Microsoft Word 2013 Tutorial

Microsoft Word 2013 Tutorial Microsoft Word 2013 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters

More information

Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps. JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc.

Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps. JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc. Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc. Introduction. Learning Points. What is Responsive Design and its Role? Design

More information

Joomla! template JSN Mico Customization Manual

Joomla! template JSN Mico Customization Manual Joomla! template JSN Mico Customization Manual (for JSN Mico 1.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative Commons

More information

Enhanced Formatting and Document Management. Word 2010. Unit 3 Module 3. Diocese of St. Petersburg Office of Training Training@dosp.

Enhanced Formatting and Document Management. Word 2010. Unit 3 Module 3. Diocese of St. Petersburg Office of Training Training@dosp. Enhanced Formatting and Document Management Word 2010 Unit 3 Module 3 Diocese of St. Petersburg Office of Training Training@dosp.org This Page Left Intentionally Blank Diocese of St. Petersburg 9/5/2014

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2010

DOING MORE WITH WORD: MICROSOFT OFFICE 2010 University of North Carolina at Chapel Hill Libraries Carrboro Cybrary Chapel Hill Public Library Durham County Public Library DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites

More information

State of Indiana Content Management System. Training Manual Version 2.0. Developed by

State of Indiana Content Management System. Training Manual Version 2.0. Developed by State of Indiana Content Management System Training Manual Version 2.0 Developed by Table of Contents Getting Started... 4 Logging In... 5 RedDot Menu... 6 Selecting a Project... 7 Start Page... 8 Creating

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 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 information

JJY s Joomla 1.5 Template Design Tutorial:

JJY s Joomla 1.5 Template Design Tutorial: JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding

More information

Making a Poster Using PowerPoint 2007

Making a Poster Using PowerPoint 2007 Making a Poster Using PowerPoint 2007 1. Start PowerPoint: A Blank presentation appears as a Content Layout, a blank one one without anything not even a title. 2. Choose the size of your poster: Click

More information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 Step 1 - Creating list of links - (5 points) Traditionally, CSS navigation is based on unordered list - . Any navigational bar can be

More information

Fireworks CS4 Tutorial Part 1: Intro

Fireworks CS4 Tutorial Part 1: Intro Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the

More information

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

Creating Web Pages with Dreamweaver CS 6 and CSS

Creating Web Pages with Dreamweaver CS 6 and CSS Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding

More information

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar

More information

DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT. digital.uoregon.edu/drupal-basics

DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT. digital.uoregon.edu/drupal-basics DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT digital.uoregon.edu/drupal-basics Page 1 LOGGING IN To log in to your Drupal website: Type in the web address followed by /user - Example: https://ugs.uoregon.edu/user

More information

Magic Liquidizer Documentation

Magic Liquidizer Documentation Magic Liquidizer helps many web developers and website owners to instantly make their websites adaptable to mobile screens such as tablets and smartphones. Magic Liquidizer Documentation A complete solution

More information

Mistral Joomla Template

Mistral 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 information