View Full Version : Transparent & Stationary Layer

01-29-2012, 10:46 PM
I wrote the other day about using AP Divs and think I understand why that's a no-no. I got an answer that solved some of my problems but not all of them so maybe I can ask a better question this time.

I'm trying to put in a menubar which appears above a Flash movie which appears above the background picture.

On the same file I want to add text on a transparent or translucent background. I want to do something very much like what you see in this WordPress theme that I'm attaching. Any suggestions guys?

01-30-2012, 01:05 PM
I doubt that will be Flash. Flash is no longer used to create these types of animations.

It will more than likely be a jQuery powered slideshow that is using a series of background images so the text can be written above the image.

This is the slider that I like to use


I've done this before with text overlaying the sliding images and its easy to achieve.

I did it on this site, totally different in appearance but same principal.


Nice looking theme that by the way.

01-30-2012, 08:17 PM
Thanks for the quick reply, I followed your link and downloaded sldesjs but haven't tried to install it yet. Do I need to install JQUERRY first? Since I've never used it I have to ask how you did the text in www.abs-print.co.uk, it's too sharp to be Photoshop text.

Is slidesjs an extension for DW and you use DW to create the text? Hate to bug you but I'm trying to learn what to expect.

01-31-2012, 07:18 AM
The text in Ricky's website is HTML. Try really hard to make all of your text on your website HTML. Text in images is a waste. To use JQuery you can either upload a copy to your website files and link that or you can link to an external source such as Google api library.

02-01-2012, 01:15 PM
Two tips Tomcat :)

1. Research.
If you're going to use a jQuery plugin, read up on jQuery and find out how it should work (yes, you need jQuery to use a jQuery plugin). Once you get the hang of a javascript framework, a lot of possibilities open up for you.

2. All (most) browsers have developer tools. With them you can investigate and manipulate a web page. Next time you're on a page and you see something that triggers your curiosity, hit F12. This tool is standard among developers today.

Also, there's nothing wrong with AP div's, just make sure you use them properly.

02-01-2012, 02:06 PM
Yes I just used background images so I can write over them with real text.

I did a simple video tutorial to show how to use slides, might be of some use to you. I recorded it for another user of the forum.




02-01-2012, 02:07 PM
Just ignore the first bit about that guys Flash.