[EASY Template System]

  • 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



    In der template.tpl z.B


    HTML
    1. <!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
    1. #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 DIVSAnfang 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




    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

  • Hi!


    Wirklich gute Anleitung für Anfänger und Einsteiger. schön beschrieben, denke mal dass das vielen weiter helfen wird.


    Um das Ganze bisschen dynamischer zu gestalten, denn dafür ist PHP ja schließlich da, könnt ihr auch den Text der in dem Beispiel hardcoded wurde aus einer Datenbank dynamisch auslesen. bzw wenn keine DB zur Verfügung steht auch aus einer includeten Datei oder mittels fopen() aus einer x-beliebigen Datei auslesen, welche durch zB ein Admin-Panel bearbeitet werden kann.


    Dafür müsst ihr für den Text ganz einfach eine Variable vergeben.


    KAnn dann folgendermaßen ausschaun(sofern ich mich nach 48Stunden Dienst ned vertippt hab):



    HF


    Serverspy