Experiments

Still playing around with themes, which is cool, because it gives me a chance to play around with slicing images in Photoshop.

Image slicing is kind of cool, although it puts me back into the same “tables” issue that I was trying to break out of using CSS and so on…. Basically, when working with images within Photoshop, you can “slice” the image up and have Photoshop automatically generate the html table colde for your image slices. Thus, if you sliced a square image into nine equal square sections, Photoshop would create a table with three rows and three columns, and automatically insert the sliced image parts into the correct cells. You can then go ahead and do things like rollovers and so on….

The reason that I’ve been playing with this feature is that when trying to create a PHP-Nuke theme, you have to do that a bit. Basically, all the blocks on the page can have an html template associated with it where you can do things like define the block width and decoration and so on. The standard block form would probably have four rows and three columns. The first row would contain whatever graphics you have selected for the top part of your blocks. The first cell of the second row would have your graphic placed as a background tiled to fill the height. The second cell of the second row would have the block’s title (for example “Modules”). And the third cell of the second row would be similar to the first. The third row would be similar to the second row, with the exception of the second cell, which would be for the content instead of the title. And finally, the fourth row would be whatever graphics you want for the footer.

Each page has several different elements that need to be customized this way, but hopefully, when it’s all done, you’ll end up with something that is unique and looks good. At the very least, working with this would give you some new tools to have at your disposal when the time for a redesign arises….

I guess I know what I’m going to be doing this weekend…. Sheesh….


Related posts (possibly):

  1. Font experiments Google just launched the Google Font Directory (beta, of course)...
  2. Font experiments, Part 2 My initial excitement about the Google Font Directory is a...
This entry was posted in (all categories), Geekiness, Website. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.