Zen based theming

1. Zen-based theming

2. Ecobusiness(http://www.opensourcetemplates.org/templates/preview/1312612761/)

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

4. 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;

5. 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 */ {

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 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>

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.  <div id="center"> <?php print $content ?> <hr /> </div>

13. <?php print theme('links', $primary_links); ?>

14.  <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.  <?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. + VIEWS

Zen based theming

Zen based theming

Recommended

More Related Content

What's hot

What's hot(19)

Viewers also liked

Viewers also liked(20)

Similar to Zen based theming

Similar to Zen based theming(20)

More from Drupal Camp Kyiv

More from Drupal Camp Kyiv(20)

Zen based theming