/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#global {
	position:absolute;
	left: 50%;
	width: 1030px;
	margin-left: -515px; 
	top: 30px;
}

.textblocks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#000000;
	line-height:16px;
}

.textblockscol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#000000;
	line-height:14px;
}

.bold{
	font-weight:bold;
}
	
label{
	padding: 0 0 0 6px;
	float: left;
	width: 162px;
	font-weight: bold;
	/* n  n  top  left*/
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
br{
	clear: left;
	}
	
input, textarea{
	width: 234px;
	margin-bottom: 12px;
	border: 1px solid #999;
	padding: 1px;
	}
	
select{
	width: 234px;
	margin:0 0 12px 0;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	}
textarea{
	width: 234px;
	height: 150px;
	}
.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	}
.submitbutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #ffba00;*/
	/*background: #d01414;*/
	border-color:#666666;
	border-width:1px;
	padding: 2px;
	margin-left: 308px;
	margin-top: 5px;
	width: 90px;
	cursor:hand;
	}

.titles{
	position:absolute;
	top:310px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:justify;
	color:#000000;
	width: 500px;
	font-weight:bold;
}

.address{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.stylelinks {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

a.stylelinks:hover{font-weight:bold; text-decoration:underline; color:#ffffff;}


a:link {
     color: #000000;
     background-color: transparent;
	 text-decoration:none;
}
a:visited {
     color: #000000;
     background-color: transparent;
	 text-decoration:none;
}
a:active {
     color: #000000;
     background-color: transparent;
	 text-decoration:none;
}
a:hover {
     color: #000000;
     background-color: transparent;
	 text-decoration:underline;
}


/*
a:link 
a:visited 
a:active 
a:hover 





=================================================================================

FREE INDEX LINK (REQUIRES stylelinks):  KYANITE LINK (REQUIRES stylelinks):

<div style="position:absolute; top:787px; left:154px; width: 627px; text-align:right;">
<a href="http://www.kyaniteconsulting.co.uk" target="_blank" class="stylelinks">Web design by Kyanite - website design in Lincolnshire and across the UK.</a> &nbsp;&nbsp; <a href="http://www.kyanitewebhosting.co.uk" target="_blank" class="stylelinks">Providing affordable, robust web hosting.</a><br>
&nbsp;</div>

<div style="position:absolute; top:700px; left:558px;  width: 141px; text-align:right;">
<a href="http://www.freeindex.co.uk" target="_blank" class="stylelinks">UK Business Directory</a></div>

<div style="position:absolute; top:720px; left:279px;  width: 328px; text-align:left;">&nbsp;</div>

=================================================================================

OPEN IMAGES IN NEW WINDOW:
<script LANGUAGE="JavaScript">
<!--
imagename = '';
function enlrge(imgnme,xx,yy, pgtitle) {
    lrgewin = window.open("about:blank","","height=" + yy + ",width=" + xx + ", scrollbars=1,resizable=1,screenX=200,screenY=200,left=200,top=200")
    imagename = imgnme;
	pagetitle = pgtitle;
    setTimeout('update()',500)
}

function update() {
    doc = lrgewin.document;
    doc.open('text/html');
    doc.write('<HTML><HEAD><TITLE>' +pagetitle + '<\/TITLE><\/HEAD><BODY bgcolor="white">');
    doc.write('<IMG SRC="' + imagename + '">');
    doc.write('<\/BODY><\/HTML>');
    doc.close();
}

//--></script>

IMAGE TAG WITH ONCLICK TO OPEN IN LARGE WINDOW:
<img src="images/see-larger-43.jpg" width="83" height="72" border="0" alt="see larger" style="cursor:hand;" onClick="enlrge('images/larger-43.jpg',540,500, 'Enlarged Image');">


BUTTON REDIRECT TO URL
onClick="location.href=\'newurl.php\'">


CHANGE CURSOR TO HAND ICON WHEN MOUSE IS OVER AN IMAGE
onmouseover="this.style.cursor='hand';"


=================================================================================

FLASH OBJECT

<script type="text/javascript" src="swfobject.js"></script>

<div id="flashcontent" align="left">
<p>Unable to load the Flash movie. </p>
</div>
<script type="text/javascript"><!--
var so = new SWFObject("menu_home.swf", "menu_home", "850", "100", "6", "#ffffff"); 
//so.addParam("wmode", "transparent"); 
so.write("flashcontent"); 
//-->
</script>


</body>
</html>

Redirect to new page
HTML
<meta HTTP-EQUIV="Refresh" CONTENT="0; URL=http://www.newpage.co.uk">

PHP
<?php header('Location:http://www.php.net'); ?>


<meta name="subject" content="website design north lincolnshire, web hosting, web design, unlimited webspace, unlimited mailboxes, affordable web design">
	<meta name="description" content="Kyanite - low cost website design,north lincolnshire,web solutions,unlimited email addresses,database driven,e-commerce,web,design.">
	<meta name="keywords" content="">


PHP & MYSQL HIT COUNTER
CREATE TABLE `counter` ( `counter` INT( 20 ) NOT NULL );
INSERT INTO counter VALUES (0); 
==================
counter.php:
<?php
// Connects to your Database 
mysql_connect("localhost", "web76-laacademia", "andrea") or die(mysql_error()); 
mysql_select_db("web76-laacademia") or die(mysql_error()); 
//Adds one to the counter
mysql_query("UPDATE counter SET counter = counter + 1");

//Retreives the current count
$count = mysql_fetch_row(mysql_query("SELECT counter FROM counter"));

//Displays the count on your site
print "$count[0]";
?> 
================
Page for hit counter
<div class="bodytext" style="top:643px; left:165px; width:333px; height:40px;">
Welcome, you are visitor number:<span class="bodybold"> 
<?php
REQUIRE 'counter.php' ;
?></span></div>
================

SCROLLING DIV:
<div style="position:absolute; top:326px; left:342px; width:412px; height:209px; border:solid; border-width:1px; border-color:#4e2700; padding:10px; overflow-y:scroll;">

	scrollbar-face-color: #000000; 			/* Moving part of scroll bar and arrow surround*//*
	scrollbar-track-color: #000000;   		/* Track *//*
	scrollbar-arrow-color: #000000;   		/* Arrows *//*
	scrollbar-3Dlight-color: #000000;  		/* Inner top/left of moving part of scroll bar and arrow surround*//*
	scrollbar-highlight-color: #000000;  	/* Outer top/left of moving part of scroll bar and arrow surround*//*
	scrollbar-shadow-color: #000000;  		/* Inner bottom/right of moving part of scroll bar and arrow surround*//*
	scrollbar-darkshadow-color: #000000; 	/* Outer bottom/right of moving part of scroll bar and arrow surround*//*

#transparency {filter: alpha(opacity=55); -moz-opacity: .55; background-color:#EEE; position:absolute; top:450px; left:110px; }


Open new window from href
<a href="javascript:void(window.open('gallery.html','gallery', 'height=600, width=800, resizable=yes, scrollbars=yes, menubar=no'));">

Go back one page in history list
onMouseOver="this.style.cursor='hand';" onClick="history.go(-1)"


Company Registration Details
<div style="position:absolute; left:72px; top:518px; width: 857px; text-align:center; margin: 0 0 0 0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; z-index: 0; height: 27px;">
  <p>Kyanite Consulting Limited is a company registered in England and Wales with company number 4713055 and VAT No: GB 813 6108 55.  <br />
 Registered Office: 137 Northlands Road, Winterton, North Lincolnshire, DN15 9UL. </p>
</div>


DISPLAY MESSAGE WHNE IMAGES OR PAGE DOUBLE CLICKED

<script language="JavaScript">
<!--

var message="All pictures on this page are copyright Kay Burton 2007!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// --> 
</script>

Go back to previous page
<a href="" style="text-decoration:none;" onMouseOver="this.style.cursor='hand';" onClick="history.go(-1)"> << Go back >> </a>

/////////////////////////////////////////////////////////
Browser selection

if (ieVer==7) {
document.write('<div style="position:relative; top:5px; left:0px; height:3px; text-align: right; background-color: #FF0000;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:8px; left:0px;"><p>Unable to load the Flash movie.</p></div>');
<!--
var so = new SWFObject("pstar.swf", "pstar", "700", "80", "6", "#ffffff"); 
so.write("flashcontent"); 
//-->
');


document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"></div>');
document.write('<div style="position:relative; top:386px; left:0px; height:13px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right:25px; font-weight:bold; color:#FFFFFF; background-color:#333333;"><a href="links.php" style="color:#ffffff; text-decoration:none;">Links</a> </div>');
document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"> </div>');

}
else{
document.write('<div style="position:relative; top:-2px; left:0px;"><hr style="color:#ff0000; height:3px;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:-6px; left:0px;"><p>Unable to load the Flash movie.</p></div>');

////////////////////////////////////////

PHP write to file
// Open the file and erase the contents if any
$fp = fopen("sql.txt", "w");
// Write the data to the file
fwrite($fp, $sql);
// Close the file
fclose($fp);

$fp = fopen("sql.txt", "w");
fwrite($fp, $sql);
fclose($fp);


/////////////////////////////////////////
Click for larger image on same page from same src 

<script type="text/javascript">
function doIt(obj){
document.getElementById("bigpic").src=obj.src
}
</script>

Thumbnail:
<img border="1" src="images\newpicsmall" width="60"  onclick="doIt(this)">

Large display:
<img id="bigpic" src="images\originalpic.jpg">


<script type="text/javascript">

if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);

 	document.write('<div class="textblocks" style="width:240px; height:auto; left:-4px; top:1040px; font-size:15px; text-align:center; line-height:25px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">MIRACOIL 3<br>COMFORT AND SUPPORT<br>FOR ALL<br>SHAPES AND SIZES</span></div>');

// 	document.write('<div class="textblocks" style="width:200px; height:115px; left:14px; top:1180px; font-size:12px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">Zip &amp; Link </span>sets have two mattresses zipped together on the top side and the divans linked in the centre. They can be used as two singles or one large king size bed.</div>');	

}
else{
 	document.write('<div class="textblocks" style="width:240px; height:auto; left:2px; top:1040px; font-size:15px; text-align:center; line-height:25px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">MIRACOIL 3<br>COMFORT AND SUPPORT<br>FOR ALL<br>SHAPES AND SIZES</span></div>');

// 	document.write('<div class="textblocks" style="width:200px; height:115px; left:20px; top:1180px; font-size:12px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">Zip &amp; Link </span>sets have two mattresses zipped together on the top side and the divans linked in the centre. They can be used as two singles or one large king size bed.</div>');
}

</script>

#transparency {filter: alpha(opacity=55); -moz-opacity: .55; background-color:#EEE; position:absolute; top:450px; left:110px; }

*/
