PHP Forum - Coding Board
Juni 19, 2018, 11:29:22 *
Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername, Passwort und Sitzungslänge
News:
 
   Übersicht   Hilfe Suche Einloggen Registrieren  
Seiten: [1]
  Drucken  
Autor Thema: [EASY Template System]  (Gelesen 194 mal)
0 Mitglieder und 1 Gast betrachten dieses Thema.
td_armor
Super-Moderator
Haxx0r

Sr. Member
****
Beiträge: 288


Profil anzeigen E-Mail
« am: September 27, 2008, 09:04:01 »

Hi leute, ich  zeige euch mal wie ihr ein Template System erstellt und  Benutz.

Was brauchen wir ?
Ein PHPF?higer Webserver ,
Einwenig HTML & PHP sowie CSS kenntnise.
Einen Editor ( Kein Word! Execl oder sowas )

Fangen wir an.

Wir legen erstmal die Ordner/Datein an. + Ordner - Datein

Zitat
+ style
----- style.css // Hier werden wir unser Aussehen Stylen.
+ template
----- template.tpl // Hier steht nacher der Quelltext der als Template da ist.
- index.php // Hier ist die Ausgabe nacher (Dynamisch )

In der template.tpl z.B

Code:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
<html xmlns=http://www.w3.org/1999/xhtml&quot;>
<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; />
<title>{TITLE}</title>
<link  rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style/style.css&quot; />
</head>
<body alink=&quot;#000000&quot; text=&quot;#000000&quot; vlink=&quot;#000000&quot;>

<center>
<div id=&quot;infoleiste&quot;>
<div id=&quot;infotext&quot;>  Ihre IP : [{IP}]  Ihr Host  : [{HOST}]  </div>
</div>

<div id=&quot;mainheader&quot;>
<div id=&quot;maintext&quot;> [img]images/head.jpg[/img] </div>
</div>

<div id=&quot;navileiste&quot;>
<div id=&quot;navitext&quot;>  Aktuelle Seite :  {PAGE}   </div>
<div id=&quot;navitext2&quot;>   {NAV}  </div>

</div>


<div id=&quot;content&quot;>
<div id=&quot;contenttext&quot;>  {CONTENT}</div>
</div>
 

<div id=&quot;foot&quot;>
<div id=&quot;footeradmintext&quot;>  {ADMIN} </div>
<div id=&quot;footertext&quot;>   Copyright by xyz.de ICON by [url=&quot;http://famfamfam.de/] [url]http://famfamfam.de/[/url] [/url] </div>

</div>
</center>
</body>
</html>

Nun f?r was steh nun  {ADMIN} ? oder {NAV} oder {IP} .
Dies sind einfache Werte die besonders Markiert werden da sie nacher ersetzt werden.

Nun jetz m?ssen wir nur noch eine Stylesheet anfertigen.

Hier w?re es z.B

Code:
#infoleiste
{
margin-top:5px;
background-color:#999999;
width:80%;
height:20px;
border:#000000 solid;
border-width:thin;
min-width:800px;
}
#infotext
{
text-align:right;
margin-right:5px;
}
#mainheader
{
background-color:#666666;
width:80%;
height:202px;
border:#000000 solid;
border-width:thin;
min-width:800px;
}
#maintext
{
text-align:center;
}

#navileiste
{
margin-top:0px;
background-color:#999999;
width:80%;
height:25px;
border:#000000 solid;
border-width:thin;
min-width:800px;
}
#navitext
{
margin-top:0px;
text-align:left;
margin-left:5px;

}
#navitext2
{
text-align:right;
margin-right:5px;
}
#content
{
margin-top:0px;
background-color:#666666;
width:80%;

border:#000000 solid;
border-width:thin;
min-width:800px;
min-height:350px;
}
#contenttext
{
margin-left:5px;
text-align:left;
}
#foot
{
margin-top:0px;
background-color:#999999;
width:80%;
height:20px;
border:#000000 solid;
border-width:thin;
min-width:800px;
}
#footertext
{

text-align:center;
font-style:italic;
color:#333333;

}
#footeradmintext
{

text-align:left;
font-style:italic;
color:#333333;
position:fixed;
margin-left:5px;
}
/*


ENDE DIVS


Anfang HTML Befehle


*/

table{
background-color:#333333;
border-bottom-color:#999999;
}
td{
border-color:#999999;
color:#FFFFFF;
border-width:1px;
width:300px;
margin-left:5px;
font-size:13px;
}
h3{
text-decoration:underline;
}
input{
text-align:center;
text-decoration:underline;

font-size:13px;
}
a{
text-decoration:underline;
text-align:center;
font-size:13px;
border:thin;
}
img{
text-align:center;
border:0px;
margin-top:2px;
}
body{
background-color:#333333;
margin-top:25px;
}


Hier geben wir nun das Template sein Design. Gro?e Farben Div.s Werte.

Gut wir haben nun ein  CSS Basierendes Template .

Jetz kommt die index.php


Code:

$datei = fopen("template/template.tpl","r");
$inhalt = fread($datei,10000);
fclose($datei);
$host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
$page= "Home";
$inhalt = str_replace("{IP}",$_SERVER['REMOTE_ADDR'],$inhalt);
$inhalt = str_replace("{HOST}",$host,$inhalt);
$inhalt = str_replace("{PAGE}", $page ,$inhalt);
$inhalt = str_replace("{NAV}","Hier ist meine obergeile Nav",$inhalt);
$inhalt = str_replace("{CONTENT}","Hiersteht mein Content",$inhalt);
$inhalt = str_replace("{ADMIN}","und nein du bist kein Admin",$inhalt);
echo $inhalt ;
?>
String <<    Funktion  <<  Euer Replace <<< Was ihr hineinschreiben wollt   << String
$inhalt = str_replace("{EUERREPLACE}","WASIHRDORTREINSCHREIBENWOLLT",$inhalt);


Gut, so siehts dann aus

http://admin.ets-sponsor.de/~~obi~~/g31 ... ateSystem/

Ich hoffe ich hab euch geholfen.
Nebenbei: W3C Conform
http://validator.w3.org/
Mfg

td_armor
Gespeichert


Serverspy
Full Member
***
Beiträge: 115

435267721
Profil anzeigen E-Mail
« Antworten #1 am: Juni 25, 2009, 12:18:11 »

CODE]
....
foobar
foobar
include (&quot;contents.php&quot;);

$inhalt = str_replace(&quot;{CONTENT}&quot;,$content_about,$inhalt);

....
foobar
foobar
?>

in der contents.php dann folgendes:
<?php
foobar
...
$content_about = &quot;Hier steht mein Content&quot;;
...
foobar
?>

an der Anknüpfung für eine Datenbank lass ich euch jetzt mal allein bisschen basteln...
;)

[/CODE]

HF

Serversp
Code:
....
foobar
foobar
include (&quot;contents.php&quot;);

$inhalt = str_replace(&quot;{CONTENT}&quot;,$content_about,$inhalt);

....
foobar
foobar
?>

in der contents.php dann folgendes:
<?php
foobar
...
Gespeichert

Seiten: [1]
  Drucken  
 
Gehe zu:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2009, Simple Machines | New Look by Nolt Prüfe XHTML 1.0 Prüfe CSS