Earlier today while working on an e-commerce store for a client I was adding a couple simple content pages such as the typical “About Us” page. Anyhow I don’t use CSS on a daily basis so I typically forget the various syntax and/or tags that I need to use to accomplish certain tasks. In this case I needed to add a couple head shot images to the bio section of the About Us page and wanted the text to wrap around the head shot images. This is easy to do but I wanted to note for others and for future reference for myself.
I have been using the WordPress Syntaxhighlighter Plus plugin to display code for quite awhile now. Today I wanted to check on recent updates and through reading on the developers site found out that the code is no longer maintained and he recommends people use the WordPress Syntaxhighlighter Evolved plugin instead. I decided to go ahead and download the Syntaxhighlighter Evolved plugin and test it on my development site. I was pleased immediately with the choice and knew that I would be moving it live as soon as I had any kinks worked out. There was only one thing holding me bac which was the fact that with the code wrap turned off the CSS for alternating colors and for the highlighting was cut off when you started to scroll to any code that spilled out past the default size. The plugin also blew out the right side of my site a bit so I needed to modify a couple CSS width parameters. I describe a workaround for the alternating colors being cut off below as well as how to set the width so it doesn’t blow out your layout.
I used to use a third party application to batch resize images as a certain size is required to display properly on my personal blog. Anyhow I use Adobe Photoshop to manipulate images in many other ways and wanted to see if it would do the same batch resizing which would require one less application to be installed. Sure enough Photoshop does a great job of batch resizing images to any set sizes you prefer.
**NOTE** After writing this article I discovered a different way to resize images that is actually much easier. I wrote a new article located here describing the method which utilizes the Photoshop Image Processor.
In the example scenario below I resize images based on height and width maximum size settings. The width cannot be larger than 640 pixels and the height cannot be greater than 480 pixels. Follow the instructions below to set up a batch resize action followed by automating the batch resize of numerous images at the same time.
This post is simply to provide a reference point for post tags associated with the FlashViewer apps within NextGen Gallery. I typically post using TiltViewer so I always forget exactly what the tags are when I am posting with SimpleViewer, AutoViewer, or PostcardViewer. Below is a listing of all four of the FlashViewer types and what the specific different tag options mean.