The Zen theme aims to be the ultimate standards-compliant starting theme for Drupal. The name is an homage to the CSS Zen Garden and its aim to completely redefine the look of a site purely through CSS.
This group seeks to solidify the Zen theme to make sure that it is truly pliable, flexible, and adaptable. We will also discuss and implement improvements and future directions for this theme framework and for Drupal theming in general.
You can also find some of us hanging out in the #drupal-design IRC chatroom.
Element has no style rules
I'm having trouble with one fairly small thing while editing Zen. There is a gap at the bottom of the page that I can't eliminate. In the picture I have attached, I've outlined the area in red that I want to get rid of. I want the edge of the tortoise to be flush with the bottom of the page. I'm still pretty new at using CSS and Drupal, so this could be a really easy fix, but the "element has no style rules" in Firebug has me stumped. Can anyone help? Thanks!
Read moreA Simple Zen Sub Theme
I started designing my own drupal theme since drupal 4.x. and have to say Zen is the most efficient tool for theme design. It took me just one hour to convert the following design I made in Adobe Firefox into a real drupal theme with the help of Zen:
Zen is really wonderful.
Read more
AcZenSible - Zen sub-theme for setting accessibility options
This is an attempt to overcome the impasse over at Accessibility improvements for vertical tabs.
As I have already stated elsewhere the general problem with regard to accessibility and usability is that one size doesn't fit all.
So we should make some of the accessibility improvements more configurable. One way which even allows for configuration on an individual user level is a separate theme for accessibility settings.
Read moreMultiple header images
Hi,
I am new to Drupal and Zen and am looking for some help with the header. My header has a background image and three transparent .pngs that I want to add on top. I have tried adding new divs in the css with background images and that didn't work as well as creating the css for the new divs and adding the images in the .php.. The best I got was the missing image icon.
Thanks!
Read more
IE6 breaking Zen
Hi, IE6 is breaking my Zen layout. I believe the issues relates to clearing #main, but for the life of me, can't figure out what I need to do. Any insight greatly appreciated.
http://rhill.gogrow.org/entertaining/
Thanks!
-NP
Read moreCan someone help me with menu images using css only
I'm working on a drupal 6 site that is using images in the menu. Getting them in was fairly easy using
ul.menu li,
li.expanded,
li.collapsed /* drupal override /
{
min-height:1px;
width:100%;
margin: 0 0 0 0.2em;
}
li.leaf {
height:70px;
width:100%;
background: url(images/Bar.jpg) repeat-x;
text-align: center;
padding: 1.1em 0 0 0; / LTR */
margin: 0;
}can get the css working in my zen subtheme.
Hi,
I have specified background images in 2 div elements, but they keep overlapping each other, cant figure out how to fix it.
Here is the css code:
/** sidebar-left **/
#sidebar-left
{
background:#ffffff url('./images/navstart.gif') no-repeat top left;
height:44px;
}
#sidebar-left-inner
{
margin: 44px 0 0 0;
background:#ffffff url('./images/navbox_b.gif') repeat-y;
}sidebar-left-inner image is overlapping sidebar-left. I would like the sidebar-left-inner image below sidebar-left.
I also have a couple more questions.
Read more
Bugging out!
Hey Guys,
I tried to take care of this in IRC but no one is ever awake the same time as me. I live in Hong Kong.
My zen sub-theme at www.craigntammy.com keeps on bugging out on me. I don't know how to fix it. If I go to the theme page and empty the theme cache it works again but just for a few hours and then the error shows up again and the theme looks very broken. Css files dont load or something.
Just in case when you visit it looks ok then see the attached screen shot.
Any help you could give would be much appreciated!
Craig
Read moreDigging in the CSS
I've been going round and round trying to track down where this margin is coming from.
I have the navigation region turned off and my own page-top region added (the grey area.)
There is a gap of approx 50px between the top of the right column and the page-top
region. Any idea where it appears in the css?
Thanks!
Language Classes with i18n Module
Hey Guys,
I am working on my first multi-language site and we are using zen for our theme.
2010.gateway.org.hk (In heavy Development)
I was having a really hard time getting language classes so I could theme differently for each language and so I headed to irc.
A really helpful guy named (irc nickname) Cvelde wrote some code for template.php so I could get those classes in my site.
http://pastebin.com/f7637b1ab (also attached below)
The code goes write after "classes[] = 'with-wireframes'; // Optionally add the wireframes style..."
Read more
New Enviromental sites
Hi there,
this site at www.envirogroup.com.au is built on the Zen Sub theme. There were two other affiliate sites www.envirobrite.com.au and www.enviroshop.com.au. The latter two sites were built using Amity Island theme from drupal.org, but I had to change it so much in the end I realise for me now that it is always easier to start from 'scratch' with Zen and work up from there. Thanks Zen Sub Theme!
Renaee.
Read more
Content published based on paid membership - Help
I have a developer that has a post on the Drupal.org site. He is needing help with publishing content vs. non-published content based on paid membership. Please - if anyone can help lead him in the right direction, I would be greatly appreciative.
Thanks,
Tami
New Dutch site in Zen
Hi, I just launched e new site with a Zen theme: http://www.hetabc.nl
This is a site for educational consultancy in Amsterdam. Design by Screenborn, building by me (Kleine Stappen)
What could I have done better?
Read more
Fluid Grid Zen subtheme
Based on fluid960gs and Zen 960 I cobbled together the start of Zen fluid960. It is pretty darn rough at this stage. For example, the push and pull classes from zen_ninesixty aren't implemented at all so moving display of blocks out of the source order isn't working.
Read more
Announcing Zenophile 2.0
The 2.0 branch of the Zenophile module is now in the beta stage!
Have you heard of Zenophile? It's a simple module which automates the process of creating Zen subthemes - no more copying and editing files by hand. Just fill out a few form elements and click a button, and your new Zen subtheme is ready for you to start working with.
Read more
Showcasing a showcase - http://stuar.tc/lark
This is the site that I've been trying to finish for well too long, my own personal portfolio. While not an overly complicated site, every little detail had to be just right before I could confidently launch the site.
Sub theme of Zen used for OoglieBooglie.com
We recently launched a sub theme of Zen for a client here in Virginia Beach, VA -- http://www.oogliebooglie.com. OoglieBooglie is a place where artists and art lovers gather. Artists create designs that they think would look great printed on a T shirt. OoglieBooglie and the members vote for the designs they think are the best. Then, OoglieBooglie prints the design on T shirts and sells them on the site. The artist then gets paid $2 USD per shirt sold on the site for an entire year.
A more detailed post is available at http://drupal.org/node/509602.
Read more
Open Source Catholic
Open Source Catholic, a site devoted to helping people in the Catholic faith share resources and information about how they accomplished certain things, especially using open source solutions, is using a Zen subtheme listed on Drupal.org and created especially for the site: Airy Blue.
Read moreNorthern California SBDC
We at Precision Intermedia built a new site for the Northern California Small Business Development Center and several of its district offices. The SBDC is a non-profit organization which helps small businesses develop and grow; attracting investors, managing HR, etc. And of course we used Zen to build their themes.
Read more