Login page

**nichan79** · 20 October 2015, 12:36 AM

is it possible to create a login page? If so can anyone help me with this?

**Egg Bramhill** · 20 October 2015, 12:47 AM

Hi nichan, welcome to TG. There are quite a few posts re this matter on TG. Do a google search for:

site:www.talkgraphics.com/ login page

**nichan79** · 22 October 2015, 02:09 PM

Thank you so much for pointing me in the right direction.

**nichan79** · 22 October 2015, 02:23 PM

Alright this is what I need it to do.

I have 3 pages at them moment.

I have the general index and about pages but I also have a page I need to publish that has IT hardware info on.
The one with the hardware I need to have secured even if with just a password and a way to update the people
who will need access to log into that page. Or would it be better to have the login page first and then have it
redirect you to the other pages?

I would like to learn how to do this; however if I need to purchase the pre-existing login packet I will, as I said
earlier I would prefer to actually learn how to do this. But I need help.

**nichan79** · 23 October 2015, 04:36 AM

Alright I have figured out mostly everything even the login html coding and placement.

I have one question left:

Where do I place my table (exported from MS access) in the coding below?

<!DOCTYPE>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.7.0.2.946"/>
<meta name="XAR Files" content="index_htm_files/xr_files.txt"/>
<title>products</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_fonts.css"/>
<script type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">document.documentElement.className="xr _bgh1";</script>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/custom_styles.css"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
</head>
<body class="xr_bgb1">
<div class="xr_ap" id="xr_xr" style="width: 770px; height: 576px; top:15px; left:50%; margin-left: -385px;">
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
<div id="xr_td" class="xr_td">
<div class="xr_ap">
<img class="xr_rn_ xr_ap" src="index_htm_files/19.png" alt="" title="" style="left: -5px; top: -5px; width: 784px; height: 590px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/20.png" alt="" title="" style="left: 264px; top: 304px; width: 2px; height: 183px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/20.png" alt="" title="" style="left: 505px; top: 304px; width: 2px; height: 183px;"/>
</div>
<div class="xr_ap xr_xri_" style="width: 770px; height: 576px; overflow:hidden;">
<img class="xr_rn_ xr_ap" src="index_htm_files/21.png" alt="" title="" style="left: 0px; top: 0px; width: 770px; height: 119px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/4.png" alt="" title="" style="left: 0px; top: 542px; width: 770px; height: 34px;"/>
<div class="Normal_text_a" style="position: absolute; left:31px; top:560px; width:710px; height:10px;font-family:Times New Roman;font-weight:bold;">
<span class="xr_tl Normal_text_a" style="left: 491px; top: -11px;font-family:Times New Roman;font-weight:bold;"><span class="Normal_text_a" style="font-family:Times New Roman;font-weight:bold;color:#FFFFFF;">   &nbs p;       © 2015 MSYG All rights reserved.</span></span>
</div>
<div class="Heading_3" style="position: absolute; left:12px; top:20px; width:744px; height:10px;">
<h3 class="xr_tl Heading_3" style="top: -12px;margin:0;">Meridian Specialty Yarn Group, Inc</h3>
</div>


<div class="xr_s0" style="position: absolute; left:753px; top:71px; width:10px; height:10px; text-shadow: 2px 1px 4px rgba(0,0,0,0.51);">
<span class="xr_tr xr_s0" style="left: -238px; top: -19px; width: 238px;">Valdese Workstations</span>
</div>

<img class="xr_rn_ xr_ap" src="index_htm_files/6.png" alt="Inventory Control" title="" style="left: 28px; top: 52px; width: 227px; height: 31px;"/>
<a href="index.htm" target="_self" onclick="return(xr_nn());">
<img class="xr_rn_ xr_ap" src="index_htm_files/8.png" alt="Home Home" title="" onmousemove="xr_mo(this,0,event)" style="left: 4px; top: 88px; width: 52px; height: 20px;"/>
</a>
<img class="xr_rn_ xr_ap" src="index_htm_files/9.png" alt="Workstations Workstations" title="" style="left: 54px; top: 88px; width: 86px; height: 20px;"/>
<a href="contact.htm" target="_self" onclick="return(xr_nn());">
<img class="xr_rn_ xr_ap" src="index_htm_files/10.png" alt="Contact Contact" title="" onmousemove="xr_mo(this,0,event)" style="left: 139px; top: 88px; width: 61px; height: 20px;"/>
</a>
<a href="news.htm" target="_self" onclick="return(xr_nn());">
<img class="xr_rn_ xr_ap" src="index_htm_files/11.png" alt="Index Index" title="" onmousemove="xr_mo(this,0,event)" style="left: 198px; top: 88px; width: 49px; height: 20px;"/>
</a>
<img class="xr_rn_ xr_ap" src="index_htm_files/13.jpg" alt="" title="" style="left: 6px; top: 54px; width: 24px; height: 21px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/16.png" alt="Workstations Workstations" title="" style="left: 54px; top: 88px; width: 86px; height: 20px;"/>
<div id="xr_xo0" class="xr_ap" style="left:0; top:0; width:770px; height:100px; visibility:hidden;">
<a href="" onclick="return(false);" onmousedown="xr_ppir(this);">
<img class="xr_rn_ xr_ap" src="index_htm_files/15.png" alt="Home Home" title="" style="left: 4px; top: 88px; width: 52px; height: 20px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/17.png" alt="Contact Contact" title="" style="left: 139px; top: 88px; width: 61px; height: 20px;"/>
<img class="xr_rn_ xr_ap" src="index_htm_files/18.png" alt="Index Index" title="" style="left: 198px; top: 88px; width: 49px; height: 20px;"/>
</a>
</div>
<div id="xr_xd0"></div>
</div>
</div>
</div>

<script type="text/javascript">xr_htm();window.addEventListener('load ', xr_aeh, false);</script>
</body>
</html>

**Egg Bramhill** · 23 October 2015, 09:18 AM

Xara isn't an html editor nichan, it's a wysiwyg editor that only creates the required html code on publishing.

There are several ways of including spreadsheet data. I attach a xar file. Open it in your Xara Web Designer and preview. You should be able to see how it's done.