SlideShare a Scribd company logo
1 of 20
Download to read offline
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

More Related Content

What's hot

Drupal 7 Theming - what's new
Drupal 7 Theming - what's newDrupal 7 Theming - what's new
Drupal 7 Theming - what's newMarek Sotak
 
Adopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal wayAdopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal wayMarek Sotak
 
Introduction to WordPress Theme Development
Introduction to WordPress Theme DevelopmentIntroduction to WordPress Theme Development
Introduction to WordPress Theme DevelopmentSitdhibong Laokok
 
Theme like a monster #ddceu
Theme like a monster #ddceuTheme like a monster #ddceu
Theme like a monster #ddceuMarek Sotak
 
WordPress Theme Development for Designers
WordPress Theme Development for DesignersWordPress Theme Development for Designers
WordPress Theme Development for Designerselliotjaystocks
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress ThemesLaura Hartwig
 
WordPress 3.4 Theme Customizer
WordPress 3.4 Theme CustomizerWordPress 3.4 Theme Customizer
WordPress 3.4 Theme CustomizerChandra Maharzan
 
Atomicant Drupal 6 Theming
Atomicant Drupal 6 ThemingAtomicant Drupal 6 Theming
Atomicant Drupal 6 ThemingMarek Sotak
 
Node js overview
Node js overviewNode js overview
Node js overviewEyal Vardi
 
Perlmagickを使った画像処理
Perlmagickを使った画像処理Perlmagickを使った画像処理
Perlmagickを使った画像処理Toshimitsu YAMAGUCHI
 
Word press templates
Word press templatesWord press templates
Word press templatesDan Phiffer
 
Devise | Presentation for Alpharetta PHP / Laravel Group
Devise | Presentation for Alpharetta PHP / Laravel GroupDevise | Presentation for Alpharetta PHP / Laravel Group
Devise | Presentation for Alpharetta PHP / Laravel GroupGary Williams
 
What we can learn from WordPress as a developer
What we can learn from WordPress as a developerWhat we can learn from WordPress as a developer
What we can learn from WordPress as a developerChandra Maharzan
 
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011camp_drupal_ua
 
JS.Chi CSS Animations
JS.Chi CSS AnimationsJS.Chi CSS Animations
JS.Chi CSS AnimationsJustin Meyer
 
Up & Running with Polymer
Up & Running with PolymerUp & Running with Polymer
Up & Running with PolymerFiyaz Hasan
 
DBIx::Skinnyと仲間たち
DBIx::Skinnyと仲間たちDBIx::Skinnyと仲間たち
DBIx::Skinnyと仲間たちRyo Miyake
 

What's hot (19)

Drupal 7 Theming - what's new
Drupal 7 Theming - what's newDrupal 7 Theming - what's new
Drupal 7 Theming - what's new
 
Adopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal wayAdopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal way
 
Introduction to WordPress Theme Development
Introduction to WordPress Theme DevelopmentIntroduction to WordPress Theme Development
Introduction to WordPress Theme Development
 
Drawing images
Drawing imagesDrawing images
Drawing images
 
Theme like a monster #ddceu
Theme like a monster #ddceuTheme like a monster #ddceu
Theme like a monster #ddceu
 
Videooutoplay
VideooutoplayVideooutoplay
Videooutoplay
 
WordPress Theme Development for Designers
WordPress Theme Development for DesignersWordPress Theme Development for Designers
WordPress Theme Development for Designers
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
WordPress 3.4 Theme Customizer
WordPress 3.4 Theme CustomizerWordPress 3.4 Theme Customizer
WordPress 3.4 Theme Customizer
 
Atomicant Drupal 6 Theming
Atomicant Drupal 6 ThemingAtomicant Drupal 6 Theming
Atomicant Drupal 6 Theming
 
Node js overview
Node js overviewNode js overview
Node js overview
 
Perlmagickを使った画像処理
Perlmagickを使った画像処理Perlmagickを使った画像処理
Perlmagickを使った画像処理
 
Word press templates
Word press templatesWord press templates
Word press templates
 
Devise | Presentation for Alpharetta PHP / Laravel Group
Devise | Presentation for Alpharetta PHP / Laravel GroupDevise | Presentation for Alpharetta PHP / Laravel Group
Devise | Presentation for Alpharetta PHP / Laravel Group
 
What we can learn from WordPress as a developer
What we can learn from WordPress as a developerWhat we can learn from WordPress as a developer
What we can learn from WordPress as a developer
 
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011
Ilivanov Alexander.How to make best theme.DrupalCamp Kyiv 2011
 
JS.Chi CSS Animations
JS.Chi CSS AnimationsJS.Chi CSS Animations
JS.Chi CSS Animations
 
Up & Running with Polymer
Up & Running with PolymerUp & Running with Polymer
Up & Running with Polymer
 
DBIx::Skinnyと仲間たち
DBIx::Skinnyと仲間たちDBIx::Skinnyと仲間たち
DBIx::Skinnyと仲間たち
 

Viewers also liked

Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sassnyccamp
 
Responsive with SASS and compass
Responsive with SASS and compassResponsive with SASS and compass
Responsive with SASS and compassDavid Malinowicz
 
Drupal 7: Theming with the SASS Framework
Drupal 7: Theming with the SASS FrameworkDrupal 7: Theming with the SASS Framework
Drupal 7: Theming with the SASS FrameworkEric Sembrat
 
ALL YOUR BASE (THEMES) ARE BELONG TO US
ALL YOUR BASE (THEMES) ARE BELONG TO USALL YOUR BASE (THEMES) ARE BELONG TO US
ALL YOUR BASE (THEMES) ARE BELONG TO USnyccamp
 
Behat - human-readable automated testing
Behat - human-readable automated testingBehat - human-readable automated testing
Behat - human-readable automated testingnyccamp
 
Drupal & responsive
Drupal & responsiveDrupal & responsive
Drupal & responsiveRezonova
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDavid Burns
 
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)Four Kitchens
 
Responsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen GridsResponsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen GridsSuzanne Dergacheva
 
Подбор персонала с помощью кадровых агентств
Подбор персонала с помощью кадровых агентствПодбор персонала с помощью кадровых агентств
Подбор персонала с помощью кадровых агентствДмитрий Соловьев
 
javascript_part1
javascript_part1javascript_part1
javascript_part1sovest
 
Жизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка ЖаклинЖизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка Жаклинannelee2011
 
мини презентация ведущий павел ш вайко
мини презентация ведущий павел ш вайкомини презентация ведущий павел ш вайко
мини презентация ведущий павел ш вайкоmatuzel
 
Правила поведения
Правила поведенияПравила поведения
Правила поведенияEKF-electrotechnica
 
схема анализа работы учителя гбоу сош (1)
схема анализа работы учителя гбоу сош (1)схема анализа работы учителя гбоу сош (1)
схема анализа работы учителя гбоу сош (1)Анастасия Никулкина
 
medica новый_год_декабрь,2013
medica новый_год_декабрь,2013medica новый_год_декабрь,2013
medica новый_год_декабрь,2013Alenushka Kostenko
 
Многоканальное продвижение сайта
Многоканальное продвижение сайтаМногоканальное продвижение сайта
Многоканальное продвижение сайтаArtjoker
 

Viewers also liked (20)

Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sass
 
Responsive with SASS and compass
Responsive with SASS and compassResponsive with SASS and compass
Responsive with SASS and compass
 
Drupal 7: Theming with the SASS Framework
Drupal 7: Theming with the SASS FrameworkDrupal 7: Theming with the SASS Framework
Drupal 7: Theming with the SASS Framework
 
ALL YOUR BASE (THEMES) ARE BELONG TO US
ALL YOUR BASE (THEMES) ARE BELONG TO USALL YOUR BASE (THEMES) ARE BELONG TO US
ALL YOUR BASE (THEMES) ARE BELONG TO US
 
Behat - human-readable automated testing
Behat - human-readable automated testingBehat - human-readable automated testing
Behat - human-readable automated testing
 
Drupal & responsive
Drupal & responsiveDrupal & responsive
Drupal & responsive
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs Panels
 
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
 
Responsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen GridsResponsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen Grids
 
Подбор персонала с помощью кадровых агентств
Подбор персонала с помощью кадровых агентствПодбор персонала с помощью кадровых агентств
Подбор персонала с помощью кадровых агентств
 
javascript_part1
javascript_part1javascript_part1
javascript_part1
 
Жизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка ЖаклинЖизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка Жаклин
 
презентация1
презентация1презентация1
презентация1
 
мини презентация ведущий павел ш вайко
мини презентация ведущий павел ш вайкомини презентация ведущий павел ш вайко
мини презентация ведущий павел ш вайко
 
Правила поведения
Правила поведенияПравила поведения
Правила поведения
 
111
111111
111
 
схема анализа работы учителя гбоу сош (1)
схема анализа работы учителя гбоу сош (1)схема анализа работы учителя гбоу сош (1)
схема анализа работы учителя гбоу сош (1)
 
medica новый_год_декабрь,2013
medica новый_год_декабрь,2013medica новый_год_декабрь,2013
medica новый_год_декабрь,2013
 
Многоканальное продвижение сайта
Многоканальное продвижение сайтаМногоканальное продвижение сайта
Многоканальное продвижение сайта
 
Your fm magazine №48
Your fm magazine №48Your fm magazine №48
Your fm magazine №48
 

Similar to Zen based theming

Grok Drupal (7) Theming
Grok Drupal (7) ThemingGrok Drupal (7) Theming
Grok Drupal (7) ThemingPINGV
 
Creating GUI container components in Angular and Web Components
Creating GUI container components in Angular and Web ComponentsCreating GUI container components in Angular and Web Components
Creating GUI container components in Angular and Web ComponentsRachael L Moore
 
3 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 202101053 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 20210105John Picasso
 
True Dreams Furniture
True Dreams FurnitureTrue Dreams Furniture
True Dreams FurnitureSimranGaur3
 
Grok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateGrok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateLaura Scott
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React201920190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019Makoto Mori
 
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...cehwitham
 
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 NepalWordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 NepalChandra Prakash Thapa
 
integrasi template admin lte terbaru dengan laravel 7
integrasi template admin lte terbaru dengan laravel 7integrasi template admin lte terbaru dengan laravel 7
integrasi template admin lte terbaru dengan laravel 7Adi Nata
 
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nl
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nlSource Ordered Templates - - Joomla!Days NL 2009 #jd09nl
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nlJoomla!Days Netherlands
 
How to make a WordPress theme
How to make a WordPress themeHow to make a WordPress theme
How to make a WordPress themeHardeep Asrani
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSSBeckhamWee
 
How to create a basic template
How to create a basic templateHow to create a basic template
How to create a basic templatevathur
 
HTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptHTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptraghavanp4
 

Similar to Zen based theming (20)

Basic html
Basic htmlBasic html
Basic html
 
Grok Drupal (7) Theming
Grok Drupal (7) ThemingGrok Drupal (7) Theming
Grok Drupal (7) Theming
 
Creating GUI container components in Angular and Web Components
Creating GUI container components in Angular and Web ComponentsCreating GUI container components in Angular and Web Components
Creating GUI container components in Angular and Web Components
 
3 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 202101053 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 20210105
 
True Dreams Furniture
True Dreams FurnitureTrue Dreams Furniture
True Dreams Furniture
 
Grok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateGrok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb update
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
 
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React201920190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019
 
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
 
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 NepalWordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
 
integrasi template admin lte terbaru dengan laravel 7
integrasi template admin lte terbaru dengan laravel 7integrasi template admin lte terbaru dengan laravel 7
integrasi template admin lte terbaru dengan laravel 7
 
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nl
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nlSource Ordered Templates - - Joomla!Days NL 2009 #jd09nl
Source Ordered Templates - - Joomla!Days NL 2009 #jd09nl
 
20110820 header new style
20110820 header new style20110820 header new style
20110820 header new style
 
How to make a WordPress theme
How to make a WordPress themeHow to make a WordPress theme
How to make a WordPress theme
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS
 
How to create a basic template
How to create a basic templateHow to create a basic template
How to create a basic template
 
Day of code
Day of codeDay of code
Day of code
 
HTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptHTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.ppt
 
css.ppt
css.pptcss.ppt
css.ppt
 
css.ppt
css.pptcss.ppt
css.ppt
 

More from Drupal Camp Kyiv

DrupalCamp Kyiv 2009 Official Report
DrupalCamp Kyiv 2009 Official ReportDrupalCamp Kyiv 2009 Official Report
DrupalCamp Kyiv 2009 Official ReportDrupal Camp Kyiv
 
Что нового в Drupal 7
Что нового в Drupal 7Что нового в Drupal 7
Что нового в Drupal 7Drupal Camp Kyiv
 
Безопасный код
Безопасный кодБезопасный код
Безопасный кодDrupal Camp Kyiv
 
Текст доклада о разработке плагина к модулю ССК
Текст доклада о разработке плагина к модулю ССКТекст доклада о разработке плагина к модулю ССК
Текст доклада о разработке плагина к модулю ССКDrupal Camp Kyiv
 
Обслуживание мультисайтинга
Обслуживание мультисайтингаОбслуживание мультисайтинга
Обслуживание мультисайтингаDrupal Camp Kyiv
 
Разработка соц. сети на Друпале
Разработка соц. сети на ДрупалеРазработка соц. сети на Друпале
Разработка соц. сети на ДрупалеDrupal Camp Kyiv
 
За что мы ненавидим Drupal
За что мы ненавидим DrupalЗа что мы ненавидим Drupal
За что мы ненавидим DrupalDrupal Camp Kyiv
 
Многоязычие сайта на Drupal
Многоязычие сайта на DrupalМногоязычие сайта на Drupal
Многоязычие сайта на DrupalDrupal Camp Kyiv
 
Drupal 7 development: first impressions
Drupal 7 development: first impressionsDrupal 7 development: first impressions
Drupal 7 development: first impressionsDrupal Camp Kyiv
 
Веб-аналитика в Drupal2
Веб-аналитика в Drupal2Веб-аналитика в Drupal2
Веб-аналитика в Drupal2Drupal Camp Kyiv
 
Веб-аналитика в Drupal1
Веб-аналитика в Drupal1Веб-аналитика в Drupal1
Веб-аналитика в Drupal1Drupal Camp Kyiv
 
Who is here? DrupalCamp Kyiv 2009 opening
Who is here? DrupalCamp Kyiv 2009 openingWho is here? DrupalCamp Kyiv 2009 opening
Who is here? DrupalCamp Kyiv 2009 openingDrupal Camp Kyiv
 
Разработка модуля для Cms Drupal
Разработка модуля для Cms DrupalРазработка модуля для Cms Drupal
Разработка модуля для Cms DrupalDrupal Camp Kyiv
 

More from Drupal Camp Kyiv (20)

DrupalCamp Kyiv 2009 Official Report
DrupalCamp Kyiv 2009 Official ReportDrupalCamp Kyiv 2009 Official Report
DrupalCamp Kyiv 2009 Official Report
 
Что нового в Drupal 7
Что нового в Drupal 7Что нового в Drupal 7
Что нового в Drupal 7
 
Безопасный код
Безопасный кодБезопасный код
Безопасный код
 
1day Opening
1day Opening1day Opening
1day Opening
 
2day Opening
2day Opening2day Opening
2day Opening
 
How to Make a Barcamp
How to Make a BarcampHow to Make a Barcamp
How to Make a Barcamp
 
Текст доклада о разработке плагина к модулю ССК
Текст доклада о разработке плагина к модулю ССКТекст доклада о разработке плагина к модулю ССК
Текст доклада о разработке плагина к модулю ССК
 
Обслуживание мультисайтинга
Обслуживание мультисайтингаОбслуживание мультисайтинга
Обслуживание мультисайтинга
 
Разработка соц. сети на Друпале
Разработка соц. сети на ДрупалеРазработка соц. сети на Друпале
Разработка соц. сети на Друпале
 
За что мы ненавидим Drupal
За что мы ненавидим DrupalЗа что мы ненавидим Drupal
За что мы ненавидим Drupal
 
Многоязычие сайта на Drupal
Многоязычие сайта на DrupalМногоязычие сайта на Drupal
Многоязычие сайта на Drupal
 
I Net
I NetI Net
I Net
 
Gallery API
Gallery APIGallery API
Gallery API
 
Drupal Do
Drupal DoDrupal Do
Drupal Do
 
Drupal 7 development: first impressions
Drupal 7 development: first impressionsDrupal 7 development: first impressions
Drupal 7 development: first impressions
 
Drupal on ASP.Net
Drupal on ASP.NetDrupal on ASP.Net
Drupal on ASP.Net
 
Веб-аналитика в Drupal2
Веб-аналитика в Drupal2Веб-аналитика в Drupal2
Веб-аналитика в Drupal2
 
Веб-аналитика в Drupal1
Веб-аналитика в Drupal1Веб-аналитика в Drupal1
Веб-аналитика в Drupal1
 
Who is here? DrupalCamp Kyiv 2009 opening
Who is here? DrupalCamp Kyiv 2009 openingWho is here? DrupalCamp Kyiv 2009 opening
Who is here? DrupalCamp Kyiv 2009 opening
 
Разработка модуля для Cms Drupal
Разработка модуля для Cms DrupalРазработка модуля для Cms Drupal
Разработка модуля для Cms Drupal
 

Zen based theming

  • 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
  • 7.
  • 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>
  • 9.
  • 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>
  • 12.
  • 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