Tapestry

A Drupal Theme

Suckerfish Menu

  • Features
    • 20 Color Styles
    • 30 Regions
    • Custom Block Themes
    • Suckerfish Menus
    • Flexible Page Layout
    • Easy Configuration
    • Icon Support
    • Custom Typography
    • IE PNG Fix
  • Handbook
    • Installing Tapestry
      • Installing the Theme
      • Installing ThemeSettingsAPI
      • Configuring Tapestry
      • Installing BlockTheme
      • Configuring BlockTheme
    • Using Tapestry
      • Using Regions
      • Using Sidebars
      • Using Block Themes
      • Using Suckerfish Menus
      • Using Icons
      • Using Primary Links
      • Using Custom Typography
      • Using The IE PNG Fix
    • Customizing Tapestry
      • Adding Icons
      • Creating Block Themes
      • Creating New Styles
    • Troubleshooting
      • Setup Issues
      • Layout Issues
    • How Do I...
      • Put Images In a Block
      • Place Ads On My Site
    • Credits
  • Forums
  • Download
  • RoopleTheme
    • About RoopleTheme
    • RoopleTheme.com
    • Contact RoopleTheme
  • Home
  • Help
  • Contact

Tapestry Handbook

  • 1. Installing and Configuring Tapestry
  • 2. Using Tapestry on Your Site
    • 2.1. Using Tapestry Regions
    • 2.2. Using Tapestry Sidebars
    • 2.3. Using the Block Theme Module
    • 2.4. Using Suckerfish Menus
    • 2.5. Using Tapestry Icons
    • 2.6. Using The Primary Links Menu
    • 2.7. Using Tapestry's Custom Typography
    • 2.8 Using The IE PNG Fix
  • 3. Customizing Tapestry
  • 4. Troubleshooting
  • 5. How Do I...
  • 6. Credits

2.7. Using Tapestry's Custom Typography

Submitted by admin on Fri, 01/25/2008 - 07:41.

Tapestry provides several custom styles that you can use in your node or block content. You can see examples of these styles on the Typography Sample page.

You can use the custom typography styles on your site by inserting a small amount of HTML code into your node or block content. Each of the examples on the Typography Sample page specify the HTML code necessary to use that style.

For example, the alert style example on the Typography Sample page specifies that you'll need to wrap your content in a set of <span class="alert">...</span> tags.

Within your block or node body, you could enter the following code:

<span class="alert">This is really important!</span>

You will need to change the Input format of your node or block to Full HTML, or else Drupal will filter out your HTML code.

If you've done everything correctly, Tapestry will display this as:

This is really important!

Similarly, if you create a block or node with the following code:

<blockquote>This is a really famous quote from a really famous person that 
was taken from a really famous story out of a really famous book.</blockquote>

Tapestry will display it as:

This is a really famous quote from a really famous person that was taken from a really famous story out of a really famous book.

‹ 2.6. Using The Primary Links Menuup2.8 Using The IE PNG Fix ›
  • Printer-friendly version
  • Login to post comments
RoopleTheme