Share Coding

Tutorials, Problems, Stuffs …

Tag Archives: template

Create a jQuery + PHP Webpage Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Simple jQuery Template</title>

<!-- (jQuery & jQuery UI) SCRIPT and CSS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<link type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery.ui.all.css" rel="Stylesheet" />

<style>
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
</style>

<script>
$.fn.center = function() {
	this.css('position', 'absolute');
	this.css('left', '50%');
	this.css('top', '50%');
	this.css('margin-left', -this.width() / 2 + 'px');
	this.css('margin-top', -this.height() / 2 + 'px');
	return this;
}
	
$(document).ready(function(){
	
	$("#btnTest").button().center().click(function() {
		alert("Simple jQuery Layout");
	});
	
});
</script>

</head>

<body style="font-family:微軟正黑體, 微软雅黑, Tahoma, Geneva, sans-serif; font-size:12px;overflow-x: hidden">

	<?php echo '<input id="btnTest" type="button" value="Test" />'; ?>

</body>
</html>
Advertisements

phpBB Forum “Template” General Problems

phpBB3.0

1. Why the page do not update while “style/{your style}/template/XXX.html” has been modified?

 
Solution A:
Go to Administration Control Panel -> Styles -> Under Style components -> {Your theme} -> Click refresh

Solution B:
Administration Control Panel -> General -> Load settings -> Recompile stale style components -> Select Yes

Read more of this post