(some) drupal theming by ryan price

Post on 28-Jan-2015

122 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Think about seeing the forest for the trees, or your theme for the blocks and menus. Also, get a healthy dose of great links for learning HTML and CSS, and fixing IE problems. You've got to get Firefox and a few killer theming extensions, and there are lots of Drupal handbook pages, modules and themes to check out in the process of creating a theme unique to your site.

TRANSCRIPT

DrupalEasy.com - Training | Consulting | Media

(some) Drupal Theming

Ryan Price and Michael Anello

Seeing Patterns

Seeing Patterns

Roughing it In

Regions

Regions

Theme Settings

Theme Settings

Content vs. Presentation

Content vs. Presentation

● Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis purus arcu, fringilla vel interdum at, pharetra ac magna. Fusce nulla ligula, venenatis sit amet fringilla quis, sollicitudin eget metus. Mauris convallis, est pulvinar rhoncus elementum, magna nisi dapibus lorem, sit amet cursus tellus neque in nisl. Ut sed urna tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis purus arcu, fringilla vel interdum at, pharetra ac magna. Fusce nulla? ligula, venenatis sit amet fringilla quis, sollicitudin eget metus. Mauris convallis, est pulvinar rhoncus elementum, magna nisi dapibus lorem, sit amet cursus tellus neque in nisl. Ut sed urna tortor.

Useful Downloads

● http://www.mozilla.com/en-US/firefox/● http://getfirebug.com/● http://kevinfreitas.net/extensions/measureit/● http://chrispederick.com/work/web-developer/● http://www.colorzilla.com/firefox/

Learn Some HTML

● http://alistapart.com– http://alistapart.com/articles/prettyaccessibleforms/– http://www.alistapart.com/articles/12lessonsCSSandstandards/– http://www.alistapart.com/articles/taminglists/ – http://www.alistapart.com/articles/sprites/

● http://www.quirksmode.org/– Understand and fix Internet Explorer problems

● http://positioniseverything.net/ie-primer.html ● http://kuler.adobe.com/ - color schemes

Drupal Theming Sites

● http://drupal.org/project/Themes● http://groups.drupal.org/design-drupal● http://topnotchthemes.com● http://themegarden.org/● http://d-theme.com/

Drupal Theming Links

● http://drupal.org/theme-guide● http://drupal.org/project/devel Devel (includes

Theme Developer module)– Theme Developer Video http://drupal.org/node/209561

● Template Naming Suggestions – http://drupal.org/node/190815#template-suggestions

● Convert Any Website to a Drupal Theme http://drupal.org/node/313510

A Couple of Themes

● http://drupal.org/project/zen● Sub-Themes http://drupal.org/node/340837

● http://drupal.org/project/blueprint● http://drupal.org/project/ninesixty ● http://drupal.org/project/pixture_reloaded● http://drupal.org/project/zeropoint ● http://drupal.org/project/stark

A Couple More Themes

● http://drupal.org/project/genesis ● http://drupal.org/project/rootcandy ● http://drupal.org/project/twilight ● http://drupal.org/project/foundation ● http://drupal.org/project/tapestry ● http://drupal.org/project/artistsC01 ● http://drupal.org/project/acquia_marina

Handbook Pages

● Types of themes http://drupal.org/node/323990– Includes a list of color-able themes

● POSH (Plain Old Semantic HTML) http://drupal.org/node/44072

● Set the Maintenance Theme http://drupal.org/node/195435

● Theming Search Results http://drupal.org/node/175013

DrupalEasy Articles

● Getting Started with the Blueprint Theme http://drupaleasy.com/blogs/ultimike/2009/04/getting-started-blueprint-theme

● Customize a Block's Theme http://drupaleasy.com/quicktips/quick-way-customize-blocks-theme

● Rounded Corners http://drupaleasy.com/blogs/ultimike/2009/04/adding-rounded-block-borders-your-sites-theme

DrupalEasy.com - Training | Consulting | Media

DrupalEasy.com

Web site: technical articles, workshop announcements

Podcast: search for “drupaleasy” on iTunes

Twitter: @drupaleasy – Quicktips, announcements, coupons

top related