How to make a custom Joomla template!
|
|
- Terence Hodge
- 8 years ago
- Views:
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 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 informationWEBSITE 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 informationManaging your Joomla! 3 Content Management System (CMS) Website Websites For Small Business
2015 Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business This manual will take you through all the areas that you are likely to use in order to maintain, update
More informationDreamweaver 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 informationHow 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 informationSage 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 informationJoomla 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 informationMake 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 informationContents. 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 informationTABLE 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 informationWP Popup Magic User Guide
WP Popup Magic User Guide Introduction Thank you so much for your purchase! We're excited to present you with the most magical popup solution for WordPress! If you have any questions, please email us at
More informationCREATING 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 informationDigital 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 informationHave 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 informationm 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 informationPimping 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 informationJoomla! 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 informationWP Popup Magic User Guide
WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical
More informationTeacher 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 informationJoomla! template Blendvision v 1.0 Customization Manual
Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationJJY 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 informationJoomla! 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 informationInstructions 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
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 informationWeb 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 informationGetting 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 informationHow 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 informationFireworks 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 informationRace 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 informationMicrosoft 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 informationTraffic 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 informationIntroduction 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 informationWebsite 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 informationContents. 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 informationTable 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 informationBasic 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 informationHow 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 informationCREATING 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 informationBlueball 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 informationCaldes 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 informationWebsite 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 informationAdobe 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 informationEase 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 informationCustomizing 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 informationArtisteer. 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 informationGetting 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 informationBasic 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 informationCourse 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 informationAdobe 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 informationSubjects: 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 informationDesigning 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 informationBuilding 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 informationUniversity 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 informationWIX - 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 informationQuick 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 informationCST 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 informationART 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 informationSketchUp 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 informationCREATING 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 informationCreate 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 informationExplore 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 informationWEBTrader. 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 informationPiktochart 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 informationCONTENTM 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 informationMailChimp 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 informationCreating 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 informationRecreate 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 informationWebsite 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 informationLEARNING 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 informationUsing 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 informationArcGIS 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 informationSnagit 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 informationWRITE 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 informationExtended 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 informationContents 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 informationMicrosoft 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 informationCreate 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 informationTUTORIAL 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 informationWellesley 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 informationHow 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 informationBarcode 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 informationunderstand 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 informationMICROSOFT 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 informationCreating 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 informationSUIVANT 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 informationCourse 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 informationReading 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 informationefiletexas.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 informationThe 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 informationIntellect 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 informationHow 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 informationWorking 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 informationGraphic 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 informationKentico 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 informationMicrosoft 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 informationQuick 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 informationScoop 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 informationHow-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 informationOfgem 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