Hi to everyone,
How to create a floating banner on side of site? What is the best software you can recommend on creating animated banners for specific websites? I need some suggestion and advice from the experts. I know I came to the right place.
Your suggestion is very much welcome.
I'll give you the basics in creating a floating banner to your website. But you should also have some knowledge regarding the subject.
1. Open the HTML program that you are using when opening CSS files. I think the Dreamweaver software is better.
2. Within the CSS file you already created paste the following codes.
#adTop {
left:0;
position:fixed;
text-align:center;
top:0;
width:100%;
}
3. After pasting the codes save the file and close it.
4. Open the HTML editor again and place the following between the "<BODY></BODY>".
<div id="adTop"><img src="images/myad.jpg" alt="Ad here"/></div>
5. Edit the above code with your description between "images…jpg" section and you text within "ad here" section.
6. After finishing the above task upload both of your files to the website.
* For creating animated banners I think "Fireworks" and the "Paintshop" is better because that software is easy to use and have many advanced options too.
In making an animated banner, you need to create .gif images to have it working. This type of image can be made through the use of a software like Adobe Photoshop. Adobe Photoshop comes with a built-in animation tab wherein you can make frames that will eventually have a moving effect once rendered and timed properly. After making the file, you can export it to a .gif file and put into your website layout using Adobe Dreamweaver.
In HTML, the “float” property specifies how an element should float. Possible values you can set for float are none, left, right, initial, and inherit. If you normally do like this when putting an image:
<img src=”URL” alt=”text” align=”left” width=”pixel” height=”pixel”>
This will no longer work in HTML5 and may have a different result. The “align” attribute is no longer supported in HTML5. If you want to float your image either to the left or right, you can have something like this:
<img src=”URL” alt=”text” width=”pixel” height=”pixel” style=”float: left;”>
<img src=”URL” alt=”text” width=”pixel” height=”pixel” style=”float: right;”>
The image tag (<img src=”URL” alt=”text” width=”pixel” height=”pixel”>) requires the “src” and “alt” attributes. Though the “width” and “height” attributes can be omitted on the tag, it is only right that these two attributes must be added to the image tag so the browser knows exactly how to render the size of the image when displayed on the HTML document.
