You are here: Home » Tutorials » Tips-Tricks » JCross: change background colour of cells

JCross: change background colour of cells

Posted by Stan Bogdanov on 07 November 2009 - 17:59

Introduction

Here's another trick.

Blank cells in a JCross crossword in HotPotatoes are black. You may want to change the background colour to match a particular colour scheme or to make it more printer-friendly and save toner. I like to have a crossword with a light-grey background color.

Here are some samples from the Taxonomy, under the 'Crossword' section, of what we're trying to achieve.
· Regular, just plain text crossword · Image Crossword · Audio Crossword.

So, here's how to change the background colour of the cells.

1. Create your crossword.htm web page
2. Edit some CSS

Open the output .htm file in a text/HTML editor and find the CSS part. Look for a chunk of code saying:
table.CrosswordGrid td.BlankCell{
Change it to look like this:

Save, preview, enjoy! And come back for more tips and trick.
You may also want to see the Audio Crossword Tutorials (Beginner and Advanced).

Related tutorials:

• Video Tutorials
• Center the Clues in Hotpotatoes JCross Crossword
• HotPotatoes Tutorials and How-to's | Portfolio
• Flash Video II - Using SWFObject v2 and a playlist for flv
• Embedding DivX Video in HotPotatoes on the web
• Taxonomy by Potato
• Glosses in HotPotatoes exercises
• Taxonomy listed by exercise type
• Podcasting

Rate this: Currently3.06400742115/5 Stars 1 2 3 4 5 Votes: 1078

Share it: