Tip 1: How to insert a link to banner

If you have banner , but there is no ready html-code to insert it into the page, then add the desired link not too difficult.Even if banner made on flash technology.The following are the possible options for the source code page of links to banner s made in the image and Flash formats.
Guide
1
If banner in one of the graphic formats (gif, jpg, png, bmp), it will be enough to put an image tag inside the tag ssylki.Snachala shape the image tag.In the markup language of web pages (HTML - HyperText Markup Language - «hypertext markup language") is the simplest variant looks like this: & lt; img src = "banner.gif" / & gt; Here, the src attribute specified "relative address" picture.In this embodiment, the browser will assume that the picture is in the same folder on your server where the page itself which is inserted banner .But it is better to indicate "absolute address»: & lt; img src = "http://kakprosto.ru/banner.gif" / & gt;
2
this tag should add a few more attributes.The two at
tributes are to indicate the size of the banner and (height and width).It is not mandatory attributes - the image is displayed, and without them, if the page is loaded from the server to the browser all goes well.However, if for some reason the picture will not be loaded, the absence of sizes may result in the fact that all other elements of the design will be out of place.Tag indicating the size would look like this: & lt; img src = "http://kakprosto.ru/banner.gif" width = "468" height = "60" / & gt;
3
Default browser draws a blue frame around the images with links.To avoid this, be added to the tag for banner a border attribute to zero value: & lt; img src = "http://kakprosto.ru/banner.gif" width = "468" height = "60" border = "0"/ & gt;
4
Add one more attribute (title), which will contain the text for the tooltip when you hover the mouse cursor over the banner : & lt; img src = "http://kakprosto.ru/banner.gif "width =" 468 "height =" 60 "border =" 0 "title =" This banner ! "/ & gt;
5
tag images with the most important attributes you have prepared, and now it must be placed inside the tag link.Each hyperlink is formed by two tags - opening and closing: & lt; a href = "http://kakprosto.ru" & gt;& lt; / a & gt; The opening tag placed attribute href, which contains the address to send the request.Between these two tags, insert links and banner tag as: & lt; a href = "http://kakprosto.ru" & gt; & lt; img src = "http://kakprosto.ru/banner.gif" width = "468 "height =" 60 "border =" 0 "title =" This banner ! "/ & gt; & lt; / a & gt; HTML-code banner and citing ready, do not forget to replace: - in the attribute href: "http://kakprosto.ru" to the address of your links banner and - inattribute src: "http://kakprosto.ru/banner.gif" to the address of the image to banner and - in attribute width: "468" on the width of your banner and - in the attribute height: "60" on height of your banner and - attribute title: "It banner !"on the pop-up text for your banner well;
6
above applies to banner am the pictures, but there are banner s, full of flash technology.To insert a link in a flash movie in a standard way must have not only the banner , and its source code.Also, edit the source code and then compile the flash movie, only in a specialized editor - a plain text editor for this is not appropriate.However, there is a way around these difficulties, limited only by editing the HTML and CSS (Cascading Style Sheets - «Cascading Style Sheets").CSS language is used for more details (as compared with HTML) describe the appearance of page elements.With it, you can build the pages of a fairly complex multi-layer design.This is what we use, by placing a flash banner in the lower layer, and placing them on a layer with ssylkoy.HTML code banner and will look like this: & lt; div class = "linkedFlashContainer" & gt;
& lt; a target = "_ top" class = "flashLink" href = "http://kakprosto.ru" & gt; & lt; / a & gt;
& lt; object classid = "clsid: d27cdb6e-ae6d-11cf-96b8-444553540000" codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 "width =" 468 "height =" 60 "align =" middle "& gt;
& lt; param name = "movie" value = "banner.swf" / & gt;
& lt; param name = "wmode" value = "opaque" & gt;
& lt; embed src = "banner.swf" quality = "high" wmode = "opaque" width = "468" height = "60" align = "middle" allowScriptAccess = "sameDomain" type = "application / x-shockwave-flash "pluginspage =" http://www.macromedia.com/go/getflashplayer "/ & gt;
& lt; / object & gt;
& lt; / div & gt; Do not forget to replace it attributes width and height (in two places), the name of the banner and banner.swf (in two places) and address links http://kakprosto.ru (in one place).SCC code A, corresponding to the HTML-code should be such: & lt; style & gt;
div.linkedFlashContainer {position: relative;z-index: 1;border: 0px;width: 468px;height: 60px}
a.flashLink {position: absolute;z-index: 2;width: 468px;height: 60px;background: url (spacer.gif) no-repeat;}
& lt; / style & gt; Here, use a transparent image (of any size) named spacer.gif.And here, too, do not forget to change the size of the width and height (in two places).

Tip 2: How to insert a flash banner

file format SWF, being placed on a Web page, provides a much greater degree of interactivity than a normal picture.If you click on the image can cause a transition to the link, the Flash-applet can change its behavior as you move the arrow on it, etc.
Guide
1
not attempt to use to insert a SWF-file in the HTML-code tag & lt; a href & gt ;.It is intended only for images of classic raster formats: JPG, PNG and GIF.To work well with Flash-applets, he is not fit - try to use this as an error.
2
Place the desired SWF-file to the server in the same folder as a HTML-file or to another located within your user space.The method of copying the file on the server's hard disk depends on the conditions of hosting services.Normally used FTP or downloading the form on the Web page.
3
in the right place of the page, place the following snippet:

& lt; embed src = "myflashfile.swf" quality = "high" pluginspage = "http://www.macromedia.com/go/getflashplayer"type =" application / x-shockwave-flash "width =" 320 "height =" 270 "allowScriptAccess =" sameDomain "allowFullScreen =" True "& gt;
& lt; / embed & gt;

where myflashfile.swf - the name of the file that you want to put.If it is in another directory server, instead of the file name must use the full path to it.
4
If a visitor to your site is missing or disabled Flash Player, when you click on a box that is displayed instead of the applet, it will automatically receive an offer to download the player, and if agreed will be redirected to the page where you can download.A visitor using the services of Opera Turbo, will see on the site of an applet button, clicking on which will be able to view it.If you wish, you can do so that users are unable to view the files format SWF, instead of the file automatically displays an animated GIF images of the same content and resolution.To do this, use the hosting that is running Content Management System (CMS - content managament system).It should automatically determine whether if site visitor Flash Player and generate for a page into which a corresponding object if SWF, then using the above-described structure, if GIF, then using a conventional tag & lt; a href & gt;

& lt; a href = mygiffile.gif & gt; & lt; a & gt;

Of course, you must first create a corresponding animated GIF-file and place it on the server.
Note
spread in the Internet is only SWF-files do not violate the rights of third parties.
Sources:
  • how to make a banner link

0
0