Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Styling & Theming Panels 3 For Drupal

    Enviado por

    TopNotchThemes
    16K visualizações19 páginas
    Panels is a Drupal module (http://drupal.org/project/panels) which allows for complex layouts and administration of content within these pages. New in Panels 3 is the ability for a theme to provide custom styles for panels and entire layouts. This new approach allows themers to define style options which are then easily selectable through the administration interface, allowing site editors to further customize pages. This persentation is for: * Themers who want to add Panels styles to their themes * Those who are considering using Panels for their site but what to know more about what it can do and why * Site administrators who want the ability to add sections/pages to their site and control their appearance through the Drupal interface Learn about creating styles and adding CSS for regions, panes, and layouts.

    Título original

    Styling & Theming Panels 3 for Drupal

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Panels is a Drupal module (http://drupal.org/project/panels) which allows for complex layouts and administration of content within these pages. New in Panels 3 is the ability for a theme to provide custom styles for panels and entire layouts. This new approach allows themers to define style options which are then easily selectable through the administration interface, allowing site editors to further customize pages. This persentation is for: * Themers who want to add Panels styles to their themes * Those who are considering using Panels for their site but what to know more about what it can do and why * Site administrators who want the ability to add sections/pages to their site and control their appearance through the Drupal interface Learn about creating styles and adding CSS for regions, panes, and layouts.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    16K visualizações19 páginas

    Styling & Theming Panels 3 For Drupal

    Enviado por

    TopNotchThemes
    Panels is a Drupal module (http://drupal.org/project/panels) which allows for complex layouts and administration of content within these pages. New in Panels 3 is the ability for a theme to provide custom styles for panels and entire layouts. This new approach allows themers to define style options which are then easily selectable through the administration interface, allowing site editors to further customize pages. This persentation is for: * Themers who want to add Panels styles to their themes * Those who are considering using Panels for their site but what to know more about what it can do and why * Site administrators who want the ability to add sections/pages to their site and control their appearance through the Drupal interface Learn about creating styles and adding CSS for regions, panes, and layouts.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 19

    Theming for Panels 3

    Stephanie Pakrul
    stephthegeek

    Chris Fassnacht
    sociotech

    Jay Wolf
    jwolf

    www.TopNotchThemes.com
    Agenda
    A quick overview of Panels
    Ways to style Panels 3
    Using layouts and core Panels styles
    Basics
    Flexible Layout Designer
    System block styles
    Applying styles to regions vs. Panes

    Styling with CSS


    Hijacking Panels' rounded corners
    Embed CSS in Panels UI
    Add ID/class in Panels UI & target in theme

    Providing custom styles and layouts within the theme


    Overview of Panels
    Why Panels?
    Using Panels puts the power of configuring layouts and
    selecting styles more in the hands of editors / administrators

    The future of Drupal is reusable and modular theming

    Why Panels theming?


    Many different approaches to styling Panels with varying
    levels of complexity and control
    Working with Layouts
    Basics

    Flexible Layout Designer

    System block styles

    Applying styles to regions vs. Panes


    Basics of Panels Layouts
    Panels 3 comes with
    several standard
    layout types

    You can use these with


    Drupal's regions, or
    disable your sidebars
    Flexible Layout Designer
    Flexible Layout Designer
    demonstration
    System block styles
    The System Block style
    uses your theme's
    block.tpl.php file
    This option may be
    more or less useful to
    you, depending on
    theme structure
    demonstration
    Applying styles to regions vs. panes

    You can apply styles to


    the containers, called
    Regions

    Or to the sections of
    content inside
    regions, called Panes
    demonstration
    Styling with CSS

    Hijacking Panels' rounded corners

    Embed CSS in Panels UI

    Add ID/class in Panels UI & target in theme


    Rounded corners style
    Panels comes with a
    basic rounded corner
    style

    You can take over this


    markup in your
    theme's CSS and
    replace with your own
    graphics
    Adding your own CSS
    Adding your own CSS
    For simple changes,
    add your CSS right in
    Panels' UI

    Even better, add a


    unique ID or class to
    the panel and target
    this in your theme's
    style.css file
    demonstration
    Styles & Layouts with Theme
    Define a Panels plugins
    in your theme

    Layouts
    Region/pane styles

    Add plugins to theme's


    .info file
    demonstration
    Questions?
    Code / screenshots

    Links
    http://drupal.org/project/panels

    http://drupal.org/project/acquia_marina - 2.x dev branch


    http://drupal.org/project/acquia_slate - 2.x dev branch

    Thank you!

    Você também pode gostar