Search | Drupalize.Me

Showing 41-48 of 48 results

Theming Basics for Drupal 7

Course

Theming

Drupal 7

15 tutorials

Introduction to Theming Basics for Drupal 7 Free

Preparing a Site for Theming

Enabling Themes and Theme Settings

Translating a Design into a Drupal Theme

Helpful Browser Extensions for Drupal Theming

Creating the .info File and Adding CSS

Customizing the Page Template File

Adding Regions to the Page Template

Customizing the Node Template

Creating Dynamic Templates for Specific Node Types

Using the Theme Developer Module

Add JavaScript to a Theme

Tour of Popular Page Template Variables

Add a Screenshot to Your Theme

Conclusion to Theming Basics

Markup in Drupal 7

Course

Site Building, Theming

Drupal 7

33 tutorials

Zen: Introduction and Installation Free

Why Use a Base Theme? Free

Zen: Identify HTML5 Markup in Templates

Recap: Markup in Zen

Fences: Semantic Markup for Fields

Introduction to Markup in Views

Views Unformatted List Format

Views HTML List Format

Views Table Format

Views Default Field Wrapper Markup

Views Advanced Field Wrapper Markup

Views Theme Information

Theme Developer Module and Views

Views Template Files

How to Add a Class to a View

Recap and Challenge: Markup in Views

Introduction to Markup in Panels

Overview of Layouts in Panels

Set up Demo Panel Page

Panels: Add or Remove CSS Body Classes

Panels: Add CSS Classes to the "Main" Region

Panels: Add CSS Classes or IDs to Panel Panes

Override Panel Pane Template File

What Is Style in Panels?

Recap: Markup in Panels

Introduction to Markup in Display Suite

Display Suite: Provide a Custom Layout

Display Suite: Create a Custom Layout with Drush

Display Suite: Add CSS Classes to Regions

Display Suite: Add CSS Classes to Fields

Display Suite: Add Custom HTML Wrappers

Display Suite: Utilize Field Templates

Recap: Markup in Display Suite

PSD to Drupal 7 Theme

Course

Theming

Drupal 7

21 tutorials

PSD to Theme Introduction Free

Introduction to the Domicile Theme Free

Theming by Component

Create a Theme Style Guide

Extract Design Assets

Create CSS Stub Files

Layout Rules for CSS Stubs

Create a Checklist of Drupal Elements

Prepare Drupal for Theming

Customize Image Styles

Create and Place Custom Blocks

Create the Theme Infrastructure

Prepare the Theme Info File

Incorporate Style Guide Stubs into the Theme

Establish Page Layout Structure with page.tpl.php

Insert Site-Wide Components into page.tpl.php

Install Your Theme

Enable Your Theme

Identify and Theme Components

Review the Completed Theme

Next Steps for Your Theme

Advanced Theming for Drupal 7

Course

Theming

Drupal 7

17 tutorials

Introduction Advanced Theming in Drupal 7 Free

PHP for Themers Free

Altering Variables with Preprocess Functions

Adding New Variables with Preprocess Functions

Adding New Variables to a Specific Node Type

Adding Conditional CSS and Javascript

Dynamic Templates with theme_hook_suggestions

Overriding Theme Functions

Creating a Preprocess Function for a Theme Function

Function Name Suggestions

Theme Alter Hooks for CSS and JavaScript

Altering the Page from the Theme Layer

Altering Forms from the Theme Layer

Best Practices for hook_form_alter()

Theming Forms

Theme Settings

Strategies for Keeping Template Files Clean

Legacy Theme Development

Guide

Theming

Drupal 7

Image Styles

Course

Site Building, Theming

Drupal 7

5 tutorials

Using Image Styles in Node Display Free

Creating Custom Image Styles

Using Image Styles with Views

Imagecache Actions - How to Make Circle Images

Exporting Image Styles to Code: Making Deployment Easier

Coding Standards in Drupal

Course

Theming, Module Development

Drupal 7, 8, 9, 10, and 11

7 tutorials

What Are Drupal Code Standards? Free

Drupal Code Standards: Formatting Free

Drupal Code Standards: Documentation Free

Drupal Code Standards: Object-Oriented Programming Free

Drupal Code Standards: The t() Function Free

Drupal Code Standards: Twig Free

How to Implement Drupal Code Standards Free

jQuery and JavaScript in Drupal 7 Series

Course

Theming

Drupal 6, 7

14 tutorials

Introduction to jQuery and JavaScript in Drupal Free

jQuery Overview Free

Adding JavaScript Through a Theme

The jQuery Macro Maker Demonstration Module

Adding JavaScript and Variables Through a Module

Drupal.behaviors and Drupal-Specific JavaScript

Making Tables Sortable with jQuery

JavaScript-Related Form Api Properties

Dynamic Forms in Drupal 6: Ahah Framework

Ajax Framework in Drupal 7

Creating Ajax-Enabled Links in Drupal 7

JavaScript Form Dependencies with the States System

JavaScript-Related Drupal Contrib Modules

jQuery and JavaScript in Drupal Review