[github/shaarli/Shaarli.git] / tpl / readme.txt

===== Shaarli template organisation =====

Any Shaarli page should conform to this RainTPL template:

-----------------------------------------------------
<html>
<head>{include="includes"}</head>
<body>
	<div id="pageheader">{include="page.header"}</div>
    You body goes here...
    {include="page.footer"}
</body>
</html>
-----------------------------------------------------

If you want to also add something in the page header (in the dark area), do it here:

<div id="pageheader">{include="page.header"}My menu goes here...</div>


Example: "Add new link" form:
-----------------------------------------------------
<html>
<head>{include="includes"}</head>
<body onload="document.addform.post.focus();">
<div id="pageheader">
	{include="page.header"}
	<div id="headerform">
		<form method="GET" action="" name="addform" class="addform">
			<input type="text" name="post" style="width:50%;"> 
			<input type="submit" value="Add link" class="bigbutton">
		</form>
	</div>
</div>
{include="page.footer"}
</body>
</html>
-----------------------------------------------------
Commit	Line	Data
45034273 SS	1	===== Shaarli template organisation =====
	2
	3	Any Shaarli page should conform to this RainTPL template:
	4
	5	-----------------------------------------------------
	6	<html>
	7	<head>{include="includes"}</head>
	8	<body>
	9	<div id="pageheader">{include="page.header"}</div>
	10	You body goes here...
	11	{include="page.footer"}
	12	</body>
	13	</html>
	14	-----------------------------------------------------
	15
	16	If you want to also add something in the page header (in the dark area), do it here:
	17
	18	<div id="pageheader">{include="page.header"}My menu goes here...</div>
	19
	20
	21	Example: "Add new link" form:
	22	-----------------------------------------------------
	23	<html>
	24	<head>{include="includes"}</head>
	25	<body onload="document.addform.post.focus();">
	26	<div id="pageheader">
	27	{include="page.header"}
	28	<div id="headerform">
	29	<form method="GET" action="" name="addform" class="addform">
	30	<input type="text" name="post" style="width:50%;">
	31	<input type="submit" value="Add link" class="bigbutton">
	32	</form>
	33	</div>
	34	</div>
	35	{include="page.footer"}
	36	</body>
	37	</html>
	38	-----------------------------------------------------
	39
	40
	41
	42