smugblog: Web Tricks

With the release of the last of the gallery templates, I want to share with you some new functionality that you can use. You can now target your style to individual templates and/or specific galleries.

To make the green text red for only the journal pages on your site you could use:

.journal .title {
     color: red;
}

But remember, you don’t only have access to changing the title, you can change anything on the page that has a class or an ID, you can even target specific classes within IDs using the above method.

You can also target specific galleries now too (as well as images, keywords and dates pages) using this trick:

.gallery_417126 .title {
     color: red;
}

Now pay attention to the 417126 in the code above – that is the gallery number that I want to target, so you will have to change that to match the gallery number you want to target. You can also target images, keyword and date pages. The following example text that is in all caps are variables depending on what Image# you want, or the keywords you have searched for, or the dates you have sepcified; simply swap .gallery_GALLERY# in my previous example with one of them.

.image_IMAGE#
.keyword_KEYWORDREQUEST
.date_DATESTART-DATESTOP

We can even take all of this a step further and target a specific gallery style and gallery by using this code:

.journal.gallery_417126 .title {
     color: red;
}

As you can see, the new changes open up a lot of possibilites. I’d love to start seeing more examples of what is going on out there!

This entry was posted on Thursday, August 18th, 2005 at 9:22 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.