How to make a custom Joomla template!

Size: px
Start display at page:

Download "How to make a custom Joomla template!"

Transcription

1 How to make a custom Joomla template! Part 2 NOTE: This Tutorial has been donated by a Thomas Nielsen. This work is licensed under a Creative Commons Attributon NonCommercial ShareAlike 2.5 License. Lets continue with the menu bar If you have not already tried it, please take a look at part 1 of this tutorial before attempting this step. Before we start styling the actual CSS, there is a little more of the graphics we need to change. Let s begin with the menu bar. Perhaps we should try with a dark contrast to all the bright stuff black perhaps? Open the Fireworks.png file (I hope you saved it), also make sure you have your folder with exports close at hand, and also a browser window pointing at your site (I hope you are still using Firefox and enjoy the new way of surfing). In Fireworks turn the web layer off so you can enjoy and handle the graphics. The menu bar consists of a long rectangle with some dividers. We will change the rectangle first. Select the rectangle with the V tool, and note that it s filled with a gradient. Change that to a gradient that goes from black to a dark grey. If you have forgotten how to alter the gradient, turn back a few pages of the tutorial. As with the banner background I will add a light rectangle on top of the black one and fill it with white. So copy the banner with alt+ctrl+d and change the height to about 12px, make the fill a sold white and turn down the opacity to 25%, adjust the white bar so it sits on top of the black one. Turn on the Web layers so we can export the slice. The name can be found via Web Developer in Firefox Images/View Image Information, but I won t mind telling you the name you are looking for, it s ig_menu_bg_beige. So add that to the slice properties and export + upload + refresh a million times. Oh and now we got. Oops we forgot to export the slice under the yellow face as well. You see that has off course changed too (it was green before). This slice got the right name, so just right click and choose export selected slice. And now we have:

2 The orange button and the button dividers looks out of place don t worry about that, it will get sorted. So as mentioned lets have a look at the dividers. They are very small so you might need to zoom in a little on the graphics. When clicking on one of the dividers you might notice that you don t get any options for changing colours, and that s because it s a symbol. A symbol means an item that you use a lot and with one change, you change all of those symbols pretty nice for the designer, as it would take ages if he should change all the dividers one by one. But in order to add new colours, double click on one of the symbols and that should launch the symbol editor. Again zoom in on the little creature also make the editor a little smaller so you have access to the main image with the colour picker. Change the two lines in the divider to something more appropriate perhaps a dark and light grey picked from the main image, try a few to see if it works. After you are happy press done in the editor and all instances of the symbol should change. Oh and zoomed in I see we need to take care of a few lines (red and green), we will sort that out later. As we have done many times now, find the right slice name in Firefox, add it to the Web Layer of the divider and export + upload + refresh. If you look closely in the browser, one of the dividers has not changed, that is because it is another instance the daddy divider, used for top level drop down items. And to be honest I can t see the instance in the Fireworks template either, so perhaps we should just download the image manually and change it in Fireworks. Download the image called ig_menu_divider_daddy_beige.png. Open it in Fireworks and just use the colour picker and bucket to alter the daddy of all dividers. If you know Windows Paint, this should be an easy task. Save the image and upload it should have changed now. plug-in So if we should sum up what needs to be done in the header/menu department it would be something like this. Sort out the dotted dividers in the header, style the search box a little and finally change the menu colours so they fit in a little better. So we leave Fireworks for a little while and start working with the CSS files instead. Oh and you get to try your new nifty little colour picker I could start to explain a lot about CSS, but we don t have time for that, and I would not be the right man to tell you about it, so search the net if you need some CSS advice, I ll help in this

3 tutorial, but more in a find and replace kind of way. What I will start with is to remove the active section orange. Main menu links will turn orange on mouse over. I will remove the blocks of colours on the main level, as I don t think they fit our curved black bar. So in Firefox we need to pick the right orange colour. Click on the colour picker in the left bottom corner and hover your cursor over the orange in the logo. When the right colour shows in the bottom corner field, click once more to copy the colour code. Download these two template CSS files from your Gazette CSS folder: beige_color.css and template_css.css. Open the first one in your chosen CSS editor (notepad will do). Scroll down to the Sucker Fish area around line 140. Remove this part #nav li.active { background: #e97f38; } That should take care of the big orange block! The white links should change to orange text, and the big red box should not show up in the top level of the menu. Let s change that. Scroll down to line 159 and change this: #nav li.sfhover a {background-position: 0-35px;} To this: (this is the orange colour we got with the colour picker) #nav li.sfhover a {background-position: 0-35px; color: #F39B08; } And to remove the big red box, scroll down to the last part of the CSS file and delete all this: #nav li:hover, #nav li.sfhover {background: #830e0e;} Save the file and upload, see if the red box is gone and the links are nice and orange when you hover over them with the mouse. Something is going on with the dividers we will look at that later on. Take your colour picker and choose a dark colour from the menu bar. Scroll down to line 180 and change this part: #nav li li li li.sfhover ul{background: #6d6d4e; border-bottom: 1px solid #5B5B41; border-right: 1px solid #5B5B41;} To this: #nav li li li li.sfhover ul{background: #131313; border-bottom: 1px solid #5B5B41; border-right: 1px solid #5B5B41;} This should take care of the drop down boxes, so they fit a little better. Perhaps the black is just a little too much, so try and change the #131313; to other colours from the colour picker, remember to save and upload in order to see the effect. The two other border tags are line width and line colour, you can play with this if you like as well. I ended up with this combination:

4 But play with the colours as much as you like, you can always change it back. Just don t change too many things in one go, as you might get confused of what stuff does what. The header text is currently white, not very visible with the new light background, so let s change that do a dark grey picked from the menu bar. In the template_css.css file scroll down to line 370 and change this: div#header div, div#header td {color: #fff;} to this: div#header div, div#header td {color: #656565;} much better right? The search box does in my opinion stick out a little too much. This can be changed by adding a darker background colour. Pick a light grey colour from the menu bar, and in the beige_color.css go down to line 65 and replace the background colour #fff with #D2D2C9 again this works wonders in my opinion. In the beginning of all this I did not like the dotted lines in the top, but now with the dark text and dark search box, I think they fit well enough to leave them alone for now. I know I promised to change how the dividers behave, but as the links in both the top menu and submenu are connected in the CSS, it seems to be a lot of trouble to alter just for this tutorial perhaps next time. If some kind soul can see it fixed without a hassle please let me know. So this is the end of part 2, in part 3, I will change some stuff in the content area, so it suits our new theme better.

5 Have fun Thomas Nielsen

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

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...

More information

Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business

Managing 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 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

How to Add Users 1. 2.

How to Add Users 1. 2. Administrator Guide Contents How to Add Users... 2 How to Delete a User... 9 How to Create Sub-groups... 12 How to Edit the Email Sent Out to New Users... 14 How to Edit and Add a Logo to Your Group's

More information

Sage Accountants Business Cloud EasyEditor Quick Start Guide

Sage Accountants Business Cloud EasyEditor Quick Start Guide Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing

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

Make a Joomla Template in 5 Easy Steps A Beginners Guide

Make a Joomla Template in 5 Easy Steps A Beginners Guide Make a Joomla Template in 5 Easy Steps A Beginners Guide By Gary Reid http://clubtvk.com Copyright 2006 Gary Reid. All Rights Reserved. No part of this book may be used or reproduced in any manner whatsoever

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

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need.

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need. SURUDESIGNER YEARBOOK TUTORIAL TABLE OF CONTENTS INTRODUCTION Download, Layout, Getting Started... p. 1-5 COVER/FRONT PAGE Text, Text Editing, Adding Images, Background... p. 6-11 CLASS PAGE Layout, Photo

More information

WP Popup Magic User Guide

WP 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

CREATING A 3D VISUALISATION OF YOUR PLANS IN PLANSXPRESS AND CORTONA VRML CLIENT

CREATING A 3D VISUALISATION OF YOUR PLANS IN PLANSXPRESS AND CORTONA VRML CLIENT CREATING A 3D VISUALISATION OF YOUR PLANS IN PLANSXPRESS AND CORTONA VRML CLIENT 20-25 Minutes This topic is for users of PlansXpress Total Toolkit Edition. To upgrade to PlansXpress Total Toolkit, call

More information

Digital Marketing EasyEditor Guide Dynamic

Digital Marketing EasyEditor Guide Dynamic Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury

More information

Have you seen the new TAMUG websites?

Have you seen the new TAMUG websites? 4 For all Cascade Management System request for PUBLISHING please email cms@tamug.edu for the quickest response. For all Cascade Management System request for QUESTIONS or COMMENTS please email cascadeusers@tamug.edu

More information

m ac romed ia Fl a s h Curriculum Guide

m ac romed ia Fl a s h Curriculum Guide m ac romed ia Fl a s h Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and Xtra are trademarks

More information

Pimping Up Your USB Drive

Pimping Up Your USB Drive In this tutorial we show how to Pimp Up your USB Drive, by adding a display Icon for the device, as well as a cool background for the folders in the top level directory of the USB. Once you have completed

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

WP Popup Magic User Guide

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

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders Teacher Training Session 1 Adding a Sub-Site (New Page) Editing a page and page security Adding content cells Uploading files and creating folders Adding Sub Sites Sub Sites are the same as Sub Groups

More information

Joomla! template Blendvision v 1.0 Customization Manual

Joomla! 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 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

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

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe

More information

+ Create, and maintain your site

+ Create, and maintain your site T4 Basics Version 1.0 + Create, and maintain your site With T4, you are in control of the content of your website. Feel free to be creative, and keep your site up to date. Few of T4 Features Media Library

More information

Web layout guidelines for daughter sites of Scotland s Environment

Web layout guidelines for daughter sites of Scotland s Environment Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment

More information

Getting Started With Mortgage MarketSmart

Getting Started With Mortgage MarketSmart Getting Started With Mortgage MarketSmart We are excited that you are using Mortgage MarketSmart and hope that you will enjoy being one of its first users. This Getting Started guide is a work in progress,

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

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

Race 07 Car Skinning Tutorial

Race 07 Car Skinning Tutorial Race 07 Car Skinning Tutorial Created by: Ramon van Rijn In this tutorial we end in having this end-product; see screenshot.jpg Screenshot.jpg 1 Note: Make sure you have Photoshop and the Nvidia DDS plug-in

More information

Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3)

Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3) IT Services Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3) Contents Introduction... 1 Installed Templates and Themes... 2 University of Reading Templates... 3 Further Templates and Presentations...

More information

Traffic Management App. User Guide

Traffic Management App. User Guide Traffic Management App User Guide content section one Introduction 2 Logging In 2 section two Creating a new Traffic Management Plan 4 Identifying the location 4 Associating with a non-streetworks or unplanned

More information

Introduction to Google SketchUp (Mac Version)

Introduction to Google SketchUp (Mac Version) Introduction to Google SketchUp (Mac Version) This guide is handy to read if you need some basic knowledge to get started using SketchUp. You will see how to download and install Sketchup, and learn how

More information

Website Development Komodo Editor and HTML Intro

Website Development Komodo Editor and HTML Intro Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of

More information

Contents. SiteBuilder User Manual

Contents. SiteBuilder User Manual Contents Chapter 1... 3 Getting Started with SiteBuilder... 3 What is SiteBuilder?... 3 How should I use this manual?... 3 How can I get help if I m stuck?... 3 Chapter 2... 5 Creating Your Website...

More information

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8 User s Manual Table of Contents I. Banner Design Studio Overview... 4 II. Banner Creation Methods... 6 a) Create Banners from scratch in 3 easy steps... 6 b) Create Banners from template in 3 Easy Steps...

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS

CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS Support for Website & Online Store owners CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS If you want a fantastic high quality banner/logo/image design it is recommended that you get help

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

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

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

Adobe InDesign Creative Cloud

Adobe InDesign Creative Cloud Adobe InDesign Creative Cloud Beginning Layout and Design November, 2013 1 General guidelines InDesign creates links to media rather than copies so -Keep all text and graphics in one folder -Save the InDesign

More information

Ease of Use No programming, no system administration. Make maps fast with this productivity tool.

Ease of Use No programming, no system administration. Make maps fast with this productivity tool. Online Mapping Tools Esri s ArcGIS Online A mapping tool for interactive digital maps Access to map data basemaps and your own data Ease of Use No programming, no system administration. Make maps fast

More information

Customizing your Blackboard Course

Customizing your Blackboard Course Customizing your Blackboard Course Changing the visual appearance Menu Buttons Changing your course buttons can add a splash of color to your course and make it more visually appealing to your students.

More information

Artisteer. User Manual

Artisteer. User Manual Artisteer User Manual Table of Contents What Is Artisteer?...4 How to work with Artisteer interface?...5 Quick Start Guide...6 Downloading Artisteer...6 System Requirements...7 Installing Artisteer...8

More information

Getting Started with WebSite Tonight

Getting Started with WebSite Tonight Getting Started with WebSite Tonight WebSite Tonight Getting Started Guide Version 3.0 (12.2010) Copyright 2010. All rights reserved. Distribution of this work or derivative of this work is prohibited

More information

Basic Introduction. GMFX MetaTrader 4.0. Basic Introduction

Basic Introduction. GMFX MetaTrader 4.0. Basic Introduction GMFX GMFX About Got Money FX Got Money FX is an Australian owned and operated foreign exchange brokerage firm. We pride ourselves in offering our clients an honest and ethical trading environment. Clients

More information

Course Project Lab 3 - Creating a Logo (Illustrator)

Course Project Lab 3 - Creating a Logo (Illustrator) Course Project Lab 3 - Creating a Logo (Illustrator) In this lab you will learn to use Adobe Illustrator to create a vector-based design logo. 1. Start Illustrator. Open the lizard.ai file via the File>Open

More information

Adobe Illustrator CS6. Illustrating Innovative Web Design

Adobe Illustrator CS6. Illustrating Innovative Web Design Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe

More information

Subjects: will be creating Twisters!

Subjects: will be creating Twisters! The elements series is a guide to basic 2D Digital painting and can be followed in most software packages supporting paintbrushes and layers. Each month, professional artists will cover a specific theme

More information

Designing An Effective Gaming Clan Logo in Adobe

Designing An Effective Gaming Clan Logo in Adobe Page 1 of 14 Designing An Effective Gaming Clan Logo in Adobe Fireworks By BLUE2X Published: MARCH 15, 2010 Search To search, type and hit enter Hire Me If you are in need of a designer to do the following:

More information

Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan

Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan In earlier versions of dreamweaver web developers attach drop down menus to graphics or hyperlinks by using the behavior box. Dreamweaver

More information

University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department

University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department i Version 3.4 Contents Overview...iii Introducing Liferay... iv 1. Logging in and accessing your site... 1 2.

More information

WIX - Really Flashy Websites For Free

WIX - Really Flashy Websites For Free The Wix homepage claims we can make free websites in Flash, and we can do it by using their editing tools totally for free this sounds too good to be true : Their website is at: http://www.wix.com/ (But

More information

Quick Start Guide Simple steps for editing and manipulating your photo.

Quick Start Guide Simple steps for editing and manipulating your photo. PhotoPlus Quick Start Guide Simple steps for editing and manipulating your photo. In this guide, we will refer to specific tools, toolbars, tabs, or menus. Use this visual reference to help locate them

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

ART 170: Web Design 1

ART 170: Web Design 1 Banner Design Project Overview & Objectives Everyone will design a banner for a veterinary clinic. Objective Summary of the Project General objectives for the project in its entirety are: Design a banner

More information

SketchUp Instructions

SketchUp Instructions SketchUp Instructions Every architect needs to know how to use SketchUp! SketchUp is free from Google just Google it and download to your computer. You can do just about anything with it, but it is especially

More information

CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS

CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS Support for Website & Online Store owners CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS A banner generally consist of some text and images. There are many ways in which you can make a banner,

More information

Create A Collage Of Warped Photos

Create A Collage Of Warped Photos Create A Collage Of Warped Photos In this Adobe Photoshop tutorial, we re going to learn how to create a collage of warped photos. Now, don t go letting your imagination run wild here. When I say warped,

More information

Explore Oakville How To Perform a Search and Navigate a Map

Explore Oakville How To Perform a Search and Navigate a Map Explore Oakville How To Perform a Search and Navigate a Map The information in this article applies to: Item: Explore Oakville Version: 2013 Hardware/Software: Software Contents of This Tutorial: Searching

More information

WEBTrader. User Guide

WEBTrader. User Guide WEBTrader User Guide Table of Contents Creating a Demo account How to log in Main Areas of the WebTrader Market Watch Favorites Adding Favorites Spot Panes Charts Adding New Chart Using Charts Chart Options

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

MailChimp Instruction Manual

MailChimp Instruction Manual MailChimp Instruction Manual Spike HQ This manual contains instructions on how to set up a new email campaign, add and remove contacts and view statistics on completed email campaigns from within MailChimp.

More information

Creating Online Surveys with Qualtrics Survey Tool

Creating Online Surveys with Qualtrics Survey Tool Creating Online Surveys with Qualtrics Survey Tool Copyright 2015, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

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

LEARNING RESOURCE CENTRE. Guide to Microsoft Office Online and One Drive

LEARNING RESOURCE CENTRE. Guide to Microsoft Office Online and One Drive LEARNING RESOURCE CENTRE Guide to Microsoft Office Online and One Drive LEARNING RESOURCE CENTRE JULY 2015 Table of Contents Microsoft Office Online... 3 How to create folders... 6 How to change the document

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

ArcGIS online Introduction... 2. Module 1: How to create a basic map on ArcGIS online... 3. Creating a public account with ArcGIS online...

ArcGIS online Introduction... 2. Module 1: How to create a basic map on ArcGIS online... 3. Creating a public account with ArcGIS online... Table of Contents ArcGIS online Introduction... 2 Module 1: How to create a basic map on ArcGIS online... 3 Creating a public account with ArcGIS online... 3 Opening a Map, Adding a Basemap and then Saving

More information

Snagit 10. Getting Started Guide. March 2010. 2010 TechSmith Corporation. All rights reserved.

Snagit 10. Getting Started Guide. March 2010. 2010 TechSmith Corporation. All rights reserved. Snagit 10 Getting Started Guide March 2010 2010 TechSmith Corporation. All rights reserved. Introduction If you have just a few minutes or want to know just the basics, this is the place to start. This

More information

WRITE BETTER HTML BY WRITING BETTER CSS

WRITE BETTER HTML BY WRITING BETTER CSS WRITE BETTER HTML BY WRITING BETTER CSS THE ROYAL WE Chris Coyier @chriscoyier BETTER? 1 Less of it 2 More Semantic 3 More Accessible 4 Futureproof // Speed // Maintainability // SEO // Happy People 123

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

Contents The Design Chooser... Mail Designer Pro 2 at a glance... The contents window... Working with text... Your first mail design...

Contents The Design Chooser... Mail Designer Pro 2 at a glance... The contents window... Working with text... Your first mail design... Mail Designer Pro 2 Contents The Design Chooser... 4 Mail Designer Pro 2 at a glance... 5 The contents window... 6 Your first mail design... 9 Creating a new design... 9 Working with layout blocks... 9

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

Create Email Signature for the Scott County Family Y

Create Email Signature for the Scott County Family Y Create Email Signature for the Scott County Family Y This document details the procedure for creating the Y logo ed email signature for each of the email clients used at the Scott County Family Y Use the

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

Wellesley College Alumnae Association. Volunteer Instructions for Email Template

Wellesley College Alumnae Association. Volunteer Instructions for Email Template Volunteer Instructions for Email Template Instructions: Sending an Email in Harris 1. Log into Harris, using your username and password If you do not remember your username/password, please call 781.283.2331

More information

How to Create a WordPress web site at www.blacksun.ca

How to Create a WordPress web site at www.blacksun.ca How to Create a WordPress web site at www.blacksun.ca by R. Berdan Dec 1, 2012 What you need. 1. Web Host & Domain name www.blacksun.ca with support for PHP 5.2.4 or greater, MySQL 5.0 or greater (you

More information

Barcode Labels Feature Focus Series. POSitive For Windows

Barcode Labels Feature Focus Series. POSitive For Windows Barcode Labels Feature Focus Series POSitive For Windows Inventory Label Printing... 3 PFW System Requirement for Scanners... 3 A Note About Barcode Symbologies... 4 An Occasional Misunderstanding... 4

More information

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver LESSON 3: ADDING IMAGE MAPS, ANIMATION, AND FORMS CREATING AN IMAGE MAP OBJECTIVES By the end of this part of the lesson you will: understand how image maps can enhance a design and make a site more interactive

More information

MICROSOFT POWERPOINT STEP BY STEP GUIDE

MICROSOFT POWERPOINT STEP BY STEP GUIDE IGCSE ICT SECTION 16 PRESENTATION AUTHORING MICROSOFT POWERPOINT STEP BY STEP GUIDE Mark Nicholls ICT Lounge Page 1 Contents Importing text to create slides Page 4 Manually creating slides.. Page 5 Removing

More information

Creating and Updating Your Weebly Website

Creating and Updating Your Weebly Website Creating and Updating Your Weebly Website I) First Steps- Creating the Site A) Go to www.weebly.com B) Enter a username and password to access your site, and enter a valid email address- Be sure to write

More information

SUIVANT READYTHEME CUSTOMIZATION

SUIVANT READYTHEME CUSTOMIZATION SUIVANT READYTHEME CUSTOMIZATION Updated November 25, 2014 Installing the Suivant ReadyTheme These instructions are for installing a ReadyTheme to a brand new store. If you have an existing store, please

More information

Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield

Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0 University of Sheffield PART 1 1.1 Getting Started 1. Log on to the computer with your usual username

More information

Reading Wonders Training Resource Guide

Reading Wonders Training Resource Guide Reading Wonders Training Resource Guide Table of Contents Page Register for Your Teacher Access 2 Redeem Master Codes 4 Enroll Students Teacher / District Import (Single or Multiple Students) 7 Individual

More information

efiletexas.gov Review Queue User Guide

efiletexas.gov Review Queue User Guide efiletexas.gov Review Queue User Guide EFS-TF-200-3194 v.4 February 2014 Copyright and Confidentiality Copyright 2014 Tyler Technologies, Inc. All rights reserved. All documentation, source programs, object

More information

The Dashboard. Change ActivInspire's Look And Feel. ActivInspire Primary. ActivInspire Studio. <- Primary. Studio -> page 1

The Dashboard. Change ActivInspire's Look And Feel. ActivInspire Primary. ActivInspire Studio. <- Primary. Studio -> page 1 page 1 The Dashboard When ActivInspire opens, you are immediately greeted with the Dashboard. The Dashboard contains shortcuts to flipcharts and time-saving tools. The Dashboard remains open until it is

More information

Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102

Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102 Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102 Interneer, Inc. Updated on 2/22/2012 Created by Erika Keresztyen Fahey 2 Workflow - A102 - Basic HelpDesk Ticketing System

More information

How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font

How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading

More information

Working with the Ektron Content Management System

Working with the Ektron Content Management System Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e

More information

Graphic Design Basics Tutorial

Graphic Design Basics Tutorial Graphic Design Basics Tutorial This tutorial will guide you through the basic tasks of designing graphics with Macromedia Fireworks MX 2004. You ll get hands-on experience using the industry s leading

More information

Kentico CMS 7.0 Personal Site Guide

Kentico CMS 7.0 Personal Site Guide Kentico CMS 7.0 Personal Site Guide 2 Kentico CMS 7.0 Personal Site Guide Table of Contents Personal Site Guide 4... 4 Overview Getting Started 6... 6 Editing content... 8 Adding a blog post... 11 Adding

More information

Microsoft Word Track Changes

Microsoft Word Track Changes Microsoft Word Track Changes This document is provided for your information only. You SHOULD NOT upload a document into imedris that contains tracked changes. You can choose to use track changes for your

More information

Quick Start Guide: How to create your own online shop

Quick Start Guide: How to create your own online shop Quick Start Guide: How to create your own online shop Do you want to start your own online shop? It s now easier than ever. Just follow this quick start guide and you ll be good to go. What you should

More information

Scoop Hosted Websites. USER MANUAL PART 4: Advanced Features. Phone: +61 8 9388 8188 Email: scoop@scoopdigital.com.au Website: scoopdigital.com.

Scoop Hosted Websites. USER MANUAL PART 4: Advanced Features. Phone: +61 8 9388 8188 Email: scoop@scoopdigital.com.au Website: scoopdigital.com. Scoop Hosted Websites USER MANUAL PART 4: Advanced Features Phone: +61 8 9388 8188 Email: scoop@scoopdigital.com.au Website: scoopdigital.com.au Index Advanced Features... 3 1 Integrating Third Party Content...

More information

How-to Guide: Creating a Mobile Website Using bmobilized

How-to Guide: Creating a Mobile Website Using bmobilized Mobile Websites How-to Guide: Creating a Mobile Website Using Content Provided by Mobile Websites Content 1. What is a mobile website? 2. Why you need a mobile website? 3. Who is? 4. How to create a mobile

More information

Ofgem Carbon Savings Community Obligation (CSCO) Eligibility System

Ofgem Carbon Savings Community Obligation (CSCO) Eligibility System Ofgem Carbon Savings Community Obligation (CSCO) Eligibility System User Guide 2015 Page 1 Table of Contents Carbon Savings Community Obligation... 3 Carbon Savings Community Obligation (CSCO) System...

More information