Skip to content

cafeyab/website-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cafeyab Theme

Pi Engine theme for cafeyab.com

Folder and file skeleton

  • Templates REQUIRED for front:
    • template/layout-front.phtml - complete layout template: header, footer, body, blocks, navigation
    • template/layout-simple.phtml - error page layout: header, footer, body
    • template/layout-style.phtml - content with stylesheets
    • template/layout-content.phtml - raw content without stylesheets
    • template/error.phtml - defined in var/config/config.application.php: view_manager.error_template
  • Templates OPTIONAL for front:
    • template/page-zone.phtml - for block manipulation on a page
    • template/block.phtml - called by layout-front.phtml
    • template/error-404.phtml - defined in var/config/config.application.php: view_manager.not_found_template
    • template/error-denied.phtml - defined in var/config/config.application.php: view_manager.denied_template
    • template/error-exception.phtml - defined in var/config/config.application.php: view_manager.exception_template
  • Stylesheet file REQUIRED:
  • asset/css/style.css - main css file

Best practices

  • It is highly recommended to use 'pi-' as prefix for all global id and class names used in theme to avoid conflicts.
  • It is highly recommended to use module identity as prefix for module id and class names used in templates to avoid conflicts, for instance 'demo-'.

Block zones

 |<- lt ->|<------------------        center        ------------------>|<- rt ->|


 --------------------------------------------------------------------------------
 |                                                                              |
 |                                        0                                     |
 |                                                                              |
 --------------------------------------------------------------------------------
 |        |                                                            |        |
 |        |                               2                            |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                3              |             4              |        |
 |        |                               |                            |        |
 |   1    |------------------------------------------------------------|   8    |
 |        |                                                            |        |
 |        |                             module                         |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                5              |             6              |        |
 |        |                               |                            |        |
 |        |------------------------------------------------------------|        |
 |        |                                                            |        |
 |        |                               7                            |        |
 |        |                                                            |        |
 |--------|------------------------------------------------------------|--------|
 |                                                                              |
 |                                        99                                    |
 |                                                                              |
 --------------------------------------------------------------------------------

 |<- lt ->|<------------------        center        ------------------>|<- rt ->|

front.css

1. Bootstrap custom css or [custom bootstrap.css](http://getbootstrap.com/customize/) in theme
1. Block
   * head
     * pi-panel-subline
     * tab
   * body
1. ellipsis
   * .pi-ellipsis
   * .pi-ellipsis-1
   * .pi-ellipsis-2
   * .pi-ellipsis-3
   * .pi-ellipsis-4
1. pi-list
1. pi-order-list
1. pi-footer
1. module-custom

Releases

No releases published

Packages

No packages published