Zum Inhalt springen

www.karsie.de

Erstellt am 24. Mai 2006 · 16 Antworten · letzte Antwort am 20. Juli 2008

Tags: Diskussion

Frescha ·
cinos22 schrieb

Seht Ihr noch Bugs?

leider ja. schau dir doch bitte das layout mal mit dem neusten firefox an

cinos22 ·

Hallo Delphi,

Habt ihr das Layout selbst erstellt?

Ja, das Layout hab ich in Photoshop erstellt und dann in ein Template umgewandelt.

P.S. Was macht die Wettervorhersage von Salzkotten auf der Page? (Wohnt ihr da?)

Ja, wir wohnen in der Nähe. Kommst Du etwa auch aus der Gegend?

cinos22 ·

@Frescha

leider ja. schau dir doch bitte das layout mal mit dem neusten firefox an

Habs mir gerade mal mit Firefox angeschaut. Was genau hast Du gefunden? Mir fiel auf anhieb noch folgendes auf:

  • - Schatten um die Content-Elemente => schon korrigiert
    - Englisches Datum beim "Letzte Aktualiserung" => schon korrigiert
    - Transparent Anteil im Menü

cinos22 ·

@Frescha
Was nutzt Du für eine Auflösung? 1024x768?

Habs gerade nochmal mit Firefox getestet und mir viel auf, dass wenn ich die Seite das erste mal aufrufe, dass der Content Bereich untereinander steht. Maximiere ich dann Firefox, wird bei mir alles korrekt dargestellt.

Auf dem Screenshot fehlt bei Dir beim "Der Schnappschuss" ein Bild. Ist das immer so, oder nur beim aktuellen geposteten Screenshot?

Ich hab nochmal die Breite des Content Bereichs angepasst. Sie es jetzt bei Dir besser aus?

@All
Gibts denn sonst kein Feedback mehr? 😉

Waveshaper ·

Wirklich net übel... Ok, das Design ist nicht Weltklasse, aber auch nicht übel. Die Seite ist recht übersichtlich und was die Funktionen angeht, für eine private Homepage sehr umfangreich. Hier hab ich endlich mal den ee_blog im Einsatz gesehen.. Welche extensions hast du sonst noch so verwendet?!? Gerade was das Kontakt-Formular angeht würde mich interessieren was das für ne extension ist.

gruss, waveshaper

cinos22 ·
Waveshaper schrieb

Welche extensions hast du sonst noch so verwendet?!?

Für den Blog Bereich habe ich die Ext. "ee_blog" und das Kalender PlugIn "eeblog_calendar" integriert.

Das Kontaktformular wurde mit "th_mailformplus" generiert und mit dem Captcha PlugIn "captcha" erweitert.

Sonst habe ich noch diverse andere Extentions wie "Phtobook (goof_fotobek)", "RDF feed import (n_rdfimport)", "Random Image from Directory (wag_randomimage)" etc. installiert.

cinos22 ·
danabanana schrieb

das spiel hangman, ist das eine ext?

Hangman ist keine Extention. Es ist ein externes PHP Script, dass ich in das Layout integriert habe. 😉

refalo ·

@cinos22:

Hallo, Christian!

Deine Site gefällt mir gut! Ich würde sagen, sie wirkt "etwas kreativ" (aber nicht zu kreativ!) - war sicherlich auch so dacht?! 😉

Das Highlight ist meiner Meinung nach die Variante "Hauptmenü oben als Pulldown-Menü" mit den "soft" rausrollenden "transparenten" Menüitem-Spalten. Diese Idee muss ich mal im Hinterkopf behalten...

Als Einsteiger und Interessent an einigen Deiner Site-Komponenten (z.B. Mailform, Kalender, ...) würde ich mich freuen, wenn Du noch die Liste aller Extensions (evtl. mit Versionsnummern), die Du für dieses Projekt benutzt hast, posten könntest (so wie das in etlichen anderen Beispielen dieses Forums gemacht wurde). 😉

Da ich noch ein paar kleine Probleme mit 'th_mailformplus' habe und ich bisher leider kein VOLLSTÄNDIGES Bsp. (neben CSS-Dateien AUCH MIT DEM ZUGEHÖRIGEN TypoScript-CODE - weder im th_mailplus-Manual, noch in den klassischen TYPO3-Dokus, noch in diesem Forum) gefunden habe :o , würde ich mich darüber hinaus sehr freuen, wenn Du exemplarisch auch noch den Quelltext Deiner hierfür relevanten TS-Templates (evtl. auch noch mit den zur Mailform gehörigen CSS-Definitionen) posten (evtl. als PN?) könntest! Oder kannst Du mir sagen, wo ich so'n vollständiges Beispiel (bzgl. th_mailformplus) finde...?

Danke und Gruß refalo.

cinos22 ·

Hallo refalo.

Als Einsteiger und Interessent an einigen Deiner Site-Komponenten (z.B. Mailform, Kalender, ...) würde ich mich freuen, wenn Du noch die Liste aller Extensions (evtl. mit Versionsnummern), die Du für dieses Projekt benutzt hast, posten könntest (so wie das in etlichen anderen Beispielen dieses Forums gemacht wurde).

Hier zuerst mal eine Liste meiner Extentions. Die durchgestrichenen Elemente sind zwar installiert, jedoch entweder nicht aktiv oder noch nicht konfiguriert.

Bild: karsie.de/…/extentions.gif

Hier ist mal mein Beispiel von der th_mailformplus Extention. Die Grundvoraussetzung bei meiner Konfig ist die installierte th_mailformplus Extention und die Captcha Libray.

Nach der Installation der beiden Extentions konfigurierst Du im Setup Bereich deines Templates dies:

Template Setup:

# Captcha Schutz Mailformplus
plugin.tx_thmailformplus_pi1.captchaFieldname = spam

Damit weist du th_mailform das Eingabeforumlarfeld deiner HTML Vorlage des Spamschutzes zu.

Anschließend ändert du das HTML Template nach deinen Wünschen ab.

HTML Template des Kontaktformulars:

<!-- ###TEMPLATE_FORM### begin -->
<form name="Formular" method="post" action="index.php" enctype="multipart/form-data">
<input type="hidden" name="id" value="###PID###">
<input type="hidden" name="submitted" value="1">
<input type="hidden" name="L" value="0">
<input type="hidden" name="type" value="###value_type###">
###ERROR###
<table border="0" cellspacing="2" cellpadding="0">
<tr>
	<td valign="top">Name:<font color="#F7C64A">*</font></td>
	<td valign="top">###error_name###<input type="text" name="name" value="###value_name###"></td>
</tr>
<tr>
	<td valign="top">E-Mail:<font color="#F7C64A">*</font></td>
	<td valign="top">###error_email###<input type="text" name="email"  value="###value_email###"></td>
</tr>
<tr>
	<td valign="top">Text:<font color="#F7C64A">*</font></td>
	<td valign="top"><textarea cols="50" rows="5" name="text" style="width:320px;">###value_text###</textarea></td>
</tr>
<tr>
	<td valign="top">Spam-Sicherheitsabfrage:<font color="#F7C64A">*</font></td>
	<td valign="top"><input typ2="text" name="spam" value="###value_captcha###" />###CAPTCHA###</td>
</tr>
<tr>
	<td>&nbsp;</td>
	<td valign="top" align="left"><input type="submit" value="Abschicken!"></td>
</tr>
</table>
</form>
<!-- ###TEMPLATE_FORM### end -->




<!-- ###TEMPLATE_SUBMITTED_OK### begin
  OPTIONAL - will be shown if form was submitted and all required fields were filled out
-->
<b>Thank you, your request will be answered soon.</b>
you have uploaded the following files:<br>
###UPLOAD1###<br>
###UPLOAD2###<br>
<hr>
or:<br>
###photo###<br>
###photo2###
<!-- ###TEMPLATE_SUBMITTED_OK### end -->


<!-- ###TEMPLATE_EMAIL_USER### begin
    OPTIONAL - this will be the email text that is sent to the user (plaintext!)
-->

Hello ###name###,
You have just filled out the form and asked about:
###subject###

you uploaded the following files:
###photo###
###photo2###

We will contact you as soon as possible,
ciao!
<!-- ###TEMPLATE_EMAIL_USER### end -->

 

 

<!-- ###TEMPLATE_EMAIL_RECEIVER### begin
    OPTIONAL - this will be the email text that is sent to the admin (plaintext!)
    (admin-email = the email you can specify in the mailformplus plugin)
-->
Hallo Daniela & Christian,

ein Webseitenbenutzer hat Euch über die Homepage www.karsie.de folgende Nachricht geschickt:

Name: ###name###
E-Mail: ###email###

Nachricht:
###text###

<!-- ###TEMPLATE_EMAIL_RECEIVER### end -->
 



<!-- ###TEMPLATE_ERROR### begin -->
<!-- ###ERROR_START### begin 
this is used for the global error marker ###ERROR### -->
Ein Fehler ist aufgetreten:
<ul>
<!-- ###ERROR_START### end -->


<!-- ###ERROR_END### begin 
this is used for the global error marker ###ERROR### -->
</ul>
<!-- ###ERROR_END### end -->

 

<!-- ###ERROR_FILESIZE### begin 
this is used if you use the file upload functionality -->
<li>File is too large!</li>
<!-- ###ERROR_FILESIZE### end -->

 

<!-- ###ERROR_FILETYPE### begin 
this is used if you use the file upload functionality -->
<li>File is not allowed!</li>
<!-- ###ERROR_FILETYPE### end -->


 

<!-- ###ERROR_name### begin -->
<li>Feld nicht ausgefüllt!</li>
<!-- ###ERROR_name### end -->
 

<!-- ###TEMPLATE_ERROR### end -->

Das HTML Template (template_mailform_kontakt.html) bewirkt dann dies.

Jetzt legst du in deiner Kontaktseite einen neuen Datensatz vom Typ th_mailform an und füllst ihn entsprechend aus. Bei HTML Template wählst Du natürlich dein angepasstes Template aus.

Bild: karsie.de/…/mailformplus1.jpg

Zum Schluss legst du auf deiner Kontaktseite noch einen Seiteninhalt vom Typ PlugIn -> Mailformplus Erweiterung an.

Ebenso solltest Du bei deiner Kontaktseite den Cache deaktivieren.

Ich hoffe mal, dass dir dies ein wenig hilft. 😉

refalo ·

Hallo Christian!

Danke schon mal für die sehr schnelle und sehr ausführliche Antwort! Da steig' ich morgen noch einmal intensiver ein. 🙂

Aber dazu fällt mir sofort eine wichtige Frage ein, die mir schon den ganzen
Tag auf den Nägeln brennt (wg. meiner Grundlagen-Wissenlücke in diesem Bereich):

Braucht man da nicht noch TS-Code (z.B. in einem eigenen Extension-TS-Template für die Kontakt-Subseite, wo derzeit auch mein mailform-plugin drin ist),
wo ich den Content-Marker meines HTML-Haupttemplates mit dem Plugin(-Inhalt) belege, wenn ich auf meine Subseite mit dem Kontaktformular ("Kontakt") klicke, etwa so:

page.10.subparts.CONTENT_MAILFORM >
page.10.subparts.CONTENT_MAILFORM < plugin....mailform... #paralyzed#

Und: Welche Plugin-Eigenschaften muss ich mindestens setzen (und wie? Muss ich irgendwelche PIDs/UIDs mindestens setzen...?), damit das "minimal" funktioniert (d.h. das Formular angezeigt wird und ich dort testweise was eingeben kann, meinetwegen auch erst einmal mit Fehlermeldung bei Drücken des Senden-Buttons).
:o

Das Spam-Attribut im Plugin zu setzen ist doch wohl eher eine etwas speziellere Geschichte, oder? #paralyzed#

Meine Konstruktion ist zur Zeit (etwa) so:
- th_mailformplus (3.8.0) installiert und geladen.
- Eine Seite "Kontakt" enthält als Seiteninhalt das th_mailform-plugin.
- Unter dieser Seite befindet sich eine Seite "Kontaktformular" mit dem mailform-Seiteninhalt. Da drin verweise ich auf HTML-Schnipsel-Datei, in der außen der TS-Marker (TEMPLATE_FORM begin/end) um das Form-Tag gewrappt ist usw. (also kein head, body und so...)
- Das Plugin verweist "Anfangspunkt-technisch" auf diese Kontaktformular-Unterseite (oder muss es einen Verweis auf den Inhalt statt der Unterseite geben oder wie....?)
- Ich hätte jetzt gedacht, dass die Plugin-Seite so'n TS-Extension-Template mit obigem Code bräuchte... Da wird bei mir aber dann nix (d.h. auch kein Formular wo mein Marker im HTML-Template ist) angezeigt...!
- Die Marker 'TEMPLATE_FORM' und so weiter sind wohl fest vorgegeben...? Müssen die dann auch noch irgendwo im (eigenen) TS-Code (außer in meinem HTML-Template) wieder auftauchen...? :o

Aus dem th_mailformplus-Manual war mir das nicht so ersichtlich und das ist auch das erste Plugin, das ich benutze, welches mit HTML-Schnipseln arbeitet! :o

Danke schon mal für Deine weiteren aufklärenden Hinweise. Danach kämpf' ich auch erst einmal allein weiter. :o

Gruß refalo.

refalo ·

@cinos22:

Noch ein paar Details zu meinem "Kontaktformular-wird-nicht-angezeigt"-Problem:
- Der Marker (CONTENT_MAIN) für den Content, wo das Kontaktformular erscheinen soll, verschwindet korrekt (wenn ich in meinem Menü 'Kontakt' klicke), wird also durch

page.10.subparts.CONTENT_MAIN >
page.10.subparts.CONTENT_MAIN < plugin.tx_thmailformplus_pi1

in meinem TS-Extension-Template (der Seite 'Kontakt' in meinem TYPO3-Seitenbaum) korrekt angesprochen.

Schaue ich mir dann den Seitenquelltext der in meinem Browser (FF 1.5.0.4) angezeigten Seite an, so sieht der relevante Bereich so aus (d.h. der HTML-Quelltext des Formulars wird dort nicht eingefügt):

<div id="content-main"><div id="content-main-inside">
	


	<!--

		BEGIN: Content of extension "th_mailformplus", plugin "tx_thmailformplus_pi1"

	-->
	<div class="tx-thmailformplus-pi1">
		
	</div>
	
	<!-- END: Content of extension "th_mailformplus", plugin "tx_thmailformplus_pi1" -->

	
</div></div>

Wenn ich den Marker wie folgt stattdessn mit einem einfachen Text belege

page.10.subparts.CONTENT_MAIN >
page.10.subparts.CONTENT_MAIN = TEXT
page.10.subparts.CONTENT_MAIN.value = Hallo

, wird dieser Bereich korrekt ausgetauscht, wie der zugehörige Seitenquelltext zeigt:

<div id="content-main"><div id="content-main-inside">
	Hallo
</div></div>

Meine HTML-Kontaktformular-Schnipsel-Datei (deren Pfad und Name ich im mailformplus-Datensatz-Wizard angebe) sieht derzeit so aus:

<!-- ###TEMPLATE_FORM### begin -->
ze
<form action="" enctype="text/plain" id="mailform" method="post" name="Kontaktformular"><fieldset>
<legend>Ihre Kontaktangaben</legend>

<label for="mailform-name" id="mailform">Name:</label>
<input id="mailform-name" maxlength="30" name="mailform-name" size="30" title="Eingabe Ihres Vor- und Nachnamens" type="text" value="" /><br />

<label for="mailform-mail" id="mailform">Email-Adresse:</label>
<input id="mailform-mail" maxlength="30" name="mailform-mail" size="30" title="Eingabe Ihrer Email-Adresse" type="text" value="" /><br />

<label for="mailform-subject" id="mailform">Betreff / Thema:</label>
<input id="mailform-subject" maxlength="30" name="mailform-subject" size="30" title="Eingabe von Überschrift bzw. Thema Ihrer Mitteilung" type="text" value="" /><br />

<label for="mailform-body" id="mailform">Mitteilung / Kommentar:</label>
<textarea col="30" id="mailform-body" name="mailform-body" rows="5" title="Eingabe Ihrer Nachricht (mehrzeilig)"></textarea><br />

<label for="mailform-submit" id="mailform">&nbsp;</label>
<input id="mailform-submit" name="mailform-submit" title="Versenden Ihrer Nachricht an uns" type="submit" value=" Senden ">

</fieldset></form>

<!-- ###TEMPLATE_FORM### end -->

Ich glaube, TYPO3 findet meine HTML-Schnipseldatei trotz Angabe im Wizard überhaupt nicht....??

Gruß refalo.

gabrielschreiber ·
cinos22 schrieb
danabanana schrieb

das spiel hangman, ist das eine ext?

Hangman ist keine Extention. Es ist ein externes PHP Script, dass ich in das Layout integriert habe. 😉

Falls ihr eine Typo3-Extension sucht, die Hangman bei Euch integriert: Ich habe gerade eine geschrieben. Ihr könnt sie im TER unter dem Ext-Key "gs_hangman" und auf typo3.org/extensions finden.

Liebe Grüße,
Gabriel