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

3,930 views

Published on

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 файлов не будет рассмотрено, так как доклад расчитан на новичков.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,930
On SlideShare
0
From Embeds
0
Number of Embeds
1,987
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Omega (960gs & HTML5)Danilenko Alexander
  2. 2. Gold Sponsor ofDrupalCamp Kyiv 2011
  3. 3. Silver Sponsors ofDrupalCamp Kyiv 2011
  4. 4. What is OMEGA?
  5. 5. Creating subtheme
  6. 6. Creating subtheme
  7. 7. Creating subtheme
  8. 8. Creating subthemeCHANGES TO YOUR_THEME_NAME.INFO• name = Your Awesome Theme Name• description = Your Awesome Theme Description is very descriptive and cool!!
  9. 9. 960.gs
  10. 10. 960.gs
  11. 11. Omega settings
  12. 12. Zone settings
  13. 13. Zone settings
  14. 14. General Omega Settings
  15. 15. Optional CSS
  16. 16. Form Settings
  17. 17. Page titles
  18. 18. Breadcrumb settings
  19. 19. Menu settings
  20. 20. Grid overlay settings
  21. 21. Grid overlay sample
  22. 22. CSS Styling• For CSS styling edit file sitesallthemessubthemenamecss subtheme.css
  23. 23. CSS path• ID – unique identifier• Class - indicates the appliances in Class
  24. 24. CSS path HTML CSS• <div id=“id1”> • div#id1 { … }• <div • div.class1 { .. } class=“class1”>
  25. 25. Tag hierarchyHTML:<div class=“class1”> <div class=“class2”></div></div>CSS:div.class1 div.class2 { .. }
  26. 26. What is classClass Class2 1 <div class=“class 1 class2 class3”> Class3
  27. 27. What is classClass Class2 1 <div class=“class 1 class2”> Class3
  28. 28. 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

×