CSS Coding on Squarespace Website
Budget: $250 – $750 AUD
I am looking for a skilled Freelancer to help with coding some elements on my Squarespace 7.1website. I've already got a design ready - all that's needed is to code a few specific elements with CSS -
1. A gallery of images: I require each image to reveal text on rollover (Project Title, Client Name, possibly a short description). Before rollover, the images are fully opaque. During rollover, the image should look like it has a semi-transparent white wash over it (~80% white over image), and the text reveals in dark grey. The full image must remain a link, as it will be clicked to take the user to the relevant project page. For mobiles, the rollover should be replaced by a text box below each image (containing the same text as rollover state). Ideally the code could be supplied as a template on 1 image that I can then modify to suit my needs (text etc.), and copy across to new images in the gallery.
2. Diagram: I have a diagram showing my design process in 6 phases / images. I would like the user to be able to roll over each of the 6 images. As they roll over each, the relevant summary of that phase of the process should be displayed in a common text box region below the diagram. For mobile, the rollover will be replaced by static text boxes below each of the images. Image supplied.
1. A gallery of images: I require each image to reveal text on rollover (Project Title, Client Name, possibly a short description). Before rollover, the images are fully opaque. During rollover, the image should look like it has a semi-transparent white wash over it (~80% white over image), and the text reveals in dark grey. The full image must remain a link, as it will be clicked to take the user to the relevant project page. For mobiles, the rollover should be replaced by a text box below each image (containing the same text as rollover state). Ideally the code could be supplied as a template on 1 image that I can then modify to suit my needs (text etc.), and copy across to new images in the gallery.
2. Diagram: I have a diagram showing my design process in 6 phases / images. I would like the user to be able to roll over each of the 6 images. As they roll over each, the relevant summary of that phase of the process should be displayed in a common text box region below the diagram. For mobile, the rollover will be replaced by static text boxes below each of the images. Image supplied.