Could we use a different CSS file through http://www.gridsystemgenerator.com/gs01.php with a different page width and still gain the benefits provided by this theme? Thanks!

CommentFileSizeAuthor
#7 ninesixty_starterkit.patch1.83 KBrobloach

Comments

djinn23’s picture

djinn23 commented

yes>> you can infinitely expand this system that is divisible by 2 or 3 ( I think) . Frankly I am pretty new with it but have been playing. Here is a comment by the guy who made it (not the drupal version) discussing the functionality: http://groups.drupal.org/node/16457#comment-64671

I know over the past six months I have read how to and I think that that thread will show you how to do it somewhere in there.

Edit: Here is one of the many postings of the drupal maintainers instructions on how to do it: http://groups.drupal.org/node/16457#comment-64728

robloach’s picture

robloach
he/him
commented
Component: Code » Documentation
Category: support » task

Found a cleanish way around it with using the NineSixty theme that we might want to document somewhere in README.txt...

Sub-themes with different page widths

  1. Create a subtheme off of NineSixty
  2. Visit the Grid System Generator and create a grid system with your desired page width
  3. Download the zip and extract the created "uncompressed/x_x_x.css" file to "sites/all/[mysubtheme]/960.css"
  4. Now in your subtheme's .info file, enter "stylesheets[all][] = 960.css"

This will use your own 960.css instead of NineSixty's themed one, allowing you to have a different page width, and not limiting you to 960 pixels.

dvessel’s picture

dvessel commented

This is a really interesting idea. I'll add this to version 2. Thanks!

robloach’s picture

robloach
he/him
commented

It's actually already available without any changes to the NineSixty theme. Here's the .info file I'm using:

mysubtheme.info:

name = My 960 Sub Theme
engine = phptemplate
base theme = ninesixty
core = 6.x
version = 1.0
stylesheets[all][] = uncompressed/css/960.css ; Uses 1000px page width with 20 columns

It results in this when outputed:

<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/ninesixty/styles/framework/reset.css?i" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/ninesixty/styles/framework/text.css?i" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/mysubtheme/uncompressed/css/960.css?i" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/ninesixty/styles/framework/debug.css?i" />

Notice how ninesixty/styles/framework/960.css isn't there and I'm using my own 960 grid pattern ;-) . Yay!

I could create a patch to document this in README.txt if you want....

dvessel’s picture

dvessel commented

What I meant was the included documentation which will go beyond a simple README.txt file. For version 1, let's skip it. I don't want to overload the README.txt. Thanks.

robloach’s picture

robloach
he/him
commented

Yeah, I was thinking this might do better as a 960 sub-theme starter kit, similar to what Zen provides........ In other news, get on IRC #Drupal sometime so we can pimp out some 960.

robloach’s picture

robloach
he/him
commented
Title: Limited to 960 width? » NineSixty Sub-Themes with custom 960.css
Status: Active » Needs review
StatusFileSize
new ninesixty_starterkit.patch1.83 KB

How about something like this?

jacine’s picture

jacine
she/her
Location New York
commented

subscribe :)

armyofda12mnkeys’s picture

armyofda12mnkeys commented

just curious beyond setting up .info file to point to base zen_ninesixty theme, and override style.css (copying style.css to your subtheme), (and possibly copying over page/node.tpl.php for customizing)...
what else needs to be copied?

I remember Zen's starter kit you had template and theme-settings.php maybe too? that I also copied... I think i NEEDED to do this so the wireframes show up when in the theme settings i check off the 'Wireframes: Display borders around main layout elements' checkbox in the Zen theme (in fact copying these files, allowed me to override those settings, although it may be preferable to get it working so just have the settings in the base theme and they default to subtheme).
(without these files copied over, the "with-wireframes" class isnt added to the tag's $body_classes when you set wireframes checked in the base theme settings).
Then after copying files over, checked the wireframe checkbox in the SUBTHEME's settings and then wireframes worked.
Also I needed to delete ns() function when i copied over template.php as php would try to redeclare same function twice since base theme declares it and error.

Are these steps right or not?

amitaibu’s picture

amitaibu
Primary language Hebrew
Location Israel
commented
Status: Needs review » Needs work

@Rob,

Yo! thanks for the cool tip.

+h1#site-name {
+  margin-bottom: 0;
+}

this seems a bit random ;) Can't the file be empty?

+; Provides a base theme for your NineSixty sub-theme.

Maybe: "Create a ninesixty subtheme"
btw, we should decide if it's NineSixty/ Nine sixty/ ninesixty...

+; 4) Maybe provide a screenshot:

Maybe: "Optioanl; Provide a screenshot of your theme."

+;stylesheets[all][] = 960.css

We should add RTL placeholder.
+;stylesheets[all][] = 960-rtl.css

+stylesheets[all][] = styles/styles.css

shouldn't it be?
+stylesheets[all][] = styles.css

radimklaska’s picture

radimklaska
Primary language Czech
Location 🇨🇿Czech Republic
commented

I had some kind of 960 starter theme just for myself and I added "support" for custom grids as described in #2. It's now posted on github: https://github.com/radimklaska/ns_starter
Feel free to use it as you want and please give some feedback - I'm considering publishing it on d.o as an standalone theme.

lennarthuizing’s picture

lennarthuizing commented

Subscribe