Danilenko Alexander. Drupal 7 theming on Omega. DrupalCamp Kyiv 2011
Upcoming SlideShare
Loading in...5
×
 

Danilenko Alexander. Drupal 7 theming on Omega. DrupalCamp Kyiv 2011

on

  • 3,816 views

1) HTML5. Short preview....

1) HTML5. Short preview.
2) 960 Grid system
3) What is omega?
4) Omega settings
- Omega regions
5) General Omega Settings
6) CSS Path to object

Редактирование *.tpl.php файлов не будет рассмотрено, так как доклад расчитан на новичков.

Statistics

Views

Total Views
3,816
Views on SlideShare
2,062
Embed Views
1,754

Actions

Likes
0
Downloads
23
Comments
0

5 Embeds 1,754

http://camp11.drupal.ua 1747
url_unknown 3
http://www.verious.com 2
http://translate.googleusercontent.com 1
http://hghltd.yandex.net 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Danilenko Alexander. Drupal 7 theming on Omega. DrupalCamp Kyiv 2011 Danilenko Alexander. Drupal 7 theming on Omega. DrupalCamp Kyiv 2011 Presentation Transcript

  • Omega (960gs & HTML5)Danilenko Alexander
  • Gold Sponsor ofDrupalCamp Kyiv 2011
  • Silver Sponsors ofDrupalCamp Kyiv 2011
  • What is OMEGA?
  • Creating subtheme
  • Creating subtheme
  • Creating subtheme
  • Creating subthemeCHANGES TO YOUR_THEME_NAME.INFO• name = Your Awesome Theme Name• description = Your Awesome Theme Description is very descriptive and cool!!
  • 960.gs
  • 960.gs
  • Omega settings
  • Zone settings
  • Zone settings
  • General Omega Settings
  • Optional CSS
  • Form Settings
  • Page titles
  • Breadcrumb settings
  • Menu settings
  • Grid overlay settings
  • Grid overlay sample
  • CSS Styling• For CSS styling edit file sitesallthemessubthemenamecss subtheme.css
  • CSS path• ID – unique identifier• Class - indicates the appliances in Class
  • CSS path HTML CSS• <div id=“id1”> • div#id1 { … }• <div • div.class1 { .. } class=“class1”>
  • Tag hierarchyHTML:<div class=“class1”> <div class=“class2”></div></div>CSS:div.class1 div.class2 { .. }
  • What is classClass Class2 1 <div class=“class 1 class2 class3”> Class3
  • What is classClass Class2 1 <div class=“class 1 class2”> Class3
  • Omega CSS path samples• Blocks o section#blockname {…} – path to block via ID o section.block {…} – all blocks o section#blockname h2.title {…} –title of block o aside. region-sidebar-first section#blockname {…} - block in 1st sidebar