[Vorstellung] tHE fAKE pAGE!

**mitaki** · 17.06.2007 18:00

Zitat

Weil die Ueberschrift unabhaengig vom Container Definiert werden soll und <h1> stellt fuer mich ein Textformatierungs Element dar und kein Design Element wie <div>.

Textformatierung = Design. <h1> ist aber ein strukturierendes Element und da es nur einmal in einem Dokument vorkommen sollte ist die vergabe von Klassen oder IDs dafür relativ sinnlos.

Zitat

Weil mir <hr /> nicht gefaellt und ich es so mache. ;]

Hm, die Trennlinie ist identisch zu deiner Vorstellung gestaltbar.

Warum verwendest du für die Liste am Anfang nicht einfach eine Liste?

Die Tabellen sind imho auch unnötig. Mit einem float für die Bilder wäre das ganze viel schneller geschrieben.

Außerdem möchte ich dich auf die kleine Schrift hinweisen, ich muss mehrmals auf Textvergrößerung klicken um überhaupt was lesen zu können.

Gestalte doch die Seitenbreite flexibel (momentan wird der großteil der Seite nicht genutzt) und füge ebenso flexibel die Fake-Zusammenfassungen nebeneinander dazu.

**Whiz-zarD** · 17.06.2007 19:31

Mal ne Frage: Wer braucht so ein Mist eigentlich?

**deadshox** · 17.06.2007 21:21

Zitat von Manni

Deine tolle Seite hat (zumindest wenn magic_quotes_gpc aus ist) SQLInjections.

Hm und was kann ich noch dagegen tun, ausser magic_quotes_gpc auszumachen? Das mit dem Eintrag bei Faker habe ich ausprobiert und da ist nichts passiert.

Zitat von Manni

Du hättest ja wenigstens den Kram mit dem eval() in eine eigene Funktion auslagern können.

Naja nu dann wuerde es so aussehen:

PHP-Code:


show_template("style/fake_main")

Ist doch fast das gleiche.

Zitat von Manni

Auch die Sprachenunterstützung finde ich gut, auch wenn sie ein wenig statisch eingebunden ist

Wie meinste das?

Zitat von mitaki

Textformatierung = Design. <h1> ist aber ein strukturierendes Element und da es nur einmal in einem Dokument vorkommen sollte ist die vergabe von Klassen oder IDs dafür relativ sinnlos.

Habe ich doch garnicht gemacht, hab doch nur dem Div Container eine ID gegeben, es wird ihn ja auch nur einmal geben.

Zitat von mitaki

Hm, die Trennlinie ist identisch zu deiner Vorstellung gestaltbar.

Na ja jut dann mach ichs halt so.

Zitat von mitaki

Warum verwendest du für die Liste am Anfang nicht einfach eine Liste?

Joa hab ich einfach nicht dran gedacht. ;P Habs gleich mit eingebaut.

Zitat von mitaki

Die Tabellen sind imho auch unnötig. Mit einem float für die Bilder wäre das ganze viel schneller geschrieben.

Habs gerade Probiert und komme nicht auf das gewuenschte Ergebnis.

Zitat von mitaki

Außerdem möchte ich dich auf die kleine Schrift hinweisen, ich muss mehrmals auf Textvergrößerung klicken um überhaupt was lesen zu können.

Immer noch? Naja ok bin nun auf 11px Hochgegangen.

Zitat von mitaki

Gestalte doch die Seitenbreite flexibel (momentan wird der großteil der Seite nicht genutzt)

Ja so soll aber das Design sein. ;] So halt nen Fake Bild aehnlich sehen.

Zitat von mitaki

füge ebenso flexibel die Fake-Zusammenfassungen nebeneinander dazu.

Versteh ich nicht. Wie meinst du das?

Zitat von Whiz-zarD

Mal ne Frage: Wer braucht so ein Mist eigentlich?

Es soll fuer mich eine Uebung sein und es soll zur Sammlung der Fakes dienen damit man mal eine Uebersicht hat.

**NPC Fighter** · 17.06.2007 21:55

Zitat von deadshox

Ja so soll aber das Design sein. ;] So halt nen Fake Bild aehnlich sehen.

Mag bei kleineren Auflösungen ja noch stimmen. Aber selbst mit nur 1440x900 Pixeln wird das Ding bei mir nur wie ein Strich in der Landschaft angezeigt.
Du solltest dein Design wenigstens etwas flüssiger / elastischer anlegen.

FF · 17.06.2007 22:12

Zitat

Habe ich doch garnicht gemacht, hab doch nur dem Div Container eine ID gegeben, es wird ihn ja auch nur einmal geben.

Es geht darum, das dur dir das div sparen kannst (und solltest) wenn du schon h1 hast.
Du kannst das h1 so formatieren wie du willst, da braucht es kein div mehr.
oder aber du entfernst das h1, was aber dem sinn von CSS komplett zuwiederlaufen würde.

**deadshox** · 17.06.2007 22:56

Zitat von NPC Fighter

Mag bei kleineren Auflösungen ja noch stimmen. Aber selbst mit nur 1440x900 Pixeln wird das Ding bei mir nur wie ein Strich in der Landschaft angezeigt.
Du solltest dein Design wenigstens etwas flüssiger / elastischer anlegen.

Wasn das fuer ne Aufloesung? Das is aber nich Standart. -.-
Naja habs mal nen bissel angepasst, hoffe es ist nun genhem. ;]

Das mit dem <h1> hab ich nun auch geaendert.

**Jesus_666** · 18.06.2007 06:14

Zitat von deadshox

Wasn das fuer ne Aufloesung? Das is aber nich Standart. -.-

Sag' das dem 15"-MacBook Pro. Oder so ziemlich jedem anderen Breitbild-Laptop. Du brauchat allerdings gar nicht so hohe Auflösungen, damit es fies aussieht; schon bei 1024x768 sieht die Seite leer aus.

Zitat

Immer noch? Naja ok bin nun auf 11px Hochgegangen.

Angaben in px brauchst du nur und ausschließlich in Seiten, die du vorher in Photoshop gebastelt hast. Ansonsten wären flexiblere Angaben wie pt oder auch mm (oder bei nicht-Textelementen em und ex) wohl eine bessere Wahl. Ein enormer Voertil ist, daß diese Angaben dem vom User vorgegebenen DPI-Wert folgen, was px AFAIK nicht tut.

Was die Verteilung angeht: Bitte nicht nur als PE. Nicht jeder User hier verwendet Microsoft Windows und daß ein beliebiges Packprogramm mit Windows-SFX-Archiven umgehen kann, ist nicht selbstverständlich. Besser wäre es, zusätzlich eine normale Paketdatei mit anzubieten.

BTW, du solltest dich mal über die Unterschiede zwischen ' und " informieren. ' ist marginal schneller und könnte dir einige \" sparen. (Zugegeben, als Optimierung ist es nicht so derb, aber man muß ja nicht Leistung verschenken, wenn der bessere Weg einen vernachlässigbaren Mehraufwand hat.)

**deadshox** · 18.06.2007 07:16

Zitat von Jesus_666

Sag' das dem 15"-MacBook Pro. Oder so ziemlich jedem anderen Breitbild-Laptop. Du brauchat allerdings gar nicht so hohe Auflösungen, damit es fies aussieht; schon bei 1024x768 sieht die Seite leer aus.

Na ja jut und was kann ich dagegen tun ohne das Design großartig zu veraendern?

Zitat von Jesus_666

Angaben in px brauchst du nur und ausschließlich in Seiten, die du vorher in Photoshop gebastelt hast. Ansonsten wären flexiblere Angaben wie pt oder auch mm (oder bei nicht-Textelementen em und ex) wohl eine bessere Wahl. Ein enormer Voertil ist, daß diese Angaben dem vom User vorgegebenen DPI-Wert folgen, was px AFAIK nicht tut.

So bin jetzt wieder auf pt.

Zitat von Jesus_666

Was die Verteilung angeht: Bitte nicht nur als PE. Nicht jeder User hier verwendet Microsoft Windows und daß ein beliebiges Packprogramm mit Windows-SFX-Archiven umgehen kann, ist nicht selbstverständlich. Besser wäre es, zusätzlich eine normale Paketdatei mit anzubieten.

Hab ich sofort gemacht. ;]

Zitat von Jesus_666

BTW, du solltest dich mal über die Unterschiede zwischen ' und " informieren. ' ist marginal schneller und könnte dir einige \" sparen. (Zugegeben, als Optimierung ist es nicht so derb, aber man muß ja nicht Leistung verschenken, wenn der bessere Weg einen vernachlässigbaren Mehraufwand hat.)

Joa muss ich mal gucken.

Edit: Wie kann ich Eigentlich das Upload Formular besser Stylen? Hab grad Festgestellt das es bei einer Aufloesung von 800x600 nicht wirklich gut aussieht.

**Jesus_666** · 18.06.2007 09:25

Was zum Linux-Download: Ich fürde dir zu .tar.gz bzw. .tar.bz2 raten - .tar allein ist nicht komprimiert. Du kannst aber auch einfach nur .zip verwenden, das ist auf allen größeren Betriebssystemen verbreitet.

Was das Design angeht - du kannst die bisher bestehende Leite natürlich weiterbenutzen und einfach rechts was danebenpacken (in etwa wie bei der Postanzeige im Forum hier). Vielleicht Kommentare oder so.

Zum Uploadformular: Mir ist aufgefallen, daß der Button aus dem Formular herausragt. Das könntest du korrigieren, indem du body das Attribut min-width: 32em gibst. Achtung, min-width wird nicht von allen Browsern unterstützt; sicherer wäre es, gleich width: 32em zu verwenden.

**deadshox** · 18.06.2007 10:11

Zitat von Jesus_666

Was zum Linux-Download: Ich fürde dir zu .tar.gz bzw. .tar.bz2 raten - .tar allein ist nicht komprimiert. Du kannst aber auch einfach nur .zip verwenden, das ist auf allen größeren Betriebssystemen verbreitet.

Ok hab ich geaendert.

Zitat von Jesus_666

Was das Design angeht - du kannst die bisher bestehende Leite natürlich weiterbenutzen und einfach rechts was danebenpacken (in etwa wie bei der Postanzeige im Forum hier). Vielleicht Kommentare oder so.

Muss ich mal schauen. ;]

Zitat von Jesus_666

Zum Uploadformular: Mir ist aufgefallen, daß der Button aus dem Formular herausragt. Das könntest du korrigieren, indem du body das Attribut min-width: 32em gibst. Achtung, min-width wird nicht von allen Browsern unterstützt; sicherer wäre es, gleich width: 32em zu verwenden.

Hm nur dann breitet sich die Leiste doch nicht mehr aus wenn ich ne Hoehere Aufloesung mach.

**Jesus_666** · 18.06.2007 10:41

Wenn du nach em gehst geht er nach der Breite des Buchstaben M. Schön skalierbar und wenn du den Rest auch skalierbar machst (da gehen auch Sachen wie 17.34em) auch ziemlich resistent gegen herausragende Elemente.

BTW, tu' mal zwischen das Textfeld und den Button einen Leerraum. Würde IMO besser aussehen.

**deadshox** · 18.06.2007 10:56

Zitat von Jesus_666

BTW, tu' mal zwischen das Textfeld und den Button einen Leerraum. Würde IMO besser aussehen.

Welches Textfeld meinst du und Welchen Button?

Edit: So hab jetzt mal den PHP Code Stil nen bisschen geaendert und nen bissel vom PHPBB3 abgeguckt. Nun sind die Datein nen paar KB groeßer. xD

**Jesus_666** · 18.06.2007 12:03

Die bezüglich der hochzuladenden Datei. Sie liegen nebeneinander.

**deadshox** · 18.06.2007 12:20

Und wie mach ich das? Das ist doch ein <input> Element.

**Manni** · 18.06.2007 13:55

Zitat von deadshox

Hm und was kann ich noch dagegen tun, ausser magic_quotes_gpc auszumachen? Das mit dem Eintrag bei Faker habe ich ausprobiert und da ist nichts passiert.

Du sollst es ja gerade nicht ausmachen o.o Das ist in diesem Fall das, weas dich gegen die SQLInjections schützt, da alle Sachen, die von außen kommen, escaped werden. Du musst, um dich zu schützen, eigentlich nur die entry()-Funktion auch auf die Sachen beim Upload anwenden (auch auf den Dateinamen).
Ich würde die entry() Funktion auf die Sachen beschränken, die zum Sichern für eine Query notwendig sind (eigentlich nur add_slashes()) Gerade strip_tags würde ich mir sparen, da es ja unter Umständen zum Beispiel Benutzernamen gibt, die wie ein Tag aussehen - die wären dann nicht erlaubt.

Zitat von deadshox

Naja nu dann wuerde es so aussehen:

PHP-Code:


show_template("style/fake_main")

Ist doch fast das gleiche.

Aber auch nur fast. eval() ist eine unsaubere Sache, die sollte man am besten nur an einer Stelle verwenden

(mal davon abgesehen, dass es viel kürzer wäre :P)

Zitat von deadshox

Wie meinste das?

Naja , es ist über ein include gemacht. Besser wäre es imo, die Sprache nur als Einstellungswert zu definieren, und dann in der index.php oder sonstwo die entsprechende Sprache einzubauen - das ist benutzerfreundlicher und flexibler (zB unabhängig vom Sprachpfad

)

PS: Der neue Code ist schon viel übersichtlicher

**deadshox** · 18.06.2007 14:17

Zitat von Manni

Du sollst es ja gerade nicht ausmachen o.o Das ist in diesem Fall das, weas dich gegen die SQLInjections schützt, da alle Sachen, die von außen kommen, escaped werden. Du musst, um dich zu schützen, eigentlich nur die entry()-Funktion auch auf die Sachen beim Upload anwenden (auch auf den Dateinamen).
Ich würde die entry() Funktion auf die Sachen beschränken, die zum Sichern für eine Query notwendig sind (eigentlich nur add_slashes()) Gerade strip_tags würde ich mir sparen, da es ja unter Umständen zum Beispiel Benutzernamen gibt, die wie ein Tag aussehen - die wären dann nicht erlaubt.

Ok Sry da hab ich mich falsch ausgedrueckt mit den Magic Quotes. ^^ Meine natuerlich ausser es an zulassen.

Zitat von Manni

Aber auch nur fast. eval() ist eine unsaubere Sache, die sollte man am besten nur an einer Stelle verwenden

(mal davon abgesehen, dass es viel kürzer wäre :P)

Hab das grad Probiert eval() in eine Funktion zu packen hat aber nicht Funktioniert. ;(

Zitat von Manni

Naja , es ist über ein include gemacht. Besser wäre es imo, die Sprache nur als Einstellungswert zu definieren, und dann in der index.php oder sonstwo die entsprechende Sprache einzubauen - das ist benutzerfreundlicher und flexibler (zB unabhängig vom Sprachpfad

)

Was meinst du mit Einstellungswert? Ueber einen Admin Panel?

Zitat von Manni

PS: Der neue Code ist schon viel übersichtlicher

Danke.

**Manni** · 18.06.2007 18:17

Zitat von deadshox

Hab das grad Probiert eval() in eine Funktion zu packen hat aber nicht Funktioniert. ;(

Änder doch einfach deine dooutput() Funktion (ungetestet):

PHP-Code:


function dooutput($template){

    eval('echo "'.$template.'";');

}

Du könntest das ganze auch direkt in die gettemplate() Funktion packen:
Änder doch einfach deine dooutput() Funktion (ungetestet):

PHP-Code:


function gettemplate($template,$endung="xhtml"){

    $template = str_replace('"', '\\"', implode('',file($template.'.'.$endung)));



        return eval('return "'.$template.'";');

}

In beiden Fällen bekommst du allerdings Probleme mit den variablen, weil sie innerhalb der Funktion nicht vorhanden sind (außer den Superglobalen). Da empfielt es sich, einfach alle Variablen für das Template mitzuübergeben (als Array) und dann extract() zu verwenden

Zitat von deadshox

Was meinst du mit Einstellungswert? Ueber einen Admin Panel?

Ein Wert in deiner Konfigurationsdatei. Und wenn du ein Admin Panel hast, dann sollte man das da natürlich auch ändern können

**Jesus_666** · 18.06.2007 18:42

Warum zum Teufel benutzt du überhaupt eval(), um statischen Code auszuführen?

Was Magic Quotes angeht: Stell' sie ab. Und zwar bei dir lokal (sofern du auf einem eigenen Rechner einen Testserver laufen hast). Man sollte Webanwendungen immer so entwickeln, als wolle man sie hinterher auf einem maximal unsicheren System laufen lassen - weil sie nämlich vielleicht irgendwann auf genau so einem laufen. Wenn du dich dann auf Magic Quotes und Safemode verläßt kann es sein, daß es eine böse Überraschung gibt.

Abgesehen davon stellen Magic Quotes u.U. unschöne Dinge mit den Daten an, wenn man nicht aufpaßt. Es hat seine Gründe, warum sie bei PHP seit Ewigkeiten standardmäßig deaktiviert sind.

**deadshox** · 18.06.2007 19:42

Zitat von Manni

In beiden Fällen bekommst du allerdings Probleme mit den variablen, weil sie innerhalb der Funktion nicht vorhanden sind (außer den Superglobalen). Da empfielt es sich, einfach alle Variablen für das Template mitzuübergeben (als Array) und dann extract() zu verwenden

Naja also kann ich es auch gleich sein lassen da es ja noch Komplizierter wird.

Zitat von Manni

Ein Wert in deiner Konfigurationsdatei. Und wenn du ein Admin Panel hast, dann sollte man das da natürlich auch ändern können

In meiner Konfigurationsdatei brauch ich auch bloß german, mit sagen wa mal english austauschen aber ich werd das ganze Sprach System noch einmal ueberarbeiten. ;]

Zitat von Jesus_666

Warum zum Teufel benutzt du überhaupt eval(), um statischen Code auszuführen?

Was soll ich sonst nutzen? War halt die einfachste Variante fuer ein Template System.

**Jesus_666** · 18.06.2007 21:10

Ist auch reichlich unsicher. Mit eval() kann man theoretisch unbegrenzten Schaden anrichten... Diese Funktion gilt im Allgemeinen als extrem unsauber und sollte nach Möglichkeit vermieden werden.

Ich mache Templates für gewöhnlich so:
1. Das Template selbst
Genau wie bei dir einfach eine Datei mit Platzhaltern. Die haben bei mir ein anderes Format (üblicherweise %PLATZHALTER% oder {PLATZHALTER}), ansonsten ist es aber gleich. Das andere Format rate ich dir, damit du hinterher nicht groß escapen mußt. Alternativ kannst du auch einfach den zu ersetzenden Text in '' statt "" verpacken; damit werden Variablennamen nicht geparst (siehe unten).

2. Der Code
In PHP lade ich den Inhalt der Templatedatei in eine Variable und füge da per str_replace() meinen Kram ein.

Ein simples Beispiel:
template.htm

Code:

<h1>%ÜBERSCHRIFT%</h1>
<p>Heute ist der %DATUM%.</p>
<p>Noch ein Wert: $replace["me"].</b>

template.php

Code:

<?php
  $template = file_get_contents('template.htm');
  $template = str_replace('%ÜBERSCHRIFT%', 'Beispiel', $template);
  $template = str_replace('%DATUM', date('d.m.Y'), $template);

  // Das funktioniert nicht, weil PHP den Variablennamen auflöst:
  $template = str_replace("$replace[\"me\"]", 'Hurra', $template);

  // Das funktioniert.
  $template = str_replace('$replace["me"]', 'Hurra', $template);

  echo $template;
?>

Ach ja, du kannst den Kram natürlich auch automatisieren:

Code:

// Mal an deinem Setup-Template orientiert
foreach ($lang as $key => $value)
{
  $template = str_replace('$lang["'.$key.'"]', $lang[$value], $template);
}

Thema: [Vorstellung] tHE fAKE pAGE!

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen