Zen based theming

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>

<div id="center"> <?php print $content ?> <hr /> </div>

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

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

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

by Drupal Camp Kyiv on Aug 28, 2009

Accessibility

Tags

Upload Details

Usage Rights

2 Embeds 60

Statistics

Zen based theming — Presentation Transcript

http://camp09.drupal.ua	57
http://www.slideshare.net	3