The document provides details on configuring and implementing the Chromatique theme. It covers the theme's file structure, technologies used including HTML, CSS and JavaScript. It describes the theme's features and customizable configuration options for elements like the dropdown menu, lightbox, contact form and more. The document also explains how to set up the included PHP contact form.
This document provides an overview and user guide for the JA T3 Framework template framework for Joomla. Key points:
1. The framework includes plugins, layouts, themes, and profiles to customize the template's design. Layouts position module positions and blocks, while themes override styles.
2. The default template includes blocks for common elements like headers and footers. Users can create new layouts that rearrange or style blocks differently.
3. The framework supports responsive and right-to-left designs. Users can customize fonts, colors, and other settings from the front-end user tools panel.
4. Layouts, themes, and other parts can be overridden to create customized
The document discusses how to create a new theme in Magento by setting up folder structure and configuration files. It explains how to set up a new theme directory, create layout and template files, add custom CSS/JS, and modify layout and meta settings using XML. Key aspects of creating a compatible theme include using a single layout file (local.xml), avoiding duplicate file names, and only modifying necessary template files.
Developing new feature in Joomla - Joomladay UK 2016Peter Martin
Presentation "The Category Item Counter - developing a new feature" at Joomladay UK 2016 on February 13th in London, UK.
How does a new feature end up in Joomla? Peter talked about the new Category Item Counter feature that will be available in Joomla 3.5:
* the purpose of the feature
* where & how the idea for the "Nice" feature originated
* how the community helped to develop this feature
* how Joomla's development cycle works, including patch testing procedure, and who's Travis?
* the problems with differences in core components
* the hidden secret of com_categories
* how to add a Category Item Counter to your own component
Presentation video: http://www.youtube.com/watch?v=CK_tYC-Yy_c?t=45s
The document provides an overview of the architecture and anatomy of Drupal 6.0. It discusses the core components including the user system, node system, modules, themes, and database. Key points are that Drupal is built on a modular architecture, uses hooks to allow modules to interact and modify functionality, and separates data/logic from presentation using a theme engine and template files. Modules control application logic and interact with the database while themes determine the user interface and output.
MWLUG 2016 : AD117 : Xpages & jQuery DataTablesMichael Smith
- DataTables is a jQuery plugin that enhances the accessibility of data in HTML tables. It allows for easy creation of rich, interactive views in XPages applications.
- Data can be added to DataTables from HTML, a JavaScript array, or an Ajax data source like REST. Callbacks provide a way to add interactivity similar to the XPages lifecycle.
- Advanced configuration options include click handlers, renderers, filtering, lazy loading, and categorization to create feature-rich views.
Daughter themes allow customizing an existing theme without modifying the original files. They work by importing the parent theme's style.css and only overriding specific templates. To create one, save the style.css in a new folder with the theme name and parent theme specified. Only modified files need to be included, with WordPress loading the daughter theme's versions first if they exist. This allows customizing a theme for a client or site without losing future parent theme updates.
Sooner or later the theme you are using will need that little change to make just right for you. Learn how to create a child theme so that your personal changes won’t be overwitten by a theme update. present at The 2011 Toronto WordCamp http://2011.toronto.wordcamp.org/
This document provides an overview and user guide for the JA T3 Framework template framework for Joomla. Key points:
1. The framework includes plugins, layouts, themes, and profiles to customize the template's design. Layouts position module positions and blocks, while themes override styles.
2. The default template includes blocks for common elements like headers and footers. Users can create new layouts that rearrange or style blocks differently.
3. The framework supports responsive and right-to-left designs. Users can customize fonts, colors, and other settings from the front-end user tools panel.
4. Layouts, themes, and other parts can be overridden to create customized
The document discusses how to create a new theme in Magento by setting up folder structure and configuration files. It explains how to set up a new theme directory, create layout and template files, add custom CSS/JS, and modify layout and meta settings using XML. Key aspects of creating a compatible theme include using a single layout file (local.xml), avoiding duplicate file names, and only modifying necessary template files.
Developing new feature in Joomla - Joomladay UK 2016Peter Martin
Presentation "The Category Item Counter - developing a new feature" at Joomladay UK 2016 on February 13th in London, UK.
How does a new feature end up in Joomla? Peter talked about the new Category Item Counter feature that will be available in Joomla 3.5:
* the purpose of the feature
* where & how the idea for the "Nice" feature originated
* how the community helped to develop this feature
* how Joomla's development cycle works, including patch testing procedure, and who's Travis?
* the problems with differences in core components
* the hidden secret of com_categories
* how to add a Category Item Counter to your own component
Presentation video: http://www.youtube.com/watch?v=CK_tYC-Yy_c?t=45s
The document provides an overview of the architecture and anatomy of Drupal 6.0. It discusses the core components including the user system, node system, modules, themes, and database. Key points are that Drupal is built on a modular architecture, uses hooks to allow modules to interact and modify functionality, and separates data/logic from presentation using a theme engine and template files. Modules control application logic and interact with the database while themes determine the user interface and output.
MWLUG 2016 : AD117 : Xpages & jQuery DataTablesMichael Smith
- DataTables is a jQuery plugin that enhances the accessibility of data in HTML tables. It allows for easy creation of rich, interactive views in XPages applications.
- Data can be added to DataTables from HTML, a JavaScript array, or an Ajax data source like REST. Callbacks provide a way to add interactivity similar to the XPages lifecycle.
- Advanced configuration options include click handlers, renderers, filtering, lazy loading, and categorization to create feature-rich views.
Daughter themes allow customizing an existing theme without modifying the original files. They work by importing the parent theme's style.css and only overriding specific templates. To create one, save the style.css in a new folder with the theme name and parent theme specified. Only modified files need to be included, with WordPress loading the daughter theme's versions first if they exist. This allows customizing a theme for a client or site without losing future parent theme updates.
Sooner or later the theme you are using will need that little change to make just right for you. Learn how to create a child theme so that your personal changes won’t be overwitten by a theme update. present at The 2011 Toronto WordCamp http://2011.toronto.wordcamp.org/
Este documento presenta información sobre varios temas relacionados con la metodología de investigación científica. Discute diferentes paradigmas y tradiciones epistemológicas, como el positivismo, la hermenéutica y el racionalismo crítico. También describe elementos clave del proceso de investigación como la formulación de hipótesis, la recolección y análisis de datos, y las distinciones entre información primaria y secundaria. Finalmente, ofrece detalles sobre técnicas cuantitativas como las encuestas y la observ
El documento describe diferentes tipos de computadoras, incluyendo supercomputadoras, macrocomputadoras, minicomputadoras y microcomputadoras. Las supercomputadoras son las computadoras más poderosas que se usan para tareas de cálculo intensivo como simulaciones científicas. Las macrocomputadoras son sistemas grandes y costosos que pueden controlar cientos de usuarios simultáneamente. Las minicomputadoras son sistemas multiusuarios más pequeños que los mainframes pero más grandes que las microcomputadoras personales.
Dal 1991 operiamo nell’ambito dei servizi IT e della consulenza strategica direzionale.
La rapida evoluzione della tecnologia e della
compliance normativa ci ha permesso di specializzarci in consulenze in ambito della sicurezza del
patrimonio informativo aziendale e del controllo delle informazioni.
This document summarizes the results of a 2013 community survey conducted in the Northside Achievement Zone (NAZ) neighborhood in St. Paul, Minnesota. The survey was a follow up to a baseline survey conducted in 2010. Key findings include:
- Perceptions of NAZ's impact on the neighborhood were generally positive, though some respondents lacked awareness or knowledge of NAZ's work.
- Respondents reported moderately high levels of collective efficacy, or social cohesion and willingness to help neighbors, in their community.
- Access to education and health services for children was good, though opportunities remained for increasing family engagement in schools.
- Most families expected their children to continue education beyond high school,
The document summarizes recent updates to the Frogans technology including:
- Weekly releases of the Frogans Player alpha for developers to test and provide feedback.
- Improvements to the Frogans Site Definition Language (FSDL) with more elements now available based on user feedback.
- Release of the FSDL Software Library to allow developers to create authoring tools for Frogans sites.
- Registration of Frogans addresses in various languages for public Frogans networks.
- Worldwide promotion of Frogans technology through various conferences and presentations to stakeholders in academia and the technology industry.
Cross Colours is an iconic clothing brand launched in 1989 with the goal of making clothing for all people without prejudice. It promoted education, non-violence and equality through positive slogans and messages. In its peak from 1990-1993, Cross Colours achieved $100 million in sales and helped create the streetwear market. After being dormant, the brand is relaunching in 2015 to continue its original goals and support social justice movements through authentic apparel and styles inspired by the 1990s.
The document provides an overview of interventions for clients with HIV/AIDS. It begins with key terms related to immunodeficiency and HIV/AIDS. It then describes the pathophysiology and etiology of HIV, how it is transmitted, and methods for preventing transmission. Nursing assessments, diagnoses, outcomes, and interventions are outlined with a focus on managing infections, nutritional status, and psychosocial needs. The document concludes with references.
Esta experiencia pedagogica , se dio en la institucion Remedios Solano de Barrancas la Guajira , en el grado noveno, cuya poblacion es de recursos bajos, se desarrollo en el segundo periodo escolar. El aprendizaje con que nos identificamos
This document is a resume for Edward Bodensky of Virginia Beach, Virginia. It summarizes his 15 years of experience as a Department Manager at Walmart, where he assists associates, ensures excellent customer service and cleanliness, and is able to work in various departments. It also includes his previous role as Assistant Produce Manager at Kroger, along with his skills in areas such as inventory, customer service, and time management. Bodensky is seeking a management position that allows him to apply his leadership qualities and advance within a company.
This document provides instructions for a drawing exercise on the superposition of waves. Students are asked to draw wave displacement graphs at time intervals of 1, 2, and 3 seconds showing the superposition of two waves approaching each other. They are also asked to draw a displacement-time graph at point P over this same time period. Hints are provided about how to add the waves together and find the displacement at different times based on the initial given speeds and positions of the two waves.
Desarrollar un buen nivel del dominio de los paquetes ofimaticos mas usados en el mercado, redes sociales y colaborativos, que permitan generar a partir de las nuevas herramientas tecnológicas de la información y la comunicación TICS nuevos conocimientos.
A Financial Prescription for Doctors and DentistsDavid I. Katz
The document is about a book written by David I. Katz, a financial advisor, to provide guidance to medical professionals on managing their finances. The book covers topics such as understanding finances, building good financial habits, investment fundamentals, retirement planning, and estate planning. It includes tools, tips, and resources to help doctors and dentists achieve their personal and career financial goals. All profits from sales of the book will be donated to charities.
This document appears to be a catalog for Wiley Technology books being published in winter 2009. It includes brief summaries of various books covering topics such as Wii, iPhone, digital photography, networking, programming and more. Each book listing includes the title, author, a short description of what the book covers, and publication details. The document is organized by topic area with related books listed together. It provides an overview of the technology book offerings from Wiley for that season.
El documento describe una empresa llamada "Momentos Mágicos" que organiza fiestas de quince años. La empresa ofrece salones y áreas verdes para eventos, servicios como sonido, decoración y meseros, y busca ser reconocida como líder regional en la organización de fiestas de quince años en los próximos cinco años.
Intrusive igneous activity forms underground when magma cools and hardens. Plutons are classified by their shape, size, and relationship to surrounding rock layers. Sills form parallel to sedimentary bedding, while laccoliths are similar to sills but intrude closer to the surface. Batholiths must have a surface exposure over 100 square kilometers. Heat from friction during subduction heats crustal rocks, with temperature increasing about 30 degrees Celsius per kilometer deeper. Pressure and water can lower the melting point of mantel rock to form new magma.
Learn how to customize JSN Pixel - a responsive Joomla template. Here is the demo of JSN Pixel: http://demo.joomlashine.com/joomla-templates/jsn-pixel
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
This document provides instructions for using the Flash-O-Navigation component, which allows for easy navigation of e-learning content created in Flash. Key features include automatically generating a table of contents from an XML file, bookmarking pages, adding notes, and controlling playback of Flash files. Installation instructions, how to specify content and customize parameters like colors are provided. The component was developed by Enterprise System Solutions Pvt. Ltd. to facilitate affordable e-learning development in Flash.
This document provides an agenda and overview for a Joomla templates 101 workshop. The agenda includes introductions, discussing module positions and template ingredients in Joomla, building HTML/CSS templates with PHP snippets, the templateDetails.xml file, uploading and activating templates, and tips/tricks. The presenter's background is also provided. The workshop will demonstrate creating a Joomla template using various software tools and cover best practices like paths for images and the templateDetails.xml file. Resources from the workshop are available online.
The document provides guidance on customizing themes in 39shops, an e-commerce platform. It discusses the anatomy of themes, which include templates, page parts, stylesheets, JavaScript, and images. Templates are used to define different pages like home, catalog, product, cart, etc. Page parts allow reusing content across templates. Stylesheets and JavaScript can be linked from the layout template. Images are stored with the theme. Navigation menus and product listings can be dynamically generated using tags. The document is intended for users comfortable with HTML and CSS who want to customize their online store's design.
Este documento presenta información sobre varios temas relacionados con la metodología de investigación científica. Discute diferentes paradigmas y tradiciones epistemológicas, como el positivismo, la hermenéutica y el racionalismo crítico. También describe elementos clave del proceso de investigación como la formulación de hipótesis, la recolección y análisis de datos, y las distinciones entre información primaria y secundaria. Finalmente, ofrece detalles sobre técnicas cuantitativas como las encuestas y la observ
El documento describe diferentes tipos de computadoras, incluyendo supercomputadoras, macrocomputadoras, minicomputadoras y microcomputadoras. Las supercomputadoras son las computadoras más poderosas que se usan para tareas de cálculo intensivo como simulaciones científicas. Las macrocomputadoras son sistemas grandes y costosos que pueden controlar cientos de usuarios simultáneamente. Las minicomputadoras son sistemas multiusuarios más pequeños que los mainframes pero más grandes que las microcomputadoras personales.
Dal 1991 operiamo nell’ambito dei servizi IT e della consulenza strategica direzionale.
La rapida evoluzione della tecnologia e della
compliance normativa ci ha permesso di specializzarci in consulenze in ambito della sicurezza del
patrimonio informativo aziendale e del controllo delle informazioni.
This document summarizes the results of a 2013 community survey conducted in the Northside Achievement Zone (NAZ) neighborhood in St. Paul, Minnesota. The survey was a follow up to a baseline survey conducted in 2010. Key findings include:
- Perceptions of NAZ's impact on the neighborhood were generally positive, though some respondents lacked awareness or knowledge of NAZ's work.
- Respondents reported moderately high levels of collective efficacy, or social cohesion and willingness to help neighbors, in their community.
- Access to education and health services for children was good, though opportunities remained for increasing family engagement in schools.
- Most families expected their children to continue education beyond high school,
The document summarizes recent updates to the Frogans technology including:
- Weekly releases of the Frogans Player alpha for developers to test and provide feedback.
- Improvements to the Frogans Site Definition Language (FSDL) with more elements now available based on user feedback.
- Release of the FSDL Software Library to allow developers to create authoring tools for Frogans sites.
- Registration of Frogans addresses in various languages for public Frogans networks.
- Worldwide promotion of Frogans technology through various conferences and presentations to stakeholders in academia and the technology industry.
Cross Colours is an iconic clothing brand launched in 1989 with the goal of making clothing for all people without prejudice. It promoted education, non-violence and equality through positive slogans and messages. In its peak from 1990-1993, Cross Colours achieved $100 million in sales and helped create the streetwear market. After being dormant, the brand is relaunching in 2015 to continue its original goals and support social justice movements through authentic apparel and styles inspired by the 1990s.
The document provides an overview of interventions for clients with HIV/AIDS. It begins with key terms related to immunodeficiency and HIV/AIDS. It then describes the pathophysiology and etiology of HIV, how it is transmitted, and methods for preventing transmission. Nursing assessments, diagnoses, outcomes, and interventions are outlined with a focus on managing infections, nutritional status, and psychosocial needs. The document concludes with references.
Esta experiencia pedagogica , se dio en la institucion Remedios Solano de Barrancas la Guajira , en el grado noveno, cuya poblacion es de recursos bajos, se desarrollo en el segundo periodo escolar. El aprendizaje con que nos identificamos
This document is a resume for Edward Bodensky of Virginia Beach, Virginia. It summarizes his 15 years of experience as a Department Manager at Walmart, where he assists associates, ensures excellent customer service and cleanliness, and is able to work in various departments. It also includes his previous role as Assistant Produce Manager at Kroger, along with his skills in areas such as inventory, customer service, and time management. Bodensky is seeking a management position that allows him to apply his leadership qualities and advance within a company.
This document provides instructions for a drawing exercise on the superposition of waves. Students are asked to draw wave displacement graphs at time intervals of 1, 2, and 3 seconds showing the superposition of two waves approaching each other. They are also asked to draw a displacement-time graph at point P over this same time period. Hints are provided about how to add the waves together and find the displacement at different times based on the initial given speeds and positions of the two waves.
Desarrollar un buen nivel del dominio de los paquetes ofimaticos mas usados en el mercado, redes sociales y colaborativos, que permitan generar a partir de las nuevas herramientas tecnológicas de la información y la comunicación TICS nuevos conocimientos.
A Financial Prescription for Doctors and DentistsDavid I. Katz
The document is about a book written by David I. Katz, a financial advisor, to provide guidance to medical professionals on managing their finances. The book covers topics such as understanding finances, building good financial habits, investment fundamentals, retirement planning, and estate planning. It includes tools, tips, and resources to help doctors and dentists achieve their personal and career financial goals. All profits from sales of the book will be donated to charities.
This document appears to be a catalog for Wiley Technology books being published in winter 2009. It includes brief summaries of various books covering topics such as Wii, iPhone, digital photography, networking, programming and more. Each book listing includes the title, author, a short description of what the book covers, and publication details. The document is organized by topic area with related books listed together. It provides an overview of the technology book offerings from Wiley for that season.
El documento describe una empresa llamada "Momentos Mágicos" que organiza fiestas de quince años. La empresa ofrece salones y áreas verdes para eventos, servicios como sonido, decoración y meseros, y busca ser reconocida como líder regional en la organización de fiestas de quince años en los próximos cinco años.
Intrusive igneous activity forms underground when magma cools and hardens. Plutons are classified by their shape, size, and relationship to surrounding rock layers. Sills form parallel to sedimentary bedding, while laccoliths are similar to sills but intrude closer to the surface. Batholiths must have a surface exposure over 100 square kilometers. Heat from friction during subduction heats crustal rocks, with temperature increasing about 30 degrees Celsius per kilometer deeper. Pressure and water can lower the melting point of mantel rock to form new magma.
Learn how to customize JSN Pixel - a responsive Joomla template. Here is the demo of JSN Pixel: http://demo.joomlashine.com/joomla-templates/jsn-pixel
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
This document provides instructions for using the Flash-O-Navigation component, which allows for easy navigation of e-learning content created in Flash. Key features include automatically generating a table of contents from an XML file, bookmarking pages, adding notes, and controlling playback of Flash files. Installation instructions, how to specify content and customize parameters like colors are provided. The component was developed by Enterprise System Solutions Pvt. Ltd. to facilitate affordable e-learning development in Flash.
This document provides an agenda and overview for a Joomla templates 101 workshop. The agenda includes introductions, discussing module positions and template ingredients in Joomla, building HTML/CSS templates with PHP snippets, the templateDetails.xml file, uploading and activating templates, and tips/tricks. The presenter's background is also provided. The workshop will demonstrate creating a Joomla template using various software tools and cover best practices like paths for images and the templateDetails.xml file. Resources from the workshop are available online.
The document provides guidance on customizing themes in 39shops, an e-commerce platform. It discusses the anatomy of themes, which include templates, page parts, stylesheets, JavaScript, and images. Templates are used to define different pages like home, catalog, product, cart, etc. Page parts allow reusing content across templates. Stylesheets and JavaScript can be linked from the layout template. Images are stored with the theme. Navigation menus and product listings can be dynamically generated using tags. The document is intended for users comfortable with HTML and CSS who want to customize their online store's design.
Learn how to customize JSN Decor - a responsive Joomla template. Here is the demo of JSN Decor: http://demo.joomlashine.com/joomla-templates/jsn-decor
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
Learn how to customize JSN Gruve - a responsive Joomla template. Here is the demo of JSN Gruve: http://demo.joomlashine.com/joomla-templates/jsn-gruve
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
This document provides instructions on creating and modifying skins for the AspDotNetStorefront ecommerce platform version 6.2 or higher. It describes the basic skin structure which includes template, style sheet, and image files. It also explains how to convert an HTML file to a template file and discusses the different skin tokens used to customize page elements.
The document provides a tutorial on creating skins for the AspDotNetStorefront ecommerce platform. It discusses:
1. The structure of skins, which include template files, style sheets, and images. Template files define the page layout and support tokens for dynamic content.
2. How to convert an HTML file to a template (.ascx) file by adding header lines to define it as an ASP.NET user control and support tokens.
3. The template file structure, which supports tokens for dynamic content, menus, strings, and packages to inject data programmatically.
Learn how to customize JSN Vintage - a responsive Joomla template. To see the Demo of JSN Vintage: http://demo.joomlashine.com/joomla-templates/jsn-vintage
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
The document provides an overview of HTML5 and how to build web applications with it. Some key points covered include:
- HTML5 is the latest version of HTML and supports new elements, tags, and attributes
- HTML5 pages can be built by writing code between angle brackets and saving it as a file with an .html extension
- CSS can be used to style HTML5 pages through selectors, properties, and linking external style sheets
- JavaScript adds interactivity by manipulating the DOM and creating dynamic content
- Features like forms, multimedia, and drag-and-drop are improved in HTML5 for building robust web applications
This document provides instructions for creating a basic Joomla template by outlining the necessary files, code, and folder structure. It explains how to create a templateDetails.xml file to define metadata and module positions, and an index.php file that uses PHP code to display module and component content. Minimal CSS and images are also included. The template can then be tested, packaged, and installed on a Joomla site to display content in a basic layout.
This presentation shows the new features in SharePoint 2013 that help in building/designing websites that are added to bridge the gap between design and development of Websites on SharePoint 2013
Learn how to customize JSN Cube - a fashion Joomla template. Here is the demo of JSN Cube: http://demo.joomlashine.com/joomla-templates/jsn-cube
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
This document provides instructions for customizing a presentation template purchased from www.premast.com. It includes steps to install fonts, XML color files, change color themes, replace image placeholders, and update the footer with company information. The instructions guide the user through modifying settings in the Design and View tabs to customize colors, images, and footer text for their own projects and presentations.
Learn how to customize JSN Teki - a Joomla template for technology website. Here is the demo of JSN Teki: http://demo.joomlashine.com/joomla-templates/jsn-teki.html
To stay on top of Joomla tutorials from JoomlaShine, just:
- Like our fan pages on FB: http://www.facebook.com/joomlashine
- Follow us on Twitter: http://twitter.com/joomlashine
ExpressionEngine is a content management system that is well-suited for all types of websites. It has a dedicated community of developers and excellent documentation. While it has a cost, it provides a robust, secure platform with intuitive features that do not require programming knowledge. ExpressionEngine installations can leverage built-in channels to publish content, templates to reuse code, and tags to control output, making it a powerful yet easy to use system.
This document discusses new client configuration and extension points introduced in Alfresco Share 4.0. It provides an overview of the goals, which were to make customizing client-side JavaScript and extending Share easier. It describes the new approaches, including customizing existing files, using component configuration, and introducing sub-components. It also discusses extensions, modules, tooling like SurfBug, and demos the capabilities.
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and three methods for including CSS - external, internal, and inline stylesheets. It emphasizes that external stylesheets allow applying styles across multiple pages and that inline styles should only be used for one-time instances.
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and embedding, internal and external methods for linking CSS to HTML pages. The document aims to teach intermediate web design skills and CSS implementation.
This document provides a help and tutorial for TopStyle Pro version 3.11. It covers getting started with TopStyle, editing style sheets and HTML/XHTML, working with colors, previews, validation, site management, reports, mappings, customization, and third-party integration. It also includes appendices on CSS basics and tips, TopStyle tips and tricks, style sheet resources, keyboard shortcuts, and regular expressions.
TopStyle Help & <b>Tutorial</b>tutorialsruby
This document provides a table of contents for the TopStyle Pro Help & Tutorial, which teaches how to use the TopStyle software for editing style sheets and HTML/XHTML documents. It lists over 50 sections that provide explanations and instructions for features like creating and opening files, editing styles, working with colors, previews, validation, site management, reports and customizing the software. The document was created by Giampaolo Bellavite from the online help provided with TopStyle version 3.11.
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>tutorialsruby
This document provides the course outline for IMD 210 Fundamentals of Scripting Languages at The Art Institute of Atlanta during the Spring 2005 quarter. The course focuses on integrating programming concepts with interface design using scripting languages like JavaScript and CSS. It will cover topics like DOM, CSS layout, JavaScript variables, conditionals, and events. Students will complete 4 assignments including redesigning existing websites, and there will be weekly quizzes, a midterm, and final exam. The course is worth 4 credits and meets once a week for class and lab.
This document provides the course outline for IMD 210 Fundamentals of Scripting Languages at The Art Institute of Atlanta during the Spring 2005 quarter. The course focuses on integrating programming concepts with interface design using scripting languages like JavaScript and CSS. It will cover topics like DOM, CSS layout, JavaScript variables, conditionals, and events. Students will complete 4 assignments including redesigning existing websites, and there will be weekly quizzes, a midterm, and final exam. The course is worth 4 credits and meets once a week for class and lab.
The group aims to bridge gaps between peer-to-peer database architectures and scaling multimedia information retrieval. They develop a probabilistic multimedia database system with abstraction layers for applications and researchers. They also research challenges of peer-to-peer networks for distributed data management. Both lines are supported by the MonetDB platform to exploit custom hardware and adaptive query optimization. The goal is a modular solution linking theoretical optimal solutions to application demands under resource limitations.
Standardization and Knowledge Transfer – INS0tutorialsruby
The group aims to bridge gaps between peer-to-peer database architectures and scaling multimedia information retrieval. They develop a probabilistic multimedia database system with abstraction layers and a flexible model. They also research challenges of peer-to-peer networks for distributed data management. Both lines are supported by the MonetDB platform to exploit custom hardware and adaptive query optimization. The goal is a modular solution linking theoretical optimal solutions to application demands under resource limitations.
This document provides an introduction to converting HTML documents to XHTML, including the basic syntax changes needed like making all tags lowercase and closing all tags. It provides examples of correct XHTML markup for different tags. It also explains the new DOCTYPE declaration and shows a sample well-formed XHTML document incorporating all the discussed changes. Resources for learning more about XHTML are listed at the end.
This document provides an introduction to converting HTML documents to XHTML, including the basic syntax changes needed like making all tags lowercase and closing all tags. It provides examples of correct XHTML markup for different tags. It also explains the new DOCTYPE declaration and shows a sample well-formed XHTML document incorporating all the discussed changes. Resources for learning more about XHTML are listed at the end.
XHTML is a markup language that provides structure and semantics to web pages. It is based on XML and is more strict than HTML. XHTML pages must have a document type definition, html and head tags, and a body where the visible content goes. Common XHTML tags include paragraphs, lists, links, images, and divisions to logically separate content. While XHTML provides structure, CSS is used to style pages and control visual presentation by defining rules for tags. CSS rules are defined in external style sheets to keep presentation separate from structure and content.
XHTML is a markup language that provides structure and semantics to web pages. It is based on XML and is more strict than HTML. XHTML pages must have a document type definition, html and head tags, and a body where the visible content goes. Common XHTML tags include paragraphs, lists, links, images, and divisions to logically separate content. While XHTML provides structure, CSS is used to style pages and control visual presentation through rules that target specific XHTML elements.
This document discusses how to create and use external cascading style sheets (CSS) in Dreamweaver. It provides steps to:
1. Open the CSS Styles tab in Dreamweaver and create a new external CSS stylesheet using a sample text style.
2. Save the stylesheet and link it to a new HTML page to style elements like headings, text sizes, and boxes.
3. Edit existing styles by selecting a tag in the CSS Styles panel and modifying properties directly, or by clicking the tag and using the pencil icon to edit in a window. This allows customizing styles globally across all linked pages.
This document provides an overview of how to create and use cascading style sheets (CSS) in Dreamweaver. It describes the different types of style sheets, including external and internal style sheets. It outlines the steps to create an external style sheet in Dreamweaver using the CSS Styles panel and provides instructions for linking the external style sheet to an HTML page. The document demonstrates how to experiment with predefined styles and how to edit, add, and delete styles in the CSS stylesheet.
This document appears to be a weekly update from an intro to computer science course. It includes summaries of classmates' demographics, comfort levels, and prior experience. It also discusses time spent on problem sets and recommends upcoming courses in CS51 and CS61. Finally, it recommends reading on TCP/IP, HTTP, XHTML, CSS, PHP, SQL and using the bulletin board for questions.
This document appears to be a weekly update from an intro to computer science course. It includes summaries of classmates' demographics, comfort levels, and prior experience. It also discusses time spent on problem sets and recommends upcoming courses in CS51 and CS61. Finally, it recommends reading on topics like TCP/IP, HTTP, XHTML, CSS, PHP, SQL and using bulletin boards, and includes images related to these topics.
The document discusses how to use Cascading Style Sheets (CSS) with Corvid Servlet Runtime templates to control formatting and layout. CSS allows separating design from content, making templates simpler and easier to maintain. It also enables adapting appearance for different devices. The document provides examples of using CSS classes to style template elements and explains how to set up a demo system using the included CSS and templates.
The document discusses how to use Cascading Style Sheets (CSS) with Corvid Servlet Runtime templates to control formatting and layout. CSS allows separating design from content, making templates simpler and easier to maintain. It also enables customization of appearance for different devices. The document provides examples of how to apply CSS classes and rules to Corvid template elements to control fonts, colors, positioning and more.
The document provides an introduction to CSS and how it works with HTML to control the presentation and styling of web page content. It explains basic CSS concepts like selectors, properties and values, and how CSS rules are used to target specific HTML elements and style them. Examples are given of common CSS properties and selectors and how they can be used to style elements and format the layout of web pages.
The document introduces CSS and how it works with HTML to separate content from presentation, allowing the styling of web pages through rules that target HTML elements. It explains CSS syntax and various selectors like type, class, ID, and descendant selectors. Examples are provided of how CSS can be used to style properties like color, font, padding, and layout of elements on a page.
Cascading Style Sheets (CSS) allow users to define how HTML elements are presented on a page. CSS enables changing the appearance and layout of an entire website by editing just one CSS file. CSS uses selectors to apply styles to HTML elements via properties and values. Styles can be defined internally in HTML or externally in CSS files. CSS can control text formatting, colors, spacing, positioning and more to achieve visual consistency across web pages.
Cascading Style Sheets (CSS) allow users to define how HTML elements are presented on a page. CSS enables changing the appearance and layout of an entire website by editing just one CSS file. CSS uses selectors to apply styles to HTML elements via properties and values. Styles can be defined internally in HTML or externally in CSS files. CSS can control text formatting, colors, spacing, positioning and more to achieve visual consistency across web pages.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Essentials of Automations: The Art of Triggers and Actions in FME
Chromatique
1. Chromatique's Documentation
By Ernesto Méndez
Thank you for purchasing Chromatique. This document will cover all the details regarding the
configuration and implementation of the theme.
The template uses a Tableless design, and has been hand coded from scratch using XHTML 1.0 Strict
and CSS 2.1. All the pages and stylesheets validate according to W3C Standards. Also, the design
degrades gracefully when javascript is disabled. A fully working PHP/Ajax Contact Form is included,
which also degrades gracefully if AJAX Features are not present.
One of the biggest strengths of Chromatique, is its flexibility and customization options. Javascript
variables are used to allow easy customization without the need to edit the core files. A lot of effort
was put to keep things simple.
Chromatique has 3 avaliable color themes: Dark (default), Light and Blue. All The PSD files used to
create the template are included with the the product.
If you have any questions that are not covered in this document, please feel free to email via my
contact page at http://themeforest.net/user/der.
Chromatique Documentation - 1
2. Table of Contents
• Chromatique's Features
• Technologies Used
• File Structure
• Files in core/images
• The CSS
• The JavaScript
• Configuration Options
• Setting up the PHP Contact Form
• HTML Structure
Chromatique's Features
• 5 Pages: Home | Portfolio | About | Blog | Contact
• 100% CSS Dropdown Menu, with Animations provided by jQuery
• Extremely configurable and flexible (no need to edit core files)
• Valid XHTML 1.0 Strict and CSS 2.1
• Tableless Design
• Cross Browser Compatible
• Includes IE6 PNG Fix
• Subpage Navigation
• 3 Color Themes to choose from: Dark / Light / Blue
• Fully Working PHP/Ajax Contact Form with Fields Validation
• Lightbox with support for Images, Flash, Video & more!
• Fading Image Slider
• Gracefully Degrading Design when JavaScript is disabled
• All PSD Files included
Technologies Used
The template makes use of the following Open Source Technologies:
• jQuery
• PrettyPhoto
• jQuery Easing Plugin
• jQuery dataForAjax Plugin
• DD_BelatedPNG
Chromatique Documentation - 2
3. File Structure
The template has 3 main directories:
core: Contains all the Sliced Images, Stylesheets and Javascript files.
function: The Contact Form PHP code is included here.
pages: All the HTML files are located here.
Files in core/
core/images:
The Images are located on different directories for easy referencing:
• All the images used on multiple pages are located in images/common.
• The images that are part of the template's content are located in images/content.
• All t he icons are located in images/icons.
• The user interface elements are located in images/interface.
• The images for the different themes are located in images/themes/<themename>
The CSS
The template's CSS has been structured in a modular way, which allows the ease of customization,
optimization and flexibility.
All the stylesheets, with the exception of the theme stylesheets (located in core/css/themes/), are
included in the HTML documents by the use of <link> tags. The use of @import rules has been
minimal, due to a performance impact against <link>. For more info on this, please refer to this
document.
The template has 5 main stylesheets and 2 conditionals for Internet Explorer 6/7. Here's a description
of each one (in the order in which they are imported):
1. reset.css: Eric Meyer's Reset stylesheet, which resets browser defaults, using consistent styles
across all browsers.
2. basic.css: This is where all the main styles of the page are defined, such as Typography and
Form styles. Have in mind that all the changes done in this stylesheet will affect the entire
template
Chromatique Documentation - 3
4. 3. core.css: This is the core stylesheet, where all the layout and typographic styles (specific to
design elements) are included. The file has a table of contents for easy location of the code
sections. If you need support, the sections defined on the stylesheet will aid in the location of
a specific part of the code.
4. theme.css: This stylesheet is in charge of selecting the color variant in which Chromatique
will be used. The themes are selected using CSS @import rules. The Instructions on how to
change the theme are included in the file.
5. prettyphoto.css: This is a required include of the PrettyPhoto jQuery Plugin.
The JavaScript
The JavaScript code and files for Chromatique have been separated into 3 Stages:
• Required Imports: All the required libraries are imported, such as jQuery and its plugins.
• Function Definitions: These are included within the functions.js file.
• Initialization: These are included within the core.js file.
Setting Up IE6's PNGFIX
Since Internet Explorer 6 doesn't have native support for 24-bit PNG files (those ones that have
transparency data in them), we have to enable support for PNG by using JavaScript.
To configure the PNGFIX, all you need to do is open the functions.js file, and at the beginning of the
file, you'll find a variable called pngfix_elements. This variable contains the elements that will be
scanned and added support for PNG Transparency. You can use CSS Selectors to specify the elements,
separated by commas. Some level of CSS is required to complete this task.
Configuring JavaScript Features
Chromatique has lots of customization options, and we'll go through them one by one, explaining their
function. All of those customization options can be found on the core.js file. The configuration
variables are used by the template. If any of these are removed, JavaScript errors may arise. Make
sure you don't remove any of the variables.
Chromatique Documentation - 4
5. Configuration Options
Some of the template's sections, have configuration options, we'll go through them one by one.
Configuring the Featured Items on the Homepage
• enable_featured_cycle: If set to true, the image slider will loop every X amount of seconds,
specified by the featured_cycle_interval configuration variable.
• stop_featured_cycle_on_hover: If set to true, the image slider will stop when the mouse
cursor is positioned on top of the featured image, or in any of the featured contents.
• featured_cycle_interval: Specifies the amount of seconds the featured image will wait before
changing to the next image/featured item. You can specify the value in Miliseconds also. If the
value provided is less or equal than 60, then the value will be interpreted in seconds. Any value
specified greater than 60, will be interpreted as miliseconds.
• disable_text_fade_on_ie: If set to true, this will enable the text to be faded when changing
from one featured item/image to another. This option has been disabled by default since
Internet Explorer renders non-antialiased fonts when using this feature.
Dropdown Menu Configuration
• menu_show_delay: This value specifies the amount of miliseconds to wait before showing the
dropdown menu.
• menu_dropdown_duration: This value specifies the amount of miliseconds the menu
animation will last when opening a menu/submenu.
• menu_ease_equation: This value specifies Easing Equation to be used when opening the
menu. To see the available list of Equations, please refer to the example on this page, or open
the core/js/jquery.easing.1.3.js file.
Lightbox Configuration (PrettyPhoto)
• enable_lightbox: If set to true, the Lightbox will be enabled on all the links that you specify
the following attribute: rel=”lightbox”. If you want to have many links being part of a gallery,
then the following syntax must be used: rel=”lightbox[gallery]”.
• lightbox_theme: This will set the theme that the lightbox will use. Please specify one of the
following: light rounded / dark rounded / light square / dark square.
Chromatique Documentation - 5
6. • lightbox_animation_speed: The speed in which the lightbox will open. You can specify a value
in miliseconds or one of the following: fast / slow / normal.
• lightbox_padding: This will set the padding of the lightbox window. Specify an integer value
in pixels.
• lightbox_opacity: This will set the opacity of the lightbox window. Specify a decimal value
from 0 to 1.
• lightbox_showtitle: If set to true, the lightbox will show the title of all the links that have
specified the title tag.
• lightbox_allowresize: If set to true, the lightbox window will be resizable.
• lightbox_hideflash: If set to true, this will hide flash content from the lightbox.
• lightbox_modal_state: If set to true, only the close button will close the lightbox window.
AJAX Contact Form Options
• forms_notification_delay: When sending a message using the contact form, a small
notification will be displayed. This will specify the amount of seconds for the fading animation.
Setting up The PHP Contact Form
Chromatique comes with a full blown contact form with validation. The contact form is extremely
easy to set up.
By default, if JavaScript is enabled, the Contact Form will have validation enabled and all the AJAX
Features will also be enabled. If JavaScript is turned off, validation will not be possible, and when the
user submits the contact form he/she will be redirected to a page you specify in the Contact Form
configuration.
PHP Files
The files that handle the contact form, are located in the core/function directory. The file
mailer.php contains a function defintion, in charge of sending the email, and the contact.php, which
is in charge of handling the POST data, sent by the form. The contact.php file, also handles the
request if they are sent via a normal POST request, or via AJAX. It acts accordingly.
Chromatique Documentation - 6
7. Configuring contact.php
The contact.php file contains all the configuration that is needed to make the contact form work.
Open the core/function/contact.php file, and on the top of the file, you will see some PHP
definitions:
• MAILER_EMAIL: This is the email address the server will use to send the message.
• RECIPIENT_EMAIL: This is the email address which will receive the information.
• REDIRECT_URL: If AJAX features are not available, then the user will be redirected to this URL
after submitting the form.
By default, the contact.php file doesn't send any email (for preview purposes). When deploying the
site to a live server, make sure to remove the comments from the following line :
//mailer($from, $to, $subject, $message);
HTML Structure
In this section, we'll cover everything related to using the template and its classes and elements. For
better understanding and clearance, the structured is presented in pseudo code, with the elements
that begin with a # are ID's and the ones beginning with a dot '.' Classes.
Base HTML Layout
The Homepage/Portfolio layouts consists on 3 main divs:
#header
#cache
#content
#footer
The #cache div doesn't display by default and it's used by javascript to retrieve information that will
be displayed dynamically. The #content block will contain the main page's content.
On the pages that have a sidebar (blog/about/contact), the structure is the following:
#header
#cache
#content
#main
#left
.sidebar
#footer
Chromatique Documentation - 7
8. Adding Featured Items
The block that contains the featured items, is the #featured div inside of content. The featured
items must be specified in the following order, since the structure is used by JavaScript:
1. heading
2. paragraph
3. link
To add featured items, there are 2 things that need to be done:
1) Add the 1st featured item information into the div with ID of #featured-content. This means:
Heading, Paragraph and Link.
2) Add all the featured items (including) the 1st one into the unordered list with ID of #featured-
items, inside of #cache. Have in mind that the #cache div doesn't display. Please don't forget
to include the first item's information on the #cache div, otherwise the Featured Section won't
work as expected. Each featured item is included inside a <li> element. Please refer to the
code for more information.
Changing the Logo
To change the Logo, replace the logo.png file, located in core/images/.
Adding Menus and Submenus
The Menus are added into the unordered list with ID of #navigation inside #header. To mark an item
as the active link, add class=”active” to the link you want to make active.
The Menu Items are added as <li> elements containing <a> elements inside. To add a submenu, add
class=”dir” to the <li> that will contain the submenu, and then add the <ul> inside. Make sure to add
the class to all the list items containing menus inside.
Homepage Articles
The Homepage articles are located in the #articles div. Each article is contained in a block with a
class of .article. Since the body can allow only 2 articles, everytime 2 articles are included, an empty
div with a class of .clear must be included, to clear the floats, otherwise the layout will not work as
expected.
Chromatique Documentation - 8
9. Each .article has the following structure:
.article
img.article-img: the image that the article will display
h3: The heading for the article
p: One or more paragraphs of content
a: The link the article points to
/.article
Adding a banner on the homepage
The homepage has a section to add a 728x90 banner. Add it to the .ad-wide div, located in the
homepage. You can specify more than 1 banner.
Adding content to the Footer
The footer supports 3 columns. The structure is the following:
#footer
.container
.column #footer-left-column
.column #footer-middle-column
.column #footer-right-column
/.container
/#footer
Using the Sub-Navigation
To add sub-navigation links to a page, locate the #sub-navigation unordered list, and add the links
inside of the list items.
Using the Generic Page
On the template, there's a container with a class of .generic-page, which is used to place custom
contents on the page (useful for static pages). This class is used inside of the #left div. The generic
page has the following structure:
Chromatique Documentation - 9
10. #content
#main
#left
.generic-page
.generic-page-top
.generic-page-contents: This is where the content is defined
.generic-page-bottom
/.generic-page
/#left
/#main
/#content
Using the Sidebar
The sidebar is located on the div with class of .sidebar, and it has the following structure:
.sidebar
.sidebar-top
.wrap : This is where the sidebar widgets are defined
.sidebar-bottom
/.sidebar
Adding Buttons
To add a button, add class=”button” to any link.
Adding Blog Posts
The blog posts are created inside the #left div, and have a class of .post. The structure is the
following:
.post
.post-top
.post-contents
p.info
img.featured : Featured Post Image
… content … : The post content
a.readmore : The “read more” link
Chromatique Documentation - 10
11. ul.tags : An unordered list with the list of tags
/.post-contents
.date-info : Contains the post date
big.month : The month
big : The day
/.date-info
.comments-info : Contains the post comments
a.comments-link : Link to comments
big : Number of comments
/.comments-info
.post-bottom
/.post-contents
Adding Portfolio Items
The Portfolio items need to be located inside of a div with class .portfolio-items. Each portfolio item
has a class of .item. There are 3 portfolio items per row. Have in mind that there must be an empty
div with a class of .clear after every 3 portfolio items, otherwise the layout might not work as
expected. You can have as many portfolio items as you want.
The structure of the portfolio .item is the following:
.item
.frame : this class ads the frame to the portfolio item thumbnails
a : the image the link is pointing to
img : the thumbnail image
/a
/.frame
.wrap
h4 : portfolio item's title
p : portfolio item's description
a : porfolio item's link
/.wrap
/.item
Chromatique Documentation - 11