Home

Magazeen

By peterThu, 05/28/2009 - 21:28

Magazeen is fixed width with a heap of configuration settings including colour.

Download Magazeen from drupal.org/project/magazeen. This version is 6.x-2.0-alpha3 from 2009-Jun-27, a 772.24 KB download.

There are some changes I recommend for this theme. There is a max-width of 150em on the body in general.css. The theme heading expands most of the way across a wide screen then stops. Weird. Remove the max-width to get edge to edge heading with no gap at the end.

Validation

The W3C and Total Validator validate this theme as XHTML 1.0 Strict. Total Validator also passes this theme as WCAG (WAI) at level A but not at level AA or higher because of improperly nested headings. Heading level 1 is missing.

The W3C reports the following errors in the CSS when validated as CSS 3.
URI : http://d-theme.com/sites/all/themes/magazeen/css/typography.css?n
560 ul.primary li a Property -moz-border-radius-topleft doesn't exist : 4px
561 ul.primary li a Property -webkit-border-top-left-radius doesn't exist : 4px
562 ul.primary li a Property -moz-border-radius-topright doesn't exist : 4px
563 ul.primary li a Property -webkit-border-top-right-radius doesn't exist : 4px

When validated against the older CSS 2.1, this theme has the previous errors plus the following errors.
URI : http://d-theme.com/sites/all/themes/magazeen/css/general.css?n
21 tr.menu-disabled Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.5
350 tr.taxonomy-term-preview Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.5

Configure

You can set the color scheme in Administer > Site building > Themes > Configure plus the following settings.

This theme lets you set meta tags for your pages, a very good idea. This site uses the Meta Tags module and does not need the theme equivalent. You should use meta tags so use either a theme with meta tag entry or use the Meta Tags module.

Breadcrumb
Display breadcrumb:
Breadcrumb separator:
Text only. Don’t forget to include spaces.
Show home page link in breadcrumb
Append a separator to the end of the breadcrumb
Useful when the breadcrumb is placed just before the title.
Append the content title to the end of the breadcrumb
Useful when the breadcrumb is not placed just before the title.
Mission statement
Where should your mission statement be displayed?:
Display mission statement only on front page
Display mission statement on all pages
Username
Display "not verified" for unregistered usernames
Search
What additional information should be displayed on your search results page?
Search Input Text
Search Input Text:
Customize the text for the search input.
Search Result
Display text snippet
Display content type
Display author name
Display posted date
Display comment count
Display attachment count
Comment setting
Comment Title:
Customize the title for the comments box.
No Comment Message:
Display a message if there no comment. HTML is allowed.
Comment Field
Change the comment field.
Display field description
Name:
Email:
Website:
Subject:
Node settings
Here you can make adjustments to which information is shown with your content, and how it is displayed. You can modify these settings so they apply to all content types, or check the "Use content-type specific settings" box to customize them for each content type. For example, you may want to show the date on stories, but not pages.
Author & date
Default
Display author's username
Display date posted (you can customize this format on your Date and Time settings page)
Use custom settings for each content type instead of the default above
Page
Display author's username
Display date posted (you can customize this format on your Date and Time settings page)
Story
Display author's username
Display date posted (you can customize this format on your Date and Time settings page)
To Do
Display author's username
Display date posted (you can customize this format on your Date and Time settings page)
Taxonomy terms
Default
When should taxonomy terms be displayed?:
Taxonomy display format:
Display each vocabulary on a new line
Display all taxonomy terms together in single list
Display vocabulary: Alphabet
Display vocabulary: Theme attributes
Use custom settings for each content type instead of the default above
Page
When should taxonomy terms be displayed?:
Taxonomy display format:
Display each vocabulary on a new line
Display all taxonomy terms together in single list
Display vocabulary: Alphabet
Display vocabulary: Theme attributes
Story
When should taxonomy terms be displayed?:
Taxonomy display format:
Display each vocabulary on a new line
Display all taxonomy terms together in single list
To Do
When should taxonomy terms be displayed?:
Taxonomy display format:
Display each vocabulary on a new line
Display all taxonomy terms together in single list
Links
Customize the text of node links
“Read more”
Default
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
Use custom settings for each content type instead of the default above
Page
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
Story
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
To Do
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“Comment”
Default
For full content
“Add new comment” link
The link when the full content is being displayed.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
For teasers
“Add new comment” link
The link when there are no comments.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“Comments” link
The link when there are one or more comments.
Link text when there is 1 comment:
HTML is allowed.
Link text when there are multiple comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“New comments” link
The link when there are one or more new comments.
Link text when there is 1 new comment:
HTML is allowed.
Link text when there are multiple new comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
Use custom settings for each content type instead of the default above
Page
For full content
“Add new comment” link
The link when the full content is being displayed.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
For teasers
“Add new comment” link
The link when there are no comments.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“Comments” link
The link when there are one or more comments.
Link text when there is 1 comment:
HTML is allowed.
Link text when there are multiple comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“New comments” link
The link when there are one or more new comments.
Link text when there is 1 new comment:
HTML is allowed.
Link text when there are multiple new comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
Story
For full content
“Add new comment” link
The link when the full content is being displayed.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
For teasers
“Add new comment” link
The link when there are no comments.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“Comments” link
The link when there are one or more comments.
Link text when there is 1 comment:
HTML is allowed.
Link text when there are multiple comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“New comments” link
The link when there are one or more new comments.
Link text when there is 1 new comment:
HTML is allowed.
Link text when there are multiple new comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
To Do
For full content
“Add new comment” link
The link when the full content is being displayed.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
For teasers
“Add new comment” link
The link when there are no comments.
Link text:
HTML is allowed.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“Comments” link
The link when there are one or more comments.
Link text when there is 1 comment:
HTML is allowed.
Link text when there are multiple comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
“New comments” link
The link when there are one or more new comments.
Link text when there is 1 new comment:
HTML is allowed.
Link text when there are multiple new comments:
HTML is allowed. @count will be replaced with the number of comments.
Title text (tool tip):
Displayed when hovering over link. Plain text only.
Advanced
Prefix:
Text or HTML placed before the link.
Suffix:
Text or HTML placed after the link.
Search engine optimization (SEO) settings
Page titles
This is the title that displays in the title bar of your web browser. Your site title, slogan, and mission can all be set on your Site Information page
Front page title
Your front page in particular should have important keywords for your site in the page title
Set text of front page title:
Custom:
Enter a custom page title for your front page
Other page titles
Set text of other page titles:
Custom:
Enter a custom page title for all other pages
Title separator:
Customize the separator character used in the page title
Meta tags
NOTICE: You currently have the "nodewords" module installed and enabled, so the meta tag theme settings have been disabled to prevent conflicts. If you later wish to re-enable the meta tag theme settings, you must first disable the "nodewords" module.
Theme development settings
Rebuild theme registry on every page.
During theme development, it can be very useful to continuously rebuild the theme registry. WARNING: this is a huge performance penalty and must be turned off on production websites.
Show block editing on hover
When hovering over a block, privileged users will see block editing links.

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote>blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

div

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:

<ol><li>li</li></ol>:

  1. li

<p>paragraph</p>:

paragraph

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

th1 th2
td1 td2
td3 td4

<ul><li>li</li></ul>:

  • li