Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying concrete5 Beginner's Guide
  • Table Of Contents Toc
concrete5 Beginner's Guide

concrete5 Beginner's Guide

By : Remo Laubacher
4.1 (10)
Buy this Book
close
close
concrete5 Beginner's Guide

concrete5 Beginner's Guide

4.1 (10)
By: Remo Laubacher
Buy this Book

Overview of this book

Concrete5 is a content management system for PHP developers. It can be used to build a range of sites and is particularly optimized for creating marketing websites. The Concrete5 Beginner's Guide will show you how to get up and running with Concrete5 as quickly and painlessly as possible. Taking you from installation to deployment, this is the only reference that you will need for creating your new Concrete5 site. By using a number of real-world examples, as well as taking you through the set up of a sample site, this book will enable you to become familiar with all of Concrete5's features. Use add-ons, themes, and blocks to give your site the look-and-feel that you desire. Simple PHP will enable you to customize the layout and navigation options of your site, as well extend the dashboard giving you a fully functional, professional site in no time.
Table of Contents (19 chapters)
close
close
close
concrete5
Icon
concrete5
Credits
Icon
Credits
About the Author
Icon
About the Author
About the Reviewers
Icon
About the Reviewers
www.PacktPub.com
Icon
www.PacktPub.com
Preface
Icon
Preface
Lock Free Chapter
1
Installation
Icon
Installation
Icon
Preparing for installation
Icon
XAMPP installation
Icon
Time for action – installing XAMPP
Icon
Downloading concrete5
Icon
Time for action – downloading the latest version
Icon
Creating an empty SQL database
Icon
Time for action – creating an empty SQL database
Icon
Installing concrete5
Icon
Time for action – installing concrete5
Icon
Time for action – enabling pretty URLs
Icon
Summary
2
Working with concrete5
Icon
Working with concrete5
Icon
Getting familiar with concrete5
Icon
Time for action – logging in to concrete5
Icon
Adding new blocks
Icon
Time for action – adding new blocks
Icon
Time for action – editing existing blocks
Icon
Time for action – exiting edit mode
Icon
The dashboard
Icon
Adding more pages
Icon
Time for action – adding pages to create a news section
Icon
Time for action – adding blocks to new page
Icon
Page defaults
Icon
Time for action – adding default blocks to a page type
Icon
Page commands
Icon
Time for action – moving and sorting your pages
Icon
Splitting content into columns
Icon
Time for action – creating a multi-column layout
Icon
Scrapbook
Icon
Time for action – putting your addresses in a scrapbook
Icon
Design and CSS
Icon
Time for action – styling your blocks
Icon
Summary
3
Permissions
Icon
Permissions
Icon
Basic permissions
Icon
Time for action – adding groups
Icon
Time for action – adding users
Icon
Time for action – assigning sitemap permissions
Icon
Time for action – granting file manager permissions
Icon
Time for action – creating a protected website
Icon
Time for action – setting task permissions
Icon
Time for action – granting partial dashboard access
Icon
Advanced permission mode
Icon
Time for action – activating the advanced permission mode
Icon
Time for action – setting time based page visibility
Icon
Time for action – setting sub-page permissions
Icon
Time for action – using block permissions
Icon
Time for action – restricting allowed blocks for an area
Icon
Summary
4
Add-ons
Icon
Add-ons
Icon
What's an add-on?
Icon
Time for action – installing an add-on
Icon
Time for action – removing an add-on
Icon
Time for action – manually installing an add-on
Icon
Theme
Icon
Blocks
Icon
Packages
Icon
Summary
5
Creating Your Own Theme
Icon
Creating Your Own Theme
Icon
The new layout
Icon
Converting HTML and CSS to a concrete5 theme
Icon
Time for action – creating the concrete5 theme header
Icon
Time for action – creating the concrete5 theme footer
Icon
Time for action – creating a page template
Icon
Time for action – creating more page templates
Icon
Installing your theme
Icon
Time for action – installing theme
Icon
PHP constants and functions
Icon
Time for action – getting a list of available constants
Icon
Time for action – list all available functions
Icon
Time for action – checking for edit mode
Icon
Time for action – hiding content from anonymous visitors
Icon
Time for action – restricting numbers of blocks per area
Icon
Time for action – inserting block wrapper in area
Icon
Working with page attributes
Icon
Time for action – using attributes to set background picture
Icon
Time for action – accessing attribute data from a template
Icon
Block in templates
Icon
Time for action – replacing header area with template block
Icon
Time for action – finding autonav block properties
Icon
Time for action – specifying block template in area
Icon
Applying theme to single page
Icon
Time for action – creating single page layout
Icon
Time for action – adding variables to handle login errors
Icon
Creating a customizable theme
Icon
Time for action – a creating customizable theme
Icon
Summary
6
Customizing Block Layout
Icon
Customizing Block Layout
Icon
Custom templates to modify block layout
Icon
Thumbnails in a page list
Icon
Time for action – adding thumbnails to a page list
Icon
Time for action – restricting thumbnail dimension
Icon
Time for action – restricting thumbnails to a custom dimension
Icon
Template folder
Icon
Time for action – creating a template folder
Icon
Picture pop-ups in content block
Icon
Time for action – building a lightbox gallery
Icon
Gravatar picture in guestbook
Icon
Time for action – adding a Gravatar picture to the guestbook
Icon
Avoiding duplicate code in a custom template
Icon
Time for action – including an existing template
Icon
Auto-hide news page list
Icon
Time for action – creating an auto-hide page list
Icon
Transforming a slideshow into a gallery
Icon
Time for action – creating a gallery template for a slideshow
Icon
Time for action – adding a slideshow gallery
Icon
Slideshow using file attributes
Icon
Time for action – adding file attributes to our slideshow
Icon
Time for action – using file attributes in the gallery
Icon
Advanced tooltip in content block
Icon
Time for action – creating advanced tooltips
Icon
Summary
7
Advanced Navigation
chevron up
Icon
Advanced Navigation
Icon
Autonav introduction
Icon
Time for action – undoing autonav block integration
Icon
Images in the navigation
Icon
Time for action – creating page attributes for navigation pictures
Icon
Time for action – creating block picture navigation template
Icon
CSS3 hover effect
Icon
Time for action – creating a CSS3 transition autonav template
Icon
Drop-down navigation
Icon
Time for action – creating SooperFish template
Icon
Hierarchical tree navigation
Icon
Time for action – building a file explorer-like navigation
Icon
Dynamically loading content
Icon
Time for action – dynamically loading concret5 content using jQuery
Icon
Time for action – direct link with dynamic content
Icon
Summary
8
Creating Your Own Add-on Block
Icon
Creating Your Own Add-on Block
Icon
Product information block
Icon
Time for action – creating the database structure
Icon
Time for action – creating the block controller
Icon
Time for action – creating the editing interface
Icon
Time for action – printing block output
Icon
Time for action – adding check for mandatory fields
Icon
Time for action – adding product categories
Icon
Product list
Icon
Time for action – handling multiple block versions
Icon
Time for action – creating the product list block
Icon
Picture magnifier
Icon
Time for action – creating the picture magnifier block
Icon
PDF generation block
Icon
Time for action – creating the PDF generation block
Icon
FTP gallery
Icon
Time for action – creating the FTP based picture gallery
Icon
Summary
9
Everything in a Package
Icon
Everything in a Package
Icon
What's a package?
Icon
Time for action – creating the package controller
Icon
Moving templates into package
Icon
Moving themes and blocks into the package
Icon
Time for action – moving jQZoom block into the package
Icon
Time for action – moving the PDF block into the package
Icon
Hooking into core events
Icon
Maintenance tasks and jobs
Icon
Time for action – execute concrete5 jobs periodically
Icon
Time for action – creating a job to check for broken links
Icon
Injecting header items
Icon
Time for action – creating global tooltips
Icon
Time for action – integrating CSS fix in the package
Icon
Summary
10
Dashboard Extensions
Icon
Dashboard Extensions
Icon
MVC—model view controller
Icon
Broken link interface
Icon
Time for action – creating the broken links dashboard extension
Icon
Time for action – creating package model
Icon
Time for action – adding a second controller method
Icon
File editor embedded in the dashboard
Icon
Time for action – creating the file editor add-on
Icon
Summary
11
Deployment and Configuration
Icon
Deployment and Configuration
Icon
Deployment
Icon
Time for action – disabling pretty URL and cache
Icon
Time for action – transferring a MySQL database
Icon
Time for action – transferring files to the server
Icon
Time for action – updating the configuration file
Icon
Time for action – setting file permissions
Icon
Configuration
Icon
Time for action – installing a translation file
Icon
Time for action – getting PHP information
Icon
Summary
1
Pop Quiz Answers
Icon
Pop Quiz Answers
Icon
Chapter 1: Installation
Icon
Chapter 2: Working with concrete5
Icon
Chapter 3: Permissions
Icon
Chapter 4: Add-ons
Icon
Chapter 5: Creating Your Own Theme
Icon
Chapter 6: Creating Your Own Add-on Block
Icon
Chapter 9: Everything in a Package
2
Index
Icon
Index

CSS3 hover effect

While CSS3 isn't well supported yet, it allows us to do things for which we previously needed JavaScript. The use of JavaScript would have been possible for most effects as well, but we're going to look at a CSS3-only effect to get a quick impression to see how easy it is to integrate upcoming web technologies. Make sure you're using an up-to-date browser like Chrome 6 to see the effect.

The effect we're going to use is just a bit more than a classic CSS hover effect which you've probably used before. It starts with something like this:

a {
  color: silver;
}
a:hover {
  color: black;
}

Such a CSS file would display all the links in silver and, when you hover over them, in black. With CSS3, things get a bit fancier, but let's create the new template; we'll see how it looks very quickly.

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
concrete5 Beginner's Guide
End of Section 7
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon