
Submitted by himerus on Sun, 06/26/2011 - 19:35
The video and outline below are the first part in the Omega 3.x Learning Series. This video goes over the manual method of creating an Omega subtheme with the latest (3.x) version of Omega.
- Installing Omega
- http://drupal.org/project/omega
- drush dl omega (automated download)
- unpack tar.gz/zip file from drupal.org to sites/all/themes
- Copying the appropriate starterkit
- move copy to /sites/all/themes
- Renaming the folder
- Rename the copied folder to custom_theme
- Renaming the .info file
- Rename the .info file to custom_theme.info
- Renaming the appropriate responsive CSS files
- Rename starterkit-omega-html5-alpha-default.css to custom-theme-alpha-default.css
- Rename starterkit-omega-html5-alpha-default-narrow.css to custom-theme-alpha-default-narrow.css
- Rename starterkit-omega-html5-alpha-default-normal.css to custom-theme-alpha-default-normal.css
- Rename starterkit-omega-html5-alpha-default-wide.css to custom-theme-alpha-default-wide.css
- Editing the .info
- Remove the following lines
- hidden = TRUE
- starterkit = TRUE
- Change the following lines to suit your needs
- name = My Custom Theme
- description = My own custom Omega subtheme
- Remove the following lines
- Turning on your subtheme
- visit /admin/appearance
- Click “Enable and set default” on the appropriate subtheme you’ve created.
Comments
Appearance > Settings
Hopefully this is an error on my part and not the tutorial above but i have followed it 3 or 4 times and I am still having the same issues.
The sub-theme installs and works perfectly when not logged in and resizes as its meant to do. It also shows up in the appearance section of the admin so all working fine until I click on the settings link to manipulate some of the features of my new sub-theme and I get blank html page with a few links with no styling/css applied to it that does not let me do anything especially configuring the settings of my new sub-theme.
Any idea what im doing wrong or what the problem could be?
I have Drupal 7.2 installed and im using Omega 7.x-3.0-beta2.
Thanks in advance for any help you can provide.
Join drupal-omega on irc and
Join drupal-omega on irc and ask if you're still having problems. There are real-time discussions going on there.
Unable to reproduce...
I'm unable to reproduce that behavior, even when using the subtheme that I created in the above demo...
If this persists, please post an issue in the issue queue.
Excellent Demo
Excellent presentation as always. Thank you for all your efforts. Omega totally rules.
Thanks for the screencast
Thanks a lot for this screencast Jake! It helped a lot!
I used omega_tools and used this tutorial from step "Renaming the appropriate responsive CSS files". Worked like a charm.
Looking forward to the next one!
We're currently experimenting with Omega + Context module for theming nodes based on content type. Not sure how that works yet, we used to be Panels guys :)
Just keeps getting better
The theme is awesome Jake. And thanks for the presentation. I'm really looking forward to the next one. I need a strategy for working with the responsive theme files and help making sense of starterkit-xxx-alpha-default.css, starterkit-xxx-alpha-default-normal.css, etc.
This is going to be HUGE in Drupal development. Great work!
Great demo, reminds me of the
Great demo, reminds me of the CoD after Black Ops mods. Totally cool!
Great theme, looks like Black
Great theme, looks like Black Ops mods at CoD after modding. Totally cool!
What is possible?
Hi All,
I have no idea if this is the best place to post question, but I'm not finding the kind of information I need anywhere... Sorry if this isn't the appropriate place. (I am relatively new to Drupal and Drupal theming)
Anyhoo... I've been playing around with Omega3 for a while. I cannot for the life of me figure out how to accomplish putting a shadow to make the design look like a cohesive "page." See here: http://faculty.unlv.edu/jbrown/prototype.jpg
I tried putting all the regions in one zone, and putting a shadow around the zone. That worked with limited success.
Is is possible to put this design(http://faculty.unlv.edu/jbrown/prototype.jpg) in the Omega responsive grid? What would be a best practice?
I meant to reply to your
I meant to reply to your comment JBrown, please see below:
One way to do it
This is a quick fix way of doing it:
#page {
margin: 30px;
box-shadow: 0 0 20px #ccc;
}
It forces you to lose a bit of screen real estate on all edges by forcing a margin around every side, but it sounds like essentially that's what you want.
You could add this css to the global.css, but I'd recommend adding it only to the narrow, normal, and wide CSS so that the precious mobile space isn't wasted by the extra margin.
Also here's a solution to get IE7 & 8 to render the CSS3 box-shadow style: http://css3pie.com/
Good luck!
duplicating zones for more layout control
This is an incredible theme and the development thought behind it is very forward-thinking.
I had a quick question- I was wondering if there will be a function built in where by a developer can duplicate a zone using Delta and Context.
As I am learning to use this responsive theme to build subthemes- the thought occured that it would be nice to be able to have more flexibility if the developer could "clone" a zone within Delta -section- zone- region process.
Do you think this could be a simple feature to add to the development? I thought it might make Omega and Delta even more flexible without having to hack code to duplicate are zone within Delta for more layout control-
What are your thoughts on this being a feature- and sorry if I posted this in the wrong place.
Thanks
Aaron
lesson two ?
when will the lesson two customize CSS in omega x3 come out ? thanks David
Add new comment