Template Info

Myzteryz

It only does everything.
Reaction score
90
I would like to request some info.

  • Program needed for making a template?
  • how to make them all "cut up" so you can re-arrange it in the way you want it to?

That will be it for now, I have to sleep now but thank you anyone who helps me :)

P.S I'v waited for this forum so long! (even thought its on OM, OM isn't active much..) :(
 
F

-fool-

Guest
i make my templates in notepad :x

to make easy templates, i reccomend PHP. It lets you cut stuff up yes, and then put it on every page pretty easily.

Lets say you have a pictures page. Im using this example becasue I have a pictures page (lol its not done). When i open pictures.php, this is what the code is.

Code:
<?php include('header.php'); ?>
This will be up in a couple years probably.
<?php include('footer.php'); ?>

yet it looks like this http://foolz.us/pictures.php

The header and footer files are really the template. They go on every page.

You can name yours header, or top, or whatever. I have it divided into header footer, and the middle stuff goes in my main table. you can include 500 files.

this is a sample "header" template.

Code:
<html>
<head>
<title>mywebsite.com</title>
</head>
<body>
<table cellpadding="0" width=500>
     <tr>
        <td>

It stops there. Then a footer template would be.
Code:
     </td>
</table>
</body>
</html>

as you can see. you include the header, type your content inbetween, and include the footer. Neither Header or Footer are following HTML rules. But when they are together it works. ANd the text is inside a table. Now you can add a ton of stuff to your header files and footer files, like your entire template.

my header:
Code:
html>
<head><title>foolz.us   home of the pros</title>
<link rel="stylesheet" type="text/css" href="css.css" />
<style>
<!--

.skin0{
position:absolute;
width:165px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:14px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>


<script type="text/javascript">
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span"); 
		if(el.style.display != "block"){ //DynamicDrive.com change
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") 
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
</head>









<!-- LOL BODY STARTS HERE LOL -->
<!-- LOL BODY STARTS HERE LOL -->
<!-- LOL BODY STARTS HERE LOL -->
<!-- LOL BODY STARTS HERE LOL -->
<!-- LOL BODY STARTS HERE LOL -->



<body bgcolor="#CCCCCC">

<table align="center" cellspacing="0" cellpadding="0" width="925" height="100%">
<tr><td background="images/site/bgleft.gif" height="100%" width="50"></td>
	<td bgcolor="white">
	<p align="center"><img src="images/site/banner2.jpg">
	<br><?php include('quote.txt'); ?>
	</p>


	<table align="left" cellspacing="0" cellpadding="0" width="180"> <!-- blue table -->
	<tr>
		<td background="images/site/table2tl.gif" width="20" height="20"></td>
		<td background="images/site/table2t.gif" height="20"></td>
		<td background="images/site/table2tr.gif" width="20" height="20"></td>
	<tr>
		<td background="images/site/table2l.gif" width="20"></td>
		<td background="images/site/table2c.gif">
			<table align="center" cellspacing="0" cellpadding="0" width="140">
				<tr>
					<td background="images/site/table3tl.gif" width="20" height="20"></td>
					<td background="images/site/table3t.gif" height="20"></td>
					<td background="images/site/table3tr.gif" width="20" height="20"></td>
				<tr>
					<td background="images/site/table3l.gif" width="20"></td>
					<td background="images/site/table3c.gif"><img src="images/site/navigation.gif"></td>
					<td background="images/site/table3r.gif" width="20"></td>
				<tr>
					<td background="images/site/table3bl.gif" width="20" height="20"></td>
					<td background="images/site/table3b.gif" height="20"></td>
					<td background="images/site/table3br.gif" width="20" height="20"></td>
			</table>

			<table align="center" cellspacing="0" cellpadding="0" width="140">
				<tr>
					<td background="images/site/table3tl.gif" width="20" height="20"></td>
					<td background="images/site/table3t.gif" height="20"></td>
					<td background="images/site/table3tr.gif" width="20" height="20"></td>
				<tr>
					<td background="images/site/table3l.gif" width="20"></td>
					<td background="images/site/table3c.gif">
						<table align="left" cellspacing="0" cellpadding="0">
						<tr><td><a href="news.php"><img src="images/site/bnews.gif" border="0"></td>
						<tr><td><a href="maps.php"><img src="images/site/bmaps.gif" border="0"></td>
						<tr><td><a href="movies.php"><img src="images/site/bmovies.gif" border="0"></td>
						<tr><td><a href="pictures.php"><img src="images/site/bpictures.gif" border="0"></td>
						<tr><td><a href="files.php"><img src="images/site/bfiles.gif" border="0"></td>
						<tr><td><a href="quotes.php"><img src="images/site/bquotes.gif" border="0"></td>
						<tr><td><a href="/forums/"><img src="images/site/bforums.gif" border="0"></td>						
						</table></td>
					<td background="images/site/table3r.gif" width="20"></td>
				<tr>
					<td background="images/site/table3bl.gif" width="20" height="20"></td>
					<td background="images/site/table3b.gif" height="20"></td>
					<td background="images/site/table3br.gif" width="20" height="20"></td>
			</table>


		</td>
		<td background="images/site/table2r.gif" width="20"></td>
	<tr>
		<td background="images/site/table2bl.gif" width="20" height="20"></td>
		<td background="images/site/table2b.gif" height="20"></td>
		<td background="images/site/table2br.gif" width="20" height="20"></td>
</table>



	<table border="0" cellpadding="0" cellspacing="0" align="left" width="464">
			<tr>
				<td background="images/site/table1tl.gif" width="20" height="20"></td>
				<td background="images/site/table1t.gif" height="20"></td>
				<td background="images/site/table1tr.gif" width="20" height="20"></td>
			<tr>
				<td background="images/site/table1l.gif" width="20" ></td>
				<td>
 

sqrage

Mega Super Ultra Cool Member
Reaction score
515
Krakka said:
I would like to request some info.

  • Program needed for making a template?
  • how to make them all "cut up" so you can re-arrange it in the way you want it to?

That will be it for now, I have to sleep now but thank you anyone who helps me :)

P.S I'v waited for this forum so long! (even thought its on OM, OM isn't active much..) :(

adobe
MS Paint
The GIMP

any imagemaking program

just copy the sections and save them as new documents to substitute cutting.
 

SD_Ryoko

Ultra Cool Member
Reaction score
85
It depends on what you mean by 'template'.

If you mean a skin and layout, then some things come into play.

Decide first. Tables? Or CSS & divs.

Then you can image your page in a photo softwear, and PLAN out where your going to cut the image up as you create it.

Tough to take just 'anything' and cut it up to make it work. Possible, but more difficult.

Note, you can also use on of the free CSS templates to start with.

If you mean a universal 'template' where the header and footer, menu, etc are always the same, see the second post about 'include()'
 
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Staff online

      Members online

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top