Our key themeing tutorial - how to re-theme your site, by changing CSS, templates, and theme images.
Tutorials – Learning Composr
- Advice & Guidance
- Business Development
- Design & Themeing
- Feedback features
- Fun and Games
- Internet Technology
- Power tools
- Structure and navigation
- Third Party Integration
- Web standards & Accessibility
Themeing your site
Changing the login block in the header
Creating a filtered & styled catalogue
Browser version requirements
The Logo Wizard: instant logo generation
Universal Principles of Design
Themes 101 - replacing the header
Changing the Font and Colour Styles via CSS
Graphic Design School: The Principles and Practices of Graphic Design
Inline editing in Composr
Designed for Use: Create Usable Interfaces for Applications and the Web
Explanations of how to make usability the cornerstone of every point in your design process, walking you through the necessary steps to plan the design for an application or website, test it, and get usage data after the design is complete. He shows you how to focus your design process on the most important thing: helping people get things done, easily and efficiently.
How to Change Your Favicon and Site Logo in Composr
Helping improve site accessibility for disabled users
Authoring Tool Accessibility Guidelines 2.0 - Composr version 10.0 compliance
Changing the ocPortal header image
Supplementary web technologies (media, social networking, etc)
About Face 3: The Essentials of Interaction Design
Communicating Design: Developing Web Site Documentation for Design and Planning
Successful web design teams depend on clear communication between developers and their clients—and among members of the development team. Wireframes, site maps, flow charts, and other design diagrams establish a common language so designers and project teams can capture ideas, track progress, and keep their stakeholders informed.
Releasing a theme
Using Chrome development tools to help with themeing
Designer themes, implementing a clean-room design
CSS3: The Missing Manual
Customising Your Composr Website's Design
Adding a TeamSpeak block
Copying and pasting content into the editor
Themes 201 - building a totally new design
Composr CMS (Part 1: Templating)
Editing header style (borders and font style) via CSS
Using Composr's WYSIWYG editor
A fully custom logo
Emotional Design: Why We Love (or Hate) Everyday Things
Did you ever wonder why cheap wine tastes better in fancy glasses? Why sales of Macintosh computers soared when Apple introduced the colorful iMac? New research on emotion and cognition has shown that attractive things really do work better, as Donald Norman amply demonstrates in this fascinating book.
Adding random quotes to the header
Simplifying and centering the default menu
The Design of Everyday Things
Even the smartest among us can feel inept as we try to figure out the shower control in a hotel or attempt to navigate an unfamiliar television set or stove. When The Design of Everyday Things was published in 1988, cognitive scientist Don Norman provocatively proposed that the fault lies not in ourselves, but in design that ignores the needs and psychology of people.
HTML5: The Missing Manual
The Laws of Simplicity (Simplicity: Design, Technology, Business, Life)
Don't Make Me Think: A Common Sense Approach to Web Usability
Since Don't Make Me Think was first published in 2000, hundreds of thousands of Web designers and developers have relied on usability guru Steve Krug's guide to help them understand the principles of intuitive navigation and information design. Witty, commonsensical, and eminently practical, it's one of the best-loved and most recommended books on the subject.
The Design of Sites: Patterns for Creating Winning Websites
The definitive reference for the principles, patterns, methodologies, and best practices underlying exceptional Web design. If you are involved in the creation of dynamic Web sites, this book will give you all the necessary tools and techniques to create effortless end-user Web experiences, improve customer satisfaction, and achieve a balanced approach to Web design.
Need better information?
The Composr documentation is user-driven:
- If you have found documentation problems that you'd like someone else to solve log an issue to the tracker.
- If you'd like to contribute a chunk of documentation to go into a tutorial, also log an issue to the tracker. As a user, it is possible you may find some useful extra tidbits of information there.
- If you want to contribute a new tutorial hosted off-site you can submit a link via the button below.