EXT: Footer Menu. This document is published under the Open Content License available from

Size: px
Start display at page:

Download "EXT: Footer Menu. This document is published under the Open Content License available from"

Transcription

1 EXT: Footer Menu Extension Key: ms_footermenu Language: en Version: x.y.z Keywords: foreditors, forbeginners, footer, menu, sitemap, navigation Copyright , Manfred Müller-Späth This document is published under the Open Content License available from The content of this document is related to TYPO3 - a GNU/GPL CMS/Framework available from

2 EXT: Footer Menu Table of Contents EXT: Footer Menu...1 Introduction...3 What does it do?...3 Screenshots...3 Users manual...4 Administration...5 Installation...5 Configuration...5 Configuration...6 Reference...6 Tutorial...8 Known problems...9 To-Do list...10 ChangeLog

3 Introduction Introduction What does it do? This extension provides a customizable footer menu as front end plugin. This is a special version of a clickable sitemap, which is located under the content of a web page. Normally you may solve this with TypoScript settings in the TS template setup, but several customization brought me there to write this extension. It's much easier to use than setup the appropriate TypoScript code. Screenshots A footer menu with standard CSS: 3

4 Users manual Users manual Just use the menu as it appears in the browser! ;-) One note on the behaviour of the extension: as this is not a normal menu as know build by TypoScripts menu objects, this extension tries to flatten the menu. So it uses the first level as headline and places the second level as column just under the header. That's because a footer menu has normally no tree structure. So if you want to display pages on other levels, you may combine the parameters accordingly. With the latest features of static columns you may even define every page in the footer menu manually. 4

5 Administration Administration Installation Install the extension with the extension manager. Nothing to configure at this place. When done, you might put the plugin on a page in the back end or you may get the rendered content from the plugin and place it in the template via TypoScript like this (example): Configuration lib.footer.200 < plugin.tx_msfootermenu_pi1 Only the starting point for the menu is configurable in the back end, all other parameters are configured via constants or TypoScript setup in the template (see reference). The easiest way will be the configuration via the constant editor in the TYPO3 backend. 5

6 Configuration Configuration Reference All HTML and CSS code is stored in the appropriate default HTML template and default CSS file. plugin.tx_msfootermenu_pi1 Property: Data type: Description: Default: css_file string The CSS file describing the design of the HTML elements. EXT:ms_footermenu/res/d efault.css templatefile string HTML template for the menu design. EXT:ms_footermenu/res/d efault.html dontrender list Blacklist of page ids which will be ignored in any case. - alwaysrender list White list of page ids which will be rendered in any case. - filterpre list Pre-filtering of Doktypes (positive list) 1,2,4 filterpost list Post-filtering of Doktypes (positive list) 1,2 classlink string The class name of the links in the footer menu. footerlink classparent string The class name of the parent elements in the footer menu. footerparent classgroup string The class name of the groups in the footer menu. footergroup classcontent string The class name of the whole footer menu container. footercontent staticbefore string A comma separated list of page uids, which will be rendered directly (static) without traversing the page tree. This is helpful for pages normally not shown in the menu, or you might re-group some pages in another way for the footer only. This list(s) will be rendered before the default tree, so the columns will apear at the left side of the footer menu. Filters, white- and blacklist are regarded as well. The lists are comma separated, multiple lists are possible, these are separated by the pipe sign. If a pid in the list has a negative value, the page will not be linked, but the title will be rendered as headline e.g. in a DIV tag (depending on the HTML template you use). So this comes handy when regrouping a menu. staticafter string Same as staticbefore above, but after the default rendering, so it will be displayed at the right side of the menu columns. footertarget string Target of the generated links. _top (none) Example = 2,4,67,99-56,21,33 The result will be two menu columns, the second one has a negative pid as first entry, so this pid will only be rendered as headline and not be linked! start_pid int Starting point of the rendered menu. Useful, if the menu is used only via TS and not in the BE. - (the starting point defined in the BE flexform or the root of the current page tree/branch will be used) [tsref:plugin.tx_msfootermenu_pi1] 6

7 Configuration Example This is an example of configured constants, the setting is easy and could be done completely via the constant editor in the TYPO3 back end. plugin.tx_msfootermenu { css_file = fileadmin/css/footermenu.css dontrender = 166 alwaysrender = 90,230,150,246,239,243,258 start_pid = 22 staticbefore = 2,4,67,99-56,21,33 } 7

8 Tutorial Tutorial Hopefully, the extensions use is self explanatory ;-) 8

9 Known problems Known problems there had been some issues mentioned regarding the rendering of page titles with special chars, e.g. umlauts. This was not reproduceable in all cases. In an all UTF-8 system, the problem won't occur. Some minor changes where added though: some hard coded UTF-8 conversions had been eliminated, so the issue should be fixed. 9

10 To-Do list To-Do list describe the internal functionality of the plugin more precisely. Re-enineering and coding of a Fluid/Extbase version... 10

11 ChangeLog ChangeLog Version: Changes: ( ) fixed TYPO3 6.2 compatibility ( ) added the functionality of static columns, so a free defined menu structure might be displayed improved the configuration: could be done now completely with constant editor ( ) small bugfixes, documentation update ( ) TER driven cleanup small bugfixes, compatibiity to TYPO3 v. 6.x state changed to stable ( ) small bugfix in the default.css file fix of hard coded UTF-8 conversions added configuration of starting PID ( ) small bugfix in the default.css file: some lines had been deactivated through commentary characters reformatting of the documentation ( ) small bugfix concerning multilingual sites (Thx to Philip Almeida) documentation format fixed after three month of usage: RC status reached! ( ) minor changes in CSS code [add] documentation ( ) initial release 11

Quick Google Maps. This document is published under the Open Content License available from

Quick Google Maps. This document is published under the Open Content License available from Quick Google Maps - cbgooglemaps Quick Google Maps Quick Google Maps Extension Key: cbgooglemaps Language: en Keywords: foradmins, forbeginners Copyright 2000-2016, Christian Brinkert,

More information

Commenting system. Extension Key: comments Copyright , Netcreators BV,

Commenting system. Extension Key: comments Copyright , Netcreators BV, Commenting system Extension Key: comments Copyright 2007-2009, Netcreators BV, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

More information

EXT: MJS Event Pro. Extension Key: mjseventpro Copyright , Jo Schneider,

EXT: MJS Event Pro. Extension Key: mjseventpro Copyright , Jo Schneider, EXT: MJS Event Pro Extension Key: mjseventpro Copyright 2004-2005, Jo Schneider, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

More information

Siteforce Pilot: Best Practices

Siteforce Pilot: Best Practices Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front

More information

EXT: tollwerk Open Device Lab

EXT: tollwerk Open Device Lab EXT: tollwerk Open Device Lab Extension Key: tw_odl Language: en Version:.2. Keywords: Open Device Lab, odl, tcpdf, wallpaper, json, jsonp, foradministrators, fordevelopers, forintermediates, foradvanced

More information

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5 HTML5 & CSS 8 th Edition Chapter 2 Building a Webpage Template with HTML5 Objectives 1. Explain how to manage website files 2. Describe and use HTML5 semantic elements 3. Determine the elements to use

More information

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1 CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS

More information

TUTORIAL HOW TO: - Edit an Template with Constant Contact Create an

TUTORIAL HOW TO: - Edit an  Template with Constant Contact Create an TUTORIAL HOW TO: - Edit an Email Template with Constant Contact Program used for example images: Microsoft Edge web browser using a trial-version of Constant Contact A red arrow will appear in most screenshots

More information

Getting Started with CSS Sculptor 3

Getting Started with CSS Sculptor 3 Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use

More information

Learn how to login to Sitefinity and what possible errors you can get if you do not have proper permissions.

Learn how to login to Sitefinity and what possible errors you can get if you do not have proper permissions. USER GUIDE This guide is intended for users of all levels of expertise. The guide describes in detail Sitefinity user interface - from logging to completing a project. Use it to learn how to create pages

More information

Route. TYPO3 with GoogleMaps and OpenStreetMap

Route. TYPO3 with GoogleMaps and OpenStreetMap Route Route TYPO3 with GoogleMaps and OpenStreetMap Publish your routes with Google Maps or OpenStreetMap. Routes have points of interest (POI). You can categorise and filter both: routes and POI. Address

More information

IEEE Wordpress Theme Documentation

IEEE Wordpress Theme Documentation IEEE Wordpress Theme Documentation Version 1.0.2 2014-05- 16 Table of Contents TABLE OF CONTENTS 2 INITIAL SETUP 3 FRONT PAGE 3 POSTS PAGE 4 CONTACT 5 SITE MAP 6 MENU 7 HOME PAGE 8 PAGE TEMPLATES 10 LEFT

More information

Slick - responsive Carousel Slider

Slick - responsive Carousel Slider Slick - responsive Carousel Slider Slick - responsive Carousel Slider Slick carousel slider by Ken Wheeler. Fully responsive. Scales with its container. Separate settings per breakpoint. Swipe, desktop

More information

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain

More information

GETTING STARTED GUIDE

GETTING STARTED GUIDE GETTING STARTED GUIDE Contents ebay Listing Formats Supported... 2 3 ways to get started... 2 1) Importing existing ebay listings... 2 2) Importing product spreadsheet into Xpress Lister... 4 Important

More information

CUSTOMER PORTAL. Custom HTML splashpage Guide

CUSTOMER PORTAL. Custom HTML splashpage Guide CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page

More information

EXT: Community. This document is published under the Open Content License available from

EXT: Community. This document is published under the Open Content License available from EXT: Community Extension Key: community Language: en Version: x.y.z Keywords: social network, community, friends, user profile, fe_user list, gallery Copyright 2011-2012, Author Name,

More information

Joomla How To Setup Menu Item Type Module Add Customer

Joomla How To Setup Menu Item Type Module Add Customer Joomla How To Setup Menu Item Type Module Add Customer You can still control which modules display on which articles by manually setting the Create a menu called "hidden" and add a menu item for each of

More information

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Install Komodo Edit on your computer right away. 3. Bring laptops to next class

More information

Ace Corporate Documentation

Ace Corporate Documentation Ace Corporate Documentation Introduction Welcome To Ace Corporate! We would like to thank you for donwloading Ace Corporate, Business WordPress theme. It is the lite version of Ace Corporate Pro. Before

More information

Browser caching problems

Browser caching problems Browser caching problems Michiel Roos posted an issue on Forge on December 12 th 2014 with the subject pages SYS_LASTCHANGED does not update when page cache is cleared, which can be found at https://forge.typo3.org/issues/63810.

More information

A Quick Introduction to the Genesis Framework for WordPress. How to Install the Genesis Framework (and a Child Theme)

A Quick Introduction to the Genesis Framework for WordPress. How to Install the Genesis Framework (and a Child Theme) Table of Contents A Quick Introduction to the Genesis Framework for WordPress Introduction to the Genesis Framework... 5 1.1 What's a Framework?... 5 1.2 What's a Child Theme?... 5 1.3 Theme Files... 5

More information

EXT: AJAX Social Network Components

EXT: AJAX Social Network Components EXT: AJAX Social Network Components Extension Key: toctoc_comments Language: en Version: 9.2. Keywords: foradmins, foradvanced, Commenting, Rating, Sharing, Attachments, LESS, AJAX-Login and Sign Up Copyright

More information

ActiveModeler Avantage

ActiveModeler Avantage ActiveModeler Avantage Process Model Web Publishing Users Guide 2008 KAISHA-Tec Co. Ltd. Japan 5-17-8 Inokashira, Mitaka-shi, Tokyo, 181-0001 JAPAN Document Revision: 1.109 Date: 05/26/2008 Printed 10:45:02

More information

Zip Code Locator Software Hosted Solution

Zip Code Locator Software Hosted Solution Zip Code Locator Software Hosted Solution USER S GUIDE / Documentation www.geosprawl.com Document Version Control Version Date Change Description 1.0 12/17/2008 Created 2008Reachoutside, LLC. Do not copy

More information

SiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved.

SiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved. SiteAssist Professional Help Documentation Copyright 2008 WebAssist.com Corporation All rights reserved. User Interface Access WebAssist Category of Insert toolbar SiteAssist Professional Wizard SiteAssist

More information

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax

More information

Converting HTML to PDF author debbiet

Converting HTML to PDF author debbiet DisDat Designs debbiet's PDF conversion Converting HTML to PDF author debbiet Converting HTML files to PDF using HTML Doc Authored by debbiet...1 Let's Get Started...1 Input Tab...1 Output Tab...2 Page

More information

EFFECTIVE CONTENT MANAGEMENT

EFFECTIVE CONTENT MANAGEMENT INSIDE BUSINESS CATALYST EFFECTIVE Why does it matter? What Not to do. BC Modules Advanced Applications. WHY DOES IT MATTER? EFFECTIVE WHY DOES IT MATTER? Handing over the keys. Will your client be driving

More information

INTRODUCTION & BASIC STRUCTURE... 2 PAGES... 3 EDITING A PAGE... 3 BLOG ENTRIES (POSTS)... 5 CREATING A BLOG ENTRY (POST)... 6

INTRODUCTION & BASIC STRUCTURE... 2 PAGES... 3 EDITING A PAGE... 3 BLOG ENTRIES (POSTS)... 5 CREATING A BLOG ENTRY (POST)... 6 Contents INTRODUCTION & BASIC STRUCTURE... 2 PAGES... 3 EDITING A PAGE... 3 CREATING A NEW PAGE... 4 PASTING TEXT... 4 EXTERNAL LINKS... 4 LINKING THE PAGE TO A MENU... 5 BLOG ENTRIES (POSTS)... 5 CREATING

More information

Using AJAX to Easily Integrate Rich Media Elements

Using AJAX to Easily Integrate Rich Media Elements 505 Using AJAX to Easily Integrate Rich Media Elements James Monroe Course Developer, WWW.eLearningGuild.com The Problem: How to string together several rich media elements (images, Flash movies, video,

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block

More information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, Style Sheets, the Box Model and Liquid Layout Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of

More information

SilverStripe - Website content editors.

SilverStripe - Website content editors. SilverStripe - Website content editors. Web Content Best Practices In this section: Learn how to make your site search-engine friendly Learn how to make your content accessible Other web best practices

More information

COMM 2555 Interactive Digital Communication LAB 4

COMM 2555 Interactive Digital Communication LAB 4 COMM 2555 Interactive Digital Communication LAB 4 The goal of this lab is to practice HTML, especially lists and tables, and to continue exploring CSS. You will start with a blank HTML web page page and

More information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan

More information

PlayerLync Forms User Guide (MachForm)

PlayerLync Forms User Guide (MachForm) PlayerLync Forms User Guide (MachForm) Table of Contents FORM MANAGER... 1 FORM BUILDER... 3 ENTRY MANAGER... 4 THEME EDITOR... 6 NOTIFICATIONS... 8 FORM CODE... 9 FORM MANAGER The form manager is where

More information

Goldfish 2. The Official Guide

Goldfish 2. The Official Guide Goldfish 2 The Official Guide A Big Thank You to Tobias Schilpp 2019 Fishbeam Software Text, Graphics: Yves Pellot Proofread, Photos: Tobias Schilpp Publish Code: #190126 www.fishbeam.com Index 1. Tutorial:

More information

Joomla How To Setup Menu Horizontal Module 2.5 Drop Down

Joomla How To Setup Menu Horizontal Module 2.5 Drop Down Joomla How To Setup Menu Horizontal Module 2.5 Drop Down DJ-Menu is a suckerfish menu with animated mootools effects for Joomla 2.5 and 3.0. Now, you can Your responsive templates can now get a dropdown

More information

BA. (Hons) Graphics Design

BA. (Hons) Graphics Design BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2016 / Semester 2 Resit Examinations for BGD/13/FT & BGD/14B/FT MODULE: Web Design MODULE CODE: WAT1106c Duration: 2 Hours Instructions to

More information

Updates to the TDS Web User Interface

Updates to the TDS Web User Interface Updates to the TDS Web User Interface Summer 2018 Unidata Student Internship Hailey Johnson Sean Arms, Christian Ward-Garrison duction What I did this summer: 1. HTMLwriter Thymeleaf templating 2. UI design

More information

CHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY)

CHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY) CHAPTER 1: GETTING STARTED WITH HTML EXPLORING THE HISTORY OF THE WORLD WIDE WEB Network: a structure that allows devices known as nodes or hosts to be linked together to share information and services.

More information

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction

More information

Spring 2018 ART 420. Graphic Design-Visual Communication III: Web Design. A New Site: Part 1 - Sketch A Plan

Spring 2018 ART 420. Graphic Design-Visual Communication III: Web Design. A New Site: Part 1 - Sketch A Plan A New Site: Part 1 - Sketch A Plan This project is geared toward the beginning steps of a new web site s design. These steps include searching for inspiration, sketching out ideas and creating a sitemap

More information

Grails Jasper Plugin - Reference Documentation. Puneet Behl. Version RC1

Grails Jasper Plugin - Reference Documentation. Puneet Behl. Version RC1 Grails Jasper Plugin - Reference Documentation Puneet Behl Version 2.0.0.RC1 Table of Contents 1. Introduction............................................................................. 1 1.1. Features.............................................................................

More information

What is XHTML? XHTML is the language used to create and organize a web page:

What is XHTML? XHTML is the language used to create and organize a web page: XHTML Basics What is XHTML? XHTML is the language used to create and organize a web page: XHTML is newer than, but built upon, the original HTML (HyperText Markup Language) platform. XHTML has stricter

More information

Design Pattern: Composite

Design Pattern: Composite Design Pattern: Composite Intent Compose objects into tree structures to represent part-whole hierarchies. Composite lets clients treat individual objects and compositions of objects uniformly. Motivation

More information

PRODUCT PDF PRINT - Magento2 USER MANUAL MAGEDELIGHT.COM SUPPORT E: P: +1-(248)

PRODUCT PDF PRINT - Magento2 USER MANUAL MAGEDELIGHT.COM SUPPORT E: P: +1-(248) PRODUCT PDF PRINT - Magento2 USER MANUAL MAGEDELIGHT.COM SUPPORT E: SUPPORT@MAGEDELIGHT.COM P: +1-(248)-275-1202 Welcome We would like to thank you for purchasing the Product PDF Print Extension from Magedelight.com.

More information

Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY Adding Pages Adding pages to your website is simple and powerful! In just a few minutes you can create a page that:

More information

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Lesson 1 using Dreamweaver CS3 To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Click here to get images for your web page project. (Note:

More information

WEB CREATOR PAGES MANAGER

WEB CREATOR PAGES MANAGER WEB CREATOR PAGES MANAGER TABLE OF CONTENTS TABLE OF CONTENTS... 2 ADMINISTRATIVE PERMISSIONS... 3 ACCESSING WEBSITE SETTINGS... 3 PAGES MANAGER... 3 Accessing Pages Manager... 3 PAGE MANAGER NAVIGATION...

More information

Documentation Tool Tutorial Tutorial for Creating a Documentation Tool Interactive in the Texas Gateway

Documentation Tool Tutorial Tutorial for Creating a Documentation Tool Interactive in the Texas Gateway Tutorial for Creating a Documentation Tool Interactive in the Texas Gateway Introduction The Documentation Tool interactive serves as a wizard that can help learners easily document and evaluate goal driven

More information

JSN Dona Portfolio User's Guide

JSN Dona Portfolio User's Guide JSN Dona Portfolio User's Guide Getting Started Template Package Installation 1. Download the template installation package Log in JoomlaShine Customer Area to download the template package that you have

More information

Aligned Elements Importer V user manual. Aligned AG Tellstrasse Zürich Phone: +41 (0)

Aligned Elements Importer V user manual. Aligned AG Tellstrasse Zürich Phone: +41 (0) Aligned Elements Importer V2.4.211.14302 user manual Aligned AG Tellstrasse 13 8004 Zürich Phone: +41 (0)44 312 50 20 www.aligned.ch info@aligned.ch Table of Contents 1.1 Introduction...3 1.2 Installation...3

More information

MPT Web Design. Week 1: Introduction to HTML and Web Design

MPT Web Design. Week 1: Introduction to HTML and Web Design MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a

More information

Jquery Manually Set Checkbox Checked Or Not

Jquery Manually Set Checkbox Checked Or Not Jquery Manually Set Checkbox Checked Or Not Working Second Time jquery code to set checkbox element to checked not working. Apr 09 I forced a loop to show checked state after the second menu item in the

More information

Blog Pro for Magento 2 User Guide

Blog Pro for Magento 2 User Guide Blog Pro for Magento 2 User Guide Table of Contents 1. Blog Pro Configuration 1.1. Accessing the Extension Main Setting 1.2. Blog Index Page 1.3. Post List 1.4. Post Author 1.5. Post View (Related Posts,

More information

Skyway Builder Web Control Guide

Skyway Builder Web Control Guide Skyway Builder Web Control Guide 6.3.0.0-07/21/2009 Skyway Software Skyway Builder Web Control Guide: 6.3.0.0-07/21/2009 Skyway Software Published Copyright 2009 Skyway Software Abstract TBD Table of

More information

Creating Accessible Web Sites with EPiServer

Creating Accessible Web Sites with EPiServer Creating Accessible Web Sites with EPiServer Abstract This white paper describes how EPiServer promotes the creation of accessible Web sites. Product version: 4.50 Document version: 1.0 2 Creating Accessible

More information

EPiServer Content Editor s Guide

EPiServer Content Editor s Guide EPiServer Content Editor s Guide Contents Getting Started with EPiServer... 19 Logging In... 19 Navigating from the Global Menu... 19 Generic Functions, Toolbar and Panes... 20 Generic Functions... 20

More information

magento_1:blog_pro

magento_1:blog_pro magento_1:blog_pro https://amasty.com/docs/doku.php?id=magento_1:blog_pro For more details see the Blog Pro extension page. Blog Pro Create responsive blog posts with a handy WYSIWYG editor, easily customize

More information

Lead Rocket Training Manual

Lead Rocket Training Manual Lead Rocket Training Manual Discover the Most Incredible Bonus Gift Ever! Just go to http://undergroundmarketers.com/bonus This guide is devised into 3 parts the first section details how to install, activate

More information

Startup Guide. Version 2.3.7

Startup Guide. Version 2.3.7 Startup Guide Version 2.3.7 Installation and initial setup Your welcome email included a link to download the ORBTR plugin. Save the software to your hard drive and log into the admin panel of your WordPress

More information

CS193X: Web Programming Fundamentals

CS193X: Web Programming Fundamentals CS193X: Web Programming Fundamentals Spring 2017 Victoria Kirst (vrk@stanford.edu) Today's schedule Today: - Wrap up box model - Debugging with Chrome Inspector - Case study: Squarespace Layout - Flex

More information

Website Development (WEB) Lab Exercises

Website Development (WEB) Lab Exercises Website Development (WEB) Lab Exercises Select exercises from the lists below to complete your training in Website Development and earn 125 points. You do not need to do all the exercises listed, except

More information

Full Website Audit. Conducted by Mathew McCorry. Digimush.co.uk

Full Website Audit. Conducted by Mathew McCorry. Digimush.co.uk Full Website Audit Conducted by Mathew McCorry Digimush.co.uk 1 Table of Contents Full Website Audit 1 Conducted by Mathew McCorry... 1 1. Overview... 3 2. Technical Issues... 4 2.1 URL Structure... 4

More information

How do I show custom color swatches?

How do I show custom color swatches? How do I show custom color swatches? Sometimes when using color swatches for your product variants it isn't possible for the colors to automatically show a true reflection of the color of your product.

More information

Marketer's Guide. User guide for marketing analysts and business users

Marketer's Guide. User guide for marketing analysts and business users Marketer's Guide Rev: 18 November 2014 Email Campaign Manager 2.2 for Sitecore CMS 7.5 Marketer's Guide User guide for marketing analysts and business users Table of Contents Chapter 1 Introduction...

More information

VAR OUT-OF-THE-BOX STORE

VAR OUT-OF-THE-BOX STORE VAR OUT-OF-THE-BOX STORE CUSTOMIZATION GUIDE CONTENTS OVERVIEW OF THE VAR OUT-OF-THE-BOX STORE... 3 New Benefits of VAR Out-of-the-box Store... 3 CUSTOMIZATION OPTIONS... 4 Customization Opportunities...

More information

About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer. WordPress

About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer. WordPress About the Tutorial WordPress is an open source Content Management System (CMS), which allows the users to build dynamic websites and blog. WordPress is the most popular blogging system on the web and allows

More information

About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer. Joomla

About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer. Joomla About the Tutorial Joomla is an open source Content Management System (CMS), which is used to build websites and online applications. It is free and extendable which is separated into frontend templates

More information

HTML CS 4640 Programming Languages for Web Applications

HTML CS 4640 Programming Languages for Web Applications HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,

More information

Wolf. Responsive Website Designer. Mac Edition User Guide

Wolf. Responsive Website Designer. Mac Edition User Guide Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive

More information

Creating dependent menus with Moodle Database activity. William Lu

Creating dependent menus with Moodle Database activity. William Lu Creating dependent menus with Moodle Database activity William Lu Hello, everyone My name is William. In this session, I will show you how to create a dependent menu with Moodle Database activity. 2 Sometimes,

More information

VEDATRAK CRM 3.0. User Guide

VEDATRAK CRM 3.0. User Guide VEDATRAK CRM 3.0 User Guide 2 (C) 2006-2012 SUI SOLUTIONS Ltd. All rights reserved. 3 Contents Overview...9 System Requirements...12 Installation Notes...13 Vedatrak Basics...14 User Roles...14 System

More information

Roxen Content Provider

Roxen Content Provider Roxen Content Provider Generation 3 Templates Purpose This workbook is designed to provide a training and reference tool for placing University of Alaska information on the World Wide Web (WWW) using the

More information

TUTORIAL MADCAP FLARE Top Navigation

TUTORIAL MADCAP FLARE Top Navigation TUTORIAL MADCAP FLARE 2018 Top Navigation Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

UNIT -5. Java Server Page

UNIT -5. Java Server Page UNIT -5 Java Server Page INDEX Introduction Life cycle of JSP Relation of applet and servlet with JSP JSP Scripting Elements Difference between JSP and Servlet Simple JSP program List of Questions Few

More information

Compliance Guardian Online 2

Compliance Guardian Online 2 Compliance Guardian Online 2 Release Notes Cumulative Update 2 Issued January 2017 New Features and Improvements Improvements to job completion logic. Improvements to security trimming. Known Issues There

More information

Joomla How To Setup Menu Item Type Module Add New

Joomla How To Setup Menu Item Type Module Add New Joomla How To Setup Menu Item Type Module Add New A menu is an object which contains one or more menu items. Each menu item will have a specific menu item type. Create one or When you create the modules,

More information

Css Manually Highlight Current Link Nav Link

Css Manually Highlight Current Link Nav Link Css Manually Highlight Current Link Nav Link way to automatically highlight the "current" link. And I can manually add the following CSS to each page to get them highlighted, but I want to avoid added.

More information

Tutorial 2 Editor Brackets

Tutorial 2 Editor Brackets Tutorial 2 Editor Brackets Goals Create a website showcasing the following techniques - Content switch with Javascript Website - Create a folder on the desktop called tutorial 2 o - Open Brackets o - Open

More information

Context-sensitive Help

Context-sensitive Help USER GUIDE MADCAP DOC-TO-HELP 5 Context-sensitive Help Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this

More information

Create a three column layout using CSS, divs and floating

Create a three column layout using CSS, divs and floating GRC 275 A6 Create a three column layout using CSS, divs and floating Tasks: 1. Create a 3 column style layout 2. Must be encoded using HTML5 and use the HTML5 semantic tags 3. Must se an internal CSS 4.

More information

FB Image Contest. Users Manual

FB Image Contest. Users Manual FB Image Contest Users Manual Table of contents Description.. 3 Step by step installation... 5 The administration interface.. 10 Creating a new contest... 13 Creating a Facebook Application.. 19 Adding

More information

HTML5 MOCK TEST HTML5 MOCK TEST I

HTML5 MOCK TEST HTML5 MOCK TEST I http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your

More information

Creating a CSS driven menu system Part 1

Creating a CSS driven menu system Part 1 Creating a CSS driven menu system Part 1 How many times do we see in forum pages the cry; I ve tried using Suckerfish, I ve started with Suckerfish and made some minor changes but can t get it to work.

More information

Summary. 1. Page 2. Methods 3. Helloworld 4. Translation 5. Layout a. Object b. Table 6. Template 7. Links. Helloworld. Translation Layout.

Summary. 1. Page 2. Methods 3. Helloworld 4. Translation 5. Layout a. Object b. Table 6. Template 7. Links. Helloworld. Translation Layout. Development 1 Summary 1. 2. 3. 4. 5. a. Object b. Table 6. 7. 2 To create a new page you need: 1. Create a file in the folder pages 2. Develop a class which extends the object Note: 1 = 1 Class 3 When

More information

VIVVO CMS Plug-in Manual

VIVVO CMS Plug-in Manual VIVVO CMS Plug-in Manual www.vivvo.net 1 TABLE OF CONTENTS INTRODUCTION...4 PLUGIN: CONTACT FORM BUILDER PLUG-IN...5 DESCRIPTION:...5 HOW TO INSTALL?...5 ACTIVATION:...5 ACCESS:...5 USER LEVEL:...5 ACTIONS:...6

More information

Custom Reports & Dashboards

Custom Reports & Dashboards Custom Reports & Dashboards Document version 1.7 2018 Table of contents 1 What are reports and dashboards? 2 Accessing a report 2.1 Reports in the main menu 2.2 Report overview 2.3 Report view 2.4 Ad-hoc

More information

Adobe Dreamweaver CC Tutorial

Adobe Dreamweaver CC Tutorial Adobe Dreamweaver CC Tutorial The design of the Web site index.html Click main.html header Boys toys Girls toys Media Contact us content Links sidebar1 footer content1.html content2.html content3.html

More information

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout

More information

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES CLASS :: 13 12.01 2014 AGENDA SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements TEMPLATE CREATION :: Why Templates?

More information

Making the Most of Microsoft Word: Hands-on Activities for Creating Word Documents for Conversion to HTML or PDF.

Making the Most of Microsoft Word: Hands-on Activities for Creating Word Documents for Conversion to HTML or PDF. Making the Most of Microsoft Word: Hands-on Activities for Creating Word Documents for Conversion to HTML or PDF. Goals Learn some of the advantages of working in outline view. Learn how to apply styles

More information

Anatomy of an HTML document

Anatomy of an HTML document Anatomy of an HTML document hello World hello World This is the DOCTYPE declaration.

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

All form templates are listed in a left-side menu in 'Forms' section, where you can also create a new form with a help of the blue button. (8.1.

All form templates are listed in a left-side menu in 'Forms' section, where you can also create a new form with a help of the blue button. (8.1. 8. Contact forms In this chapter you will learn how to create a contact form for your TYPO3 website. With this form you are able to add/edit the fields, set a receiving e-mail address and redirect to a

More information

Wordpress Training Manual

Wordpress Training Manual The Dashboard... 2 If this is your first time logging in:... 2 How do I change my password or email address?... 3 Search Engine Optimization (SEO)... 4 SEO for Pages... 4 SEO for Images... 5 Managing Pages...

More information

Creating Editable Regions & WYSIWYG Styling

Creating Editable Regions & WYSIWYG Styling Now that the initial PCF has been created, the file needs to be updated so that it can be edited. To do this, editable regions are created using custom code. Additionally, the regions can be styled so

More information