Typo3 Template ändern

[jonny93]

Hallo,

ich habe für meine Schule ein Kommunikationssystem geschrieben, mit dem die Schüler und Lehrer sich gegenseitig Nachrichten schreiben können bzw. öffentliche "Memos" posten können. Es wurde in PHP entwickelt, Datenbank: MySQL und liegt in einem Unterordner der Schulhomepage.
Die Schulhomepage ist typo3. Ich würde nun gerne an einer bestimmten Stelle in der Schulhomepage etwas Code hinzufügen (nur HTML, CSS) und damit ein Mini-Loginbereich schaffen (Feld für Benutzername, Passwort und OK-Button) um sich direkt von der Schulhomepage ins Kommunikationssystem einzuloggen.

Wie kann ich den HTML-Code des typo3 Templates ändern, das hinzufügen und ein paar Zeilen CSS hinzufügen? Ich bräuchte eine ausführliche Anleitung, da ich mich mit typo3 nur sehr wenig bisher beschäftigt habe.

Vielen Dank für eure Hilfe im voraus!

Liebe Grüße.
Johannes

[Stefan_G]

Hallo,

das kann über verschiedene Wege gehen, vorausgesetzt, die Authentifizierung des selbst geschriebenen Systems beißt sich nicht mit der Authentifizierung von T3.

Z.B. HTML:
- Global auf allen Seiten als Typoscript-Schnipsel, der dann im Haupt-Setup eingebunden wird.
- Als Typoscript-Template auf einer bestimmten Seite
- Oder als HTML-Inhaltselement
...

CSS:
- einfach die bestehenden CSS-Files ergänzen
- oder als page.headerData ... hinzufügen.

Ein ausführliche Anleitung bekommst du sicher beim Admin, der das TYPO3 installiert hat und betreut, der wird da sicher auch noch ein Blick drauf werfen wollen.

//Stefan

[jonny93]

Hallo, danke erstmal für deine Antwort. Das mit dem CSS hört sich schonmal einfach an.
Das, was ich an HTML-Code einfügen möchte sieht so aus:

<form action="http://www.***schulhomepage***.de/schwarzesbrett/bearbeiten/index.php?refer=bearbeiten.php" method="post">
<table id="login_small">
<tr><td><b>Schwarzes Brett</b></td></tr>
<tr><td><input class="text" type="text" name="benutzername" value="Benutzername" onFocus="if(this.value==defaultValue)this.value='';"/></td></tr>
<tr><td><input class="text" type="text" name="passwort" value="Passwort" onFocus="if(this.value==defaultValue) { this.value='';this.type='password'; }"/></td></tr>
<tr><td><input type="submit" name="submit" value="Login" style="width:148px;margin:0px;" /></td></tr>
</table>
</form>

Dazu gehört dieser Style-Schnipsel:

#login_small
{
margin:0px;padding:2px;cellspacing:2px;border-style:none;background-color:0px;width:150px;
font-family:Arial;
font-size:10pt;
color:#FF8E23;
}
#login_small input.text
{
width:148px;margin:0px;border:solid 1px #FF8E23;
font-family:Arial;
font-size:10pt;
color:#000000;
}
#login_small input.text:focus
{
background-color:#DEDEDE;
font-family:Arial;
font-size:10pt;
color:#FF8E23;
}

Die beiden Login-System beißen sich nicht, da die eigentliche Login-Seite für das Schwarze Brett schon funktioniert. Dieses Mini-Login soll ein Zusatz sein und gibt die Formulardaten nur an das eigentliche Login-Script weiter. Es soll so der Zugriff auf das SchwarzeBrett vereinfacht werden.

Den Admin der Seite kann ich leider nicht fragen, da dieser das System nicht selbst installiert hat und nur betreut (Inhaltlich).


Diese drei Dinge verstehe ich als jemand, der von Typo3 fast keine Ahnung hat nicht wirklich:

- Global auf allen Seiten als Typoscript-Schnipsel, der dann im Haupt-Setup eingebunden wird.
- Als Typoscript-Template auf einer bestimmten Seite
- Oder als HTML-Inhaltselement


Es ist so, dass das Menü der Homepage so aussieht (ausgegebener Quelltext):

<!---------- #start navi ---------->
<td bgcolor="#FFFFFF" class="navi" align="left" valign="top"><!--###navi### begin --> <table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="menu"><div class="menu1-level1-no"><a href="17.0.html" onfocus="blurLink(this);">Home</a></div><div class="menu1-level1-no"><a href="48.0.html" onfocus="blurLink(this);">Wir über uns</a></div><div class="menu1-level1-no"><a href="16.0.html" onfocus="blurLink(this);">Aktuelles</a></div><div class="menu1-level1-no"><a href="240.0.html" onfocus="blurLink(this);">Baustelle 2009</a></div><div class="menu1-level1-no"><a href="221.0.html" onfocus="blurLink(this);">Vertretungsplan</a></div><div class="menu1-level1-no"><a href="111.0.html" onfocus="blurLink(this);">Termine</a></div><div class="menu1-level1-no"><a href="137.0.html" onfocus="blurLink(this);">Zentr. Prüfungen</a></div><div class="menu1-level1-no"><a href="15.0.html" onfocus="blurLink(this);">Schulprogramm</a></div><div class="menu1-level1-no"><a href="70.0.html" onfocus="blurLink(this);">Schulleben</a></div><div class="menu1-level1-no"><a href="13.0.html" onfocus="blurLink(this);">Kollegium</a></div><div class="menu1-level1-no"><a href="208.0.html" onfocus="blurLink(this);">Fotogalerien</a></div><div class="menu1-level1-no"><a href="213.0.html" onfocus="blurLink(this);">Pressespiegel</a></div><div class="menu1-level1-no"><a href="8.0.html" onfocus="blurLink(this);">Links</a></div><div class="menu1-level1-no"><a href="219.0.html" onfocus="blurLink(this);">Karriere</a></div></td>

</tr>
</table>
<hr size="1" color="#FF8E23" width="150">
<table border="0" width="146" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<!---------- #start suchen ---------->
<tr>
<form action="fileadmin/egwerther/../../index.php?id=5&tx_indexedsearch[sword]" method="post" name="suche" id="suche">
<td bgcolor="#FFFFFF"> <div class="text"><!--###text### begin -->Seite durchsuchen<!--###text### end --></div>
<input name="tx_indexedsearch[sword]" class="textfeld" type="text" maxlength="30" style="font-family:Verdana; font-size: 8pt; font-color: #000000; background-color: #FFFFFF; width: 118px;" />
<input name="submit" type="image" src="fileadmin/egwerther/images/search.gif" alt="Suche starten" width="16" height="12" />
<br> </td>
</form>
</tr>
<!---------- #ende suchen ---------->

</table><!--###navi### end --></td>
<!---------- #ende navi ---------->

Ich würde gerne, das auf jeder Seite es einfach durch meinen Teil ergänzt wird:

<!---------- #start navi ---------->
<td bgcolor="#FFFFFF" class="navi" align="left" valign="top"><!--###navi### begin --> <table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="menu"><div class="menu1-level1-no"><a href="17.0.html" onfocus="blurLink(this);">Home</a></div><div class="menu1-level1-no"><a href="48.0.html" onfocus="blurLink(this);">Wir über uns</a></div><div class="menu1-level1-no"><a href="16.0.html" onfocus="blurLink(this);">Aktuelles</a></div><div class="menu1-level1-no"><a href="240.0.html" onfocus="blurLink(this);">Baustelle 2009</a></div><div class="menu1-level1-no"><a href="221.0.html" onfocus="blurLink(this);">Vertretungsplan</a></div><div class="menu1-level1-no"><a href="111.0.html" onfocus="blurLink(this);">Termine</a></div><div class="menu1-level1-no"><a href="137.0.html" onfocus="blurLink(this);">Zentr. Prüfungen</a></div><div class="menu1-level1-no"><a href="15.0.html" onfocus="blurLink(this);">Schulprogramm</a></div><div class="menu1-level1-no"><a href="70.0.html" onfocus="blurLink(this);">Schulleben</a></div><div class="menu1-level1-no"><a href="13.0.html" onfocus="blurLink(this);">Kollegium</a></div><div class="menu1-level1-no"><a href="208.0.html" onfocus="blurLink(this);">Fotogalerien</a></div><div class="menu1-level1-no"><a href="213.0.html" onfocus="blurLink(this);">Pressespiegel</a></div><div class="menu1-level1-no"><a href="8.0.html" onfocus="blurLink(this);">Links</a></div><div class="menu1-level1-no"><a href="219.0.html" onfocus="blurLink(this);">Karriere</a></div></td>

</tr>
</table>
<hr size="1" color="#FF8E23" width="150">
<table border="0" width="146" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<!---------- #start suchen ---------->
<tr>
<form action="fileadmin/egwerther/../../index.php?id=5&tx_indexedsearch[sword]" method="post" name="suche" id="suche">
<td bgcolor="#FFFFFF"> <div class="text"><!--###text### begin -->Seite durchsuchen<!--###text### end --></div>
<input name="tx_indexedsearch[sword]" class="textfeld" type="text" maxlength="30" style="font-family:Verdana; font-size: 8pt; font-color: #000000; background-color: #FFFFFF; width: 118px;" />
<input name="submit" type="image" src="fileadmin/egwerther/images/search.gif" alt="Suche starten" width="16" height="12" />
<br> </td>
</form>
</tr>
<!---------- #ende suchen ---------->

<!--#mein mini-login---->
<tr><td bgcolor="#FFFFFF">
<form action="http://www.***schulhomepage***.de/schwarzesbrett/bearbeiten/index.php?refer=bearbeiten.php" method="post">
<table id="login_small">
<tr><td><b>Schwarzes Brett</b></td></tr>
<tr><td><input class="text" type="text" name="benutzername" value="Benutzername" onFocus="if(this.value==defaultValue)this.value='';"/></td></tr>
<tr><td><input class="text" type="text" name="passwort" value="Passwort" onFocus="if(this.value==defaultValue) { this.value='';this.type='password'; }"/></td></tr>
<tr><td><input type="submit" name="submit" value="Login" style="width:148px;margin:0px;" /></td></tr>
</table>
</form>
</td></tr>
<!--#ende mein login---->
</table><!--###navi### end --></td>
<!---------- #ende navi ---------->

Vielleicht könntest du mir das etwas genauer erklären, da ich wirklich keine Ahnung davon habe. Ich wäre sehr dankbar.


Liebe Grüße,

Johannes

[tom81]

Hi jonny93,

wenn Du jetzt den Cache leerst, müsste es genau so gehen, wie Du es gepostest hast.

Einfach Dein Zeugs ins Template an die angegebene Stelle kopieren und die css Files ergenzen.

Wo diese sich in Deinem Typo3 befinden, weiß nur der jenige, der es eingerichtet hat.

Viele Grüße
Tom

[jonny93]

Hi,

das ist ja mein Problem. Ich weiß nicht, wie man das Template ergänzen kann. Kannst du mir das mal erklären? Das was ich da an Code geschrieben habe ist ja nur so wie es aussschauen soll, wenns fertig ist.

Liebe Grüße,
Johannes

[tom81]

Im Template steht nur HTML Code, den hast Du grade gepostet.... jetzt musst Du nur noch die Template Datei finden, öffnen und bearbeiten.

Am besten schaust Du mal hier rein, vielleicht hilft es ja.

Das ganze ist mit Beispielen in wenigen Minuten durchgelesen.

[Stefan_G]

Hallo,

das kann dir der erklären, der das T3 eingerichtet hat. Wir könnten hier sonst nur raten. Hast du denn einen T3-Admin- und FTP-Zugang?

//Stefan

[jonny93]

Ich hab' nen Zugang aber blick da nicht so richtig durch!

Aber wenn ich euch richtig verstehe, kann ich einfach diese Datei suchen (habt ihr eine ungefähre Vorstellung wo die ist?) und dann Cache löschen und dann läufts. Also brauche ich das Typo3 Backend gar nicht?

Gruß,
Johannes

[tom81]

Du kannst die Datei über das BE oder FTP bearbeiten, ebenso den Cache leeren.
Ich bevorzuge BE.

Keine Ahnung wie die Dateien eingebunden würden versuch es im Fileadmin Verzeichnis und lies die Doku. Im TS ist die Datei ja eingebunden (Mit komplettem Pfad).

Viele Grüße
Tom

[Stefan_G]

Hallo,

irgendwo im fileadmin-Ordner wird es eine Template-Vorlage (HTML-Datei) geben. Hier stehen dann zum Beispiel die Marker oder Subbparts (Beispiel: ###INHALT###). In diese Datei könntest du deinen Code einfügen, was aber eine totale Pfusch-Methode wäre.

Jetzt gibt es auch mehrere Möglichkeiten, wie dieses Template im T3 angesprochen wird (Parsing). Daher kann dir hier niemand konkrete Hinweise geben.

Wieso kannst du den Admin denn nicht ansprechen?

//Stefan

[iWeb-Software]

Hey ich suche einen Coder der mir ein Template anpassen kann dieser Auftrag muss schnell erledigt werden ich würde mich freuen wenn mir einer hilft Lohn 200€ für die komplette Programmierung melden könnt ihr euch unter info@iweb-software.de danke schon mal für eure Hilfe