Zen
•
0 likes•339 views
The document discusses the theming of a website using a Zen-based theme. It includes the CSS stylesheet definitions and HTML markup for elements like the header, navigation menu, main content area, and footer. Code snippets show how to output dynamic content and links using PHP.
More Related Content
What's hot
What's hot (19)
Similar to Zen
Similar to Zen (20)
More from Inna Tuyeva
More from Inna Tuyeva (20)
Recently uploaded
Recently uploaded (20)
Zen
- 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. <!-- main content area --> <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. + VIEWS