Creating content with the fields you need is easy with the Drupal Content Construction Kit. For instance, I will create a Lyrics Website using Drupal. You could edit the Title field to have Title of Song as its label and you could also edit the Body field to have the lyrics as its label.

Now, I would want other particular information to be displayed for this kind of site. Thus, I would add some fields like:

• Artist (Text Type – Text Field)
• Album Title (Text Type – Text Field)
• Genre

Instead of adding a field for Genre, we could create a vocabulary with a list of terms that we could add and update. We also need to make sure that the content type enabled for this particular vocabulary is only the lyrics content type. With this kind of setup, we could even browse by category, browse by artist, browse by album and browse by song title.

Instead of making just a lyrics site, we could even add some music videos and even audio to make the site even more interesting. In order to do this, we could install the Media Field module for Drupal CCK. With this, we could add audio fields and video fields to our lyrics content type. We could also use the Emfield module for CCK. With this module, we could just embed video and audio from third party websites.

There are a bunch of websites there that would give you ideas for your color scheme. Of course, you may want to take a look first at the links from this website. However, if you already know what are the main colors that you will use for your website, you may want to check out kuler. What’s nice about kuler is that you could search for a keyword that you have in mind since the color schemes have a set of tags that are associated with them. Just make sure that your browser has Flash Player 9 since it won’t run on browsers that have Flash with a lower version.

I did a post before on checking browser compatibility. And I recommended using Browser Shots. How about installing multiple versions of IE on your PC? I think this would really benefit you if you’re working on a Windows XP Machine. It does not work on a Vista though. And yes it sucks that it does not work on Vista.

So, you want to display views filter forms as a block? Well, do not bother creating a hack for it because a module called Views Filter Block is there for you to download, install and use. The next question is what code should I place in that block that I am about to create. The answer is this one. The aforementioned link also contains tips on how to alter the display of the filter form.

I know that this is not a practical thing to do but when you’re stuck in a place where you could not do anything because it has to look like that, JavaScript and some CSS would be your best friend.

Your sub-menu (in form of a list) should have a div tag with a style of display:none.

And what should be the default CSS for my sub menu?


#submenu
{
position: absolute;
left: 50px; top 50px;
}


Well, that’s pretty much the basic thing you need to bring the div element closer to the particular area of an image map. Of course you could apply other codes in CSS to style it. Of course you have to use some JavaScript so that the position could be the same for other screen resolutions.

Inside the area tag, you should add an event handler onclick and call the function that contains the toggle code.

In web design and development, it is important that your website should work in all browsers. W3Schools has information on browser statistics. The three browsers that have a significant amount of percentage are IE7, IE6 and Firefox. However, we should still not forget about the other browsers because the target audience of the website might be using those browsers that are not from the top three.

If you do not want to install another browser on your workstation, you should try Browser Shots. This is free. However, it would take some time before you could see the screenshots. I’ve been using this to check browser compatibility for IE6 since I already have IE7 installed in my Vista workstation.