a tutorial for all those of you trying to understand this tricky subject

Like many newbies, I found one of the hardest aspects of Drupal and web design was theming and css. I dipped my toe in by taking an existing theme (Garland) and tweaking it slightly with varying degrees of success.
However I soon needed to create a very different front page and found it hard to start from scratch and wanted an easy way to work out what was going on. Thanks to Drupal user Sym , I was able to get my foot on the ladder and offer this quick tutorial to other that are still staring up at the bottom rung!

First take a test site with Garland theme and in the theme folder create two new files page-front.tpl and page-front.css. Type in the text opposite or copy/paste [l:tutorials01/css_for_beginners.htm continued here...].





Tags: 

Add new comment

Filtered HTML

  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Strips broken/unpublished internal links from output.
  • Adds node titles to internal links found in content (as HTML "title" attribute).
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.