[BIETE] PSD To HTML

06/18/2012 22:38 Zocker-Mocker#1
Was biete ich?

Was verlange ich?

Sontiges
06/19/2012 15:16 #FaiL'#2
Sauberer Code oder einfach nur Slice Werkzeug? (;
06/19/2012 15:49 Zocker-Mocker#3
Natürlich sauberer Code!
06/19/2012 15:51 boxxiebabee#4
So, dann fang ich mal an ;)

Könntest das bitte umsetzen? Bin zu faul dafür :D
[Only registered and activated users can see links. Click Here To Register...]

Sollte xhtml valid sein und mit css realisiert sein.
06/20/2012 14:43 CaptainSmile#5
Habe bisschen Angst um meine PSD Datei ich warte mal ab wie die ersten Ergebnisse werden...

Mfg Smile
06/20/2012 15:23 Zocker-Mocker#6
Quote:
Originally Posted by boxxiebabee View Post
So, dann fang ich mal an ;)

Könntest das bitte umsetzen? Bin zu faul dafür :D
[Only registered and activated users can see links. Click Here To Register...]

Sollte xhtml valid sein und mit css realisiert sein.
Werde mich mal dransetzten kann aber nicht versprechen ob's xHTML-Valided wird.


Quote:
Originally Posted by CaptainSmile View Post
Habe bisschen Angst um meine PSD Datei ich warte mal ab wie die ersten Ergebnisse werden...

Mfg Smile
Verstehe dich.^^ Würde genau das gleiche machen. :D
06/20/2012 17:24 Doste#7
Mach dann bitte ein Live Preview des ersten Auftrags damit man was ansehen kann.
06/21/2012 13:52 boxxiebabee#8
Das Ergebniss ist leider sehr ernüchtern.
So siehts aus: [Only registered and activated users can see links. Click Here To Register...]
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:
[Only registered and activated users can see links. Click Here To Register...]
06/21/2012 13:54 CaptainSmile#9
Quote:
Originally Posted by boxxiebabee View Post
Das Ergebniss ist leider sehr ernüchtern.
So siehts aus: [Only registered and activated users can see links. Click Here To Register...]
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:
[Only registered and activated users can see links. Click Here To Register...]
Mir hat er das Ergebniss ebenfalls gezeigt und ich musste ihm auch erstmal erklären das dies kompletter Müll war... Er hat nur die Bilder ausgeschnitten und dann mit irgendeiner Schriftart alles hingeschrieben. Selbst in die Felder konnte man nichts schreiben da es nur ein Image war...
06/21/2012 15:47 #FaiL'#10
Wäre ja auch zu schön (;
06/21/2012 20:42 Doste#11
Wenn noch jemand was braucht ich habe auch einen Thread offen wo ich es kostenlos mache.
06/21/2012 20:50 Zocker-Mocker#12
Quote:
Originally Posted by boxxiebabee View Post
Das Ergebniss ist leider sehr ernüchtern.
So siehts aus: [Only registered and activated users can see links. Click Here To Register...]
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:
[Only registered and activated users can see links. Click Here To Register...]
Dein Entwurf ist weiter entfernt von der Vorlage als meiner^^. Sage bitte, wenn du nicht willst, das ich den Hintergrund benutzen soll. (Bei den Ding in der mitte war ich mir nicht einig, ob's so tramatisch wäre, wenn es nicht den Farbverlauf hätte, deswegen habe ich einen Kompromiss und ein ein 1px Breites kleines Bild wiederholen lassen. Naja war ja anscheinend nicht tramatisch :D)


Quote:
Originally Posted by CaptainSmile View Post
Mir hat er das Ergebniss ebenfalls gezeigt und ich musste ihm auch erstmal erklären das dies kompletter Müll war... Er hat nur die Bilder ausgeschnitten und dann mit irgendeiner Schriftart alles hingeschrieben. Selbst in die Felder konnte man nichts schreiben da es nur ein Image war...
Mir hast du gesagt das alles sauber gecodet ist, außer wegen der Schriftart aber da streiten sich unsere Geister, was das betrifft. - Stichwort Barrierefreiheit. (Bye the way, mir haste sogar noch empfohlen, die Schrift möglichst mit Bildern einzufügen) Nein, waren sie nicht (siehe Quellcode).^^ Das ist ein div-Bereich in den man sofort eine Form einfügen könnte. Ich habe keine Form eingefügt, weil dies nicht meine Aufgabe war.

Schon etwas dreist zu sagen das ich nur mit Bildern gearbeitet habe und den mehr zu benutzen als ich. ;)

Meine Bilder die ich benutzt habe:
Hintergrund Bild vom Weltall
Den Farbverlauf in der Mitte den ich 1px Breit gemacht habe.
Beispiel Avatar
Usernamen- und Password-ICON (Nicht die ganze Bar!)
Login-Button und Rollover davon
06/22/2012 13:10 boxxiebabee#13
Quote:
Originally Posted by Zocker-Mocker View Post
Dein Entwurf ist weiter entfernt von der Vorlage als meiner^^. Sage bitte, wenn du nicht willst, das ich den Hintergrund benutzen soll. (Bei den Ding in der mitte war ich mir nicht einig, ob's so tramatisch wäre, wenn es nicht den Farbverlauf hätte, deswegen habe ich einen Kompromiss und ein ein 1px Breites kleines Bild wiederholen lassen. Naja war ja anscheinend nicht tramatisch :D)
Weiter entfernt? Junge du hast es nichtmal geschafft ne Form einzubauen, geschweige denn das man etwas in Username / Passwort reinschreiben kann. Checkbox ist auch nur ein Standard-Teil, Shadow hast soweit ich gesehen hab auch keinen. Natürlich ist meins nicht 100% gleich wie die .psd, hab auch ein paar Kleinigkeiten abgeändert, andere Schriftart (wollte keine einbinden), sowie der Hintergrund, da sich der in der .psd nicht eignet. Und den Teil mit Register hab ich gleich ganz weggelassen da ich den nicht brauche.


Quote:
Originally Posted by Zocker-Mocker View Post
Schon etwas dreist zu sagen das ich nur mit Bildern gearbeitet habe und den mehr zu benutzen als ich. ;)
Ehm, das kommt vielleicht davon das du weder Hover/Focus eingebaut hast, ne Standart-Checkbox benutzt etc?


Aber sorry, wenn man keine Ahnung hat, sollte man nicht solche Dienste anbieten, auch wenns gratis ist. Da würde warscheinlich mit nem PSD2HTML converter noch was besseres rauskommen.
06/22/2012 13:43 Zocker-Mocker#14
Quote:
Originally Posted by boxxiebabee View Post
Weiter entfernt? Junge du hast es nichtmal geschafft ne Form einzubauen, geschweige denn das man etwas in Username / Passwort reinschreiben kann. Checkbox ist auch nur ein Standard-Teil, Shadow hast soweit ich gesehen hab auch keinen. Natürlich ist meins nicht 100% gleich wie die .psd, hab auch ein paar Kleinigkeiten abgeändert, andere Schriftart (wollte keine einbinden), sowie der Hintergrund, da sich der in der .psd nicht eignet. Und den Teil mit Register hab ich gleich ganz weggelassen da ich den nicht brauche.



Ehm, das kommt vielleicht davon das du weder Hover/Focus eingebaut hast, ne Standart-Checkbox benutzt etc?


Aber sorry, wenn man keine Ahnung hat, sollte man nicht solche Dienste anbieten, auch wenns gratis ist. Da würde warscheinlich mit nem PSD2HTML converter noch was besseres rauskommen.
Ich habe das nichtmal probiert, weil ich dachte das machst du.^^
Das andere hätte, man vorher sagen sollen. ;)


Das mit der Checkbox ist wieder Geschmackssache, ob das unnötig ist oder ob man das extra braucht. (Ich habe das, wie man sieht, als unnötig empfunden, was du aber wieder nicht als unnötig empfunden hast. Aber die Hintergrund Grafik des Hauptbereiches hast du wieder unnötig gefunden.)
06/22/2012 13:54 .Acu³#15
Quote:
Originally Posted by Zocker-Mocker View Post
Ich habe das nichtmal probiert, weil ich dachte das machst du.^^
Das andere hätte, man vorher sagen sollen. ;)
Wenn auf dem .psd ein textfeld/bzw ein formular ist, dann ist das doch wohl klar dass beim umsetzten in html diese felder nicht als bild eingefügt werden.. also bitte.. was hat man dann davon wenn man es so macht wie du? da kann man auch die psd als jpg speichern und einfach so anzeigen..