Zen-based theming
Ecobusiness(http://www.opensourcetemplates.org/templates/preview/1312612761/)
Zen is...
/** header **/
  #header
  {
  }

 #header-inner
 {
 }

 #logo-title /* Wrapper for logo, website
name, and slogan */
 {
 }
Zen is... and more....
/** header **/
  #header
  {
  }

 #header-inner
 {
 }

 #logo-title /* Wrapper for logo, website name, and slogan */
 {
 }

 #logo /* Wrapper for logo */
 {
   margin: 0 10px 0 0;
   padding: 0;
 }

 #logo-image /* The actual logo image */
 {
 }

 h1#site-name, div#site-name /* The name of the website */
 {
   margin: 0;
   font-size: 2em;
   line-height: 1.3em;
Zen is... and more.... and
/** header **/
                    f....g more
  #header
  {
  }

 #header-inner
 {
 }

 #logo-title /* Wrapper for logo, website name, and slogan */
 {
 }

 #logo /* Wrapper for logo */
 {
   margin: 0 10px 0 0;
   padding: 0;
 }

 #logo-image /* The actual logo image */
 {
 }

 h1#site-name, div#site-name /* The name of the website */
 {
   margin: 0;
   font-size: 2em;
   line-height: 1.3em;
 }

 #site-name a:link,
 #site-name a:visited
 {
   color: #000;
   text-decoration: none;
 }

 #site-name a:hover
 {
   text-decoration: underline;
 }

 #site-slogan /* The slogan (or tagline) of a website */
 {
 }

 #header-blocks /* Wrapper for any blocks placed in the header region */
 {
Mytheme info

name = MyTheme
description = A blank base theme
version = .02
core = 6.x
engine = phptemplate

stylesheets[all][] = reset-min.css
stylesheets[all][] = common.css
$styles: Style tags necessary to import all CSS files for
the page. - это нам и нужно. Заодно скопируем весь
<head> от zen'а:

<head>
 <title><?php print $head_title; ?></title>
 <?php print $head; ?>
 <?php print $styles; ?>
 <?php print $scripts; ?>
</head>
<div class="article_wrapper">
                 <h2>Weekly News Updates</h2>
                 <p>Lorem ipsum dolor sit amet, consectetuer adipis cing
elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim
veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq
eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat Lorem ipsum dolor sit amet Lorem ipsum dolor sit
amet.</p>
</div>
             <div class="article_wrapper">
                 <h2>Current Employment News</h2>
                 <p>Lorem ipsum dolor sit amet, consectetuer adipis cing
elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim
veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq
eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipis cing
elit.</p>
             </div>
<!-- main content area -->
    <div id="center">
      <?php print $content ?>
      <hr />
    </div>
<?php print theme('links', $primary_links); ?>
<!-- top navigation -->
          <ul id="navigation">
              <li class="active"><a href="#" title="Home">Home</a></li>
              <li><a href="#" title="About">About</a></li>
              <li><a href="#" title="Services">Services</a></li>
              <li><a href="#" title="Portofolio">Portofolio</a></li>
              <li><a href="#" title="Contact">Contact</a></li>
          </ul>
          <hr />
<!-- top navigation -->
       <?php print theme('links', $primary_links); ?>
         <hr />
<?php print theme('links', $primary_links, array('id'=>'navigation')); ?>
Александр Дубовской
            dan@ra-don.ru
             Icq: 398052
Jabber: alexander.phoenix@gmail.com
+
VIEWS
Zen based theming
Zen based theming

Zen based theming

  • 1.
  • 2.
  • 3.
    Zen is... /** header**/ #header { } #header-inner { } #logo-title /* Wrapper for logo, website name, and slogan */ { }
  • 4.
    Zen is... andmore.... /** header **/ #header { } #header-inner { } #logo-title /* Wrapper for logo, website name, and slogan */ { } #logo /* Wrapper for logo */ { margin: 0 10px 0 0; padding: 0; } #logo-image /* The actual logo image */ { } h1#site-name, div#site-name /* The name of the website */ { margin: 0; font-size: 2em; line-height: 1.3em;
  • 5.
    Zen is... andmore.... and /** header **/ f....g more #header { } #header-inner { } #logo-title /* Wrapper for logo, website name, and slogan */ { } #logo /* Wrapper for logo */ { margin: 0 10px 0 0; padding: 0; } #logo-image /* The actual logo image */ { } h1#site-name, div#site-name /* The name of the website */ { margin: 0; font-size: 2em; line-height: 1.3em; } #site-name a:link, #site-name a:visited { color: #000; text-decoration: none; } #site-name a:hover { text-decoration: underline; } #site-slogan /* The slogan (or tagline) of a website */ { } #header-blocks /* Wrapper for any blocks placed in the header region */ {
  • 6.
    Mytheme info name =MyTheme description = A blank base theme version = .02 core = 6.x engine = phptemplate stylesheets[all][] = reset-min.css stylesheets[all][] = common.css
  • 8.
    $styles: Style tagsnecessary to import all CSS files for the page. - это нам и нужно. Заодно скопируем весь <head> от zen'а: <head> <title><?php print $head_title; ?></title> <?php print $head; ?> <?php print $styles; ?> <?php print $scripts; ?> </head>
  • 10.
    <div class="article_wrapper"> <h2>Weekly News Updates</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipis cing elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.</p> </div> <div class="article_wrapper"> <h2>Current Employment News</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipis cing elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipis cing elit.</p> </div>
  • 11.
    <!-- main contentarea --> <div id="center"> <?php print $content ?> <hr /> </div>
  • 13.
    <?php print theme('links',$primary_links); ?>
  • 14.
    <!-- top navigation--> <ul id="navigation"> <li class="active"><a href="#" title="Home">Home</a></li> <li><a href="#" title="About">About</a></li> <li><a href="#" title="Services">Services</a></li> <li><a href="#" title="Portofolio">Portofolio</a></li> <li><a href="#" title="Contact">Contact</a></li> </ul> <hr />
  • 15.
    <!-- top navigation--> <?php print theme('links', $primary_links); ?> <hr />
  • 16.
    <?php print theme('links',$primary_links, array('id'=>'navigation')); ?>
  • 17.
    Александр Дубовской dan@ra-don.ru Icq: 398052 Jabber: alexander.phoenix@gmail.com
  • 18.