| |
| |
Add the following points to
web page
|
Notes
|
 |
|
| 1. |
- at Normal Source of web page - Blank
page, right click
this page, on the shortcut menu click Page Proprieties,
the Page Proprieties dialog box appears, click
tab Margins, check Specify top margin and
Specify left margin, and then click ok
- at Normal Source, from
Table menu, select Insert and then select
Table ... , the Insert Table dialog box appears,
(size coordinates: 1 row and 1 Column) and then click ok.
New Table display
- at Normal Source of web page,
right click this
Table created, on the shortcut menu click Table
Proprieties, the Table Proprieties dialog box
appears, check Specify height and type 80 at text
box and check in pixels, and then click ok
|
| 2. |
at
HTML Source of web page add this Javascript
text
<SCRIPT
language=JavaScript type=text/JavaScript>
//Show menu -
one column and multiline
<!--
function
MM_preloadImages() { //v3.0
var d=document; if(d.images){
if(!d.MM_p) d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){
d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function
MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_findObj(n, d) {
//v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all)
x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x &&
d.getElementById) x=d.getElementById(n); return
x;
}
function MM_swapImage() { //v3.0
var
i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if
((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function
MM_showHideLayers() { //v6.0
var
i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0;
i<(args.length-2); i+=3) if
((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if
(obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v;
}
obj.visibility=v;
}
}
//-->
</SCRIPT>
|
| 3. |
- create new table under the
Table created, from Table
menu, select Insert and then select Table ...
, the
Insert Table dialog box appears, (size coordinates: 1
row and 1 Column) and then click ok. New Table
display
- at Normal Source of web page,
right click this
Table created, on the shortcut menu click Cell
Proprieties, the Cell Proprieties dialog box
appears, at Horizontal alignment combo box select
Right, and then
click ok
- into this cell - (Horizontal alignment combo box select Right
at previows point) , type 'A' and
select it
- at HTML source, appears the
place selected at the previous point ( letter
'A' typed and selected at Normal
Source)
<td width="100%"
align="right">A</td>
- at HTML source, at this place
replace the HTML text created at the previous
point by the following HTML text -
(color of old text - red, color
of new text - black )
<td width="100%"
align="right">
<TD vAlign=bottom
align=right width="100%">
<TABLE
style="BORDER-COLLAPSE: collapse" borderColor=#ff0000
cellSpacing=0
cellPadding=0 width=500
border=1>
<TBODY>
<TR>
<TD
align=middle width=60><FONT
face="Times New
Roman">home</A></FONT></TD>
<TD
align=middle width=60><FONT
face="Times New
Roman">service</FONT></TD>
<TD
onmouseover="MM_showHideLayers('productsmenu','','show')"
onmouseout="MM_showHideLayers('productsmenu','','hide')"
align=middle
width=60>
<DIV
id=productsmenu
onmouseover="MM_swapImage('products','','images/products_r.gif',1)"
style="Z-INDEX: 100; VISIBILITY: hidden; WIDTH:
230px; POSITION: absolute; TOP: 102px; HEIGHT: 115px"
onmouseout=MM_swapImgRestore()>
<TABLE
borderColor=#000080 cellSpacing=1
borderColorDark=#000080
width="100%"
bgColor=#cacaff borderColorLight=#000080
border=2>
<TBODY>
<TR>
<TD
align=left><FONT face="Times New
Roman"> row menu
1</FONT></A></TD></TR>
<TR>
<TD
align=left><FONT face="Times New
Roman"> row menu
2</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
color=#171351
size=2> </FONT><FONT
face="Times New Roman">row menu
3</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
color=#171351
size=2> </FONT><FONT
face="Times New Roman">row menu
4</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
size=2> </FONT><FONT
face="Times New Roman">row menu
5</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
size=2> </FONT><FONT
face="Times New Roman">row menu
6</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
size=2> </FONT><FONT
face="Times New Roman">row menu
7</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
size=2> </FONT></A><FONT
face="Times New Roman">row menu
8</FONT></TD></TR>
<TR>
<TD
align=left><FONT face="Times New Roman"
size=2> </FONT>row menu
9</FONT></TD></TR>
<TR>
<TD
align=left><A style="TEXT-DECORATION: none"
href="http://www.prog.com.lb/web.asp?page=category&cid=10"><FONT
face="Times New Roman"
size=2> </FONT></A><FONT
face="Times New Roman">row menu
10</FONT></TD></TR></TBODY></TABLE></DIV>
<P><FONT
face="Times New
Roman">menu</FONT></P></TD>
<TD
width=60>
<P align=center><FONT
face="Times New
Roman">info</FONT></P></TD></TD>
<TD
align=middle width=60><FONT
face="Times New
Roman">contact</FONT></TD></TR></TBODY></TABLE>
<DIV></DIV></TD>
| |
| |
| | |
