Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: WebStyleBoard. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

21

Sonntag, 18. Juni 2006, 11:11

Danke danke!

In der Art Hampelmann wäre ganz nett, wenn er sich, wo jetzt der Button ist befindet (zwei Bilder für Mouseover - Arme oben - Arme unten). Etwas höher als Header und Navi zusammen...

Das mit dem Papiersorten ist ene nette Idee, Ich hätte aber auch ein papier welches über die 4 Einzelblätter wassen würde für einen längeren Text . oder siehst du eine Möglichkeit so ein Blad skalierbar zu machen (in Abhängigkeit des Textes)?

PS: Was auch noch fehlt ist eine Wand an der die Pinwandhängt...hast du ein Hintergrundgrafik, die man Kacheln kann und als Wand dienen könnte

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Neumanns« (18. Juni 2006, 11:15)


22

Sonntag, 18. Juni 2006, 15:12

[q=Neumanns]Danke danke![/q]
Bitte, bitte... :D

[q=Neumanns]In der Art Hampelmann wäre ganz nett, wenn er sich, wo jetzt der Button ist befindet (zwei Bilder für Mouseover - Arme oben - Arme unten). Etwas höher als Header und Navi zusammen...[/q]
Juut. Was machen wir mit dem Button?

[q=Neumanns]Das mit dem Papiersorten ist ene nette Idee, Ich hätte aber auch ein papier welches über die 4 Einzelblätter wassen würde für einen längeren Text . oder siehst du eine Möglichkeit so ein Blad skalierbar zu machen (in Abhängigkeit des Textes)?[/q]
So früh und schon angetrunken? :D :P

Spaß beiseite: Großes Papier = gute Idee. Machen wir. Skalierbar können wir sogar alle Blätter machen, sowohl die Kleinen, als auch die Großen.

Sind die Papiersorten an sich so in Ordnung? Was für ein Material sollen wir für den Header, die Navigation und den Footer nehmen?

[q=Neumanns]PS: Was auch noch fehlt ist eine Wand an der die Pinwandhängt...hast du ein Hintergrundgrafik, die man Kacheln kann und als Wand dienen könnte[/q]
Jupp, habe ich. Jede Menge... Was für eine Wand denn? Holz, Stein (Ziegel), Beton oder tapeziert?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

23

Sonntag, 18. Juni 2006, 20:34

lol Man sollte echt nochmal lesen was man so schreibt. :happy:

Button rechts hin.

Beton - gelb gestrichen, wie in Schulen ebend....

Header und Footer würde ich so lassen.


PS: gerade zurück von der Arbeit....jetzt muss ich nur noch 6 Tage am Stück arebeiten...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Neumanns« (18. Juni 2006, 20:35)


24

Montag, 19. Juni 2006, 09:40

Alles klar... Ich denke dass ich heute Abend soweit bin... ;)
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

25

Dienstag, 20. Juni 2006, 22:40

Schade - aber ich warte gerne!

26

Freitag, 23. Juni 2006, 12:03

Hi Neumanns!

Ich habe nun mal die Papierstücke etwas größer gemacht und auch einmal ein großes Blatt hinzugefügt.

Außerdem habe ich die Wölbung der Blätter am unteren Ende herausgenommen. Dadurch sieht es zwar nicht mehr ganz so echt aus, aber Du hast den Vorteil, dass die einzelnen Blätter nach Bedarf verlängert werden können.

Ich werde Dir in den Photoshop-Dateien Hilfslinien einrichten, wo Du die einzelnen Teile am besten trennen kannst.

Du bekommst dann von mir je eine PSD-Datei pro Papierart. Dadurch hast Du am Ende die Möglichkeit, die Papiergrößen und -arten beliebig zu mischen und zu skalieren...

Gib' mir bitte bescheid, ob die Blattgrößen so OK sind. Derweil hampel ich am Hampelmann... :D

Zur Pinnwand hier entlang... Bitte zeichne dort einmal ein, wo und wie groß der Hampelmann erscheinen soll...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

27

Freitag, 23. Juni 2006, 12:48

Blätter sind Ok!

Hier hin bitte:

[img_upload]4_pin.jpg[/img_upload]

28

Freitag, 23. Juni 2006, 17:22

Was ist eigentlich mit dem Rahmen? Ist der OK so, oder sollen wir lieber einen Aluminium-Rahmen nehmen?

[q=Neumanns]Beton - gelb gestrichen, wie in Schulen ebend....[/q]
Zwischendurch auch mal was zum Hintergrund... Meinst Du ungefähr so?



Wenn Du sehen willst, wie obige Datei als sich wiederholender Hintergrund aussieht, dann klickst Du hier: Zur Wand-Demo...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

29

Freitag, 23. Juni 2006, 19:37

Hallo!

Der Blaue Rahmen ist ok. Logo ist ja auch Blau.

Der Streifen unten bei der Hintergrundgrafik stört mich ein wenig...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Neumanns« (23. Juni 2006, 21:29)


30

Freitag, 23. Juni 2006, 20:50

Nur mal so nen einwurf: Wie wäre es, wenn man den Blättern etwas mehr Pepp und Realistik verleiht, in dem man ihnen etwas Schatten gibt und in den man sie "Schulmäßig" aufpeppt: Risse, Falten, Eselsohren, etc.

MfG Arne :).

31

Freitag, 23. Juni 2006, 21:52

Sooooo...

Ich habe nun den Hampelmann reingebastelt. Zusätzlich habe ich den Rahmen geändert. Ich habe ihn zwar blau gelassen, aber ich habe einen eckigen Rahmen daraus gemacht. Das hat einfach einen praktischen Grund: Denn bei den Runden Ecken hättest Du ein kleines Problem mit dem Hintergrund...

Ich poste hier nun je Version zwei JPEGs (mit je einer Hampelmann-Position) und je eine PSD-Datei. In der PSD-Datei kannst Du die Hampelmann-Positionen verändern und je nach Bedarf die Elemente ausschneiden...

1. Hintergrund

Hier nun der Hintergrund ohne die Kante:



Hier die DEMO


2. Papier weiß

Das ist die Pinnwand mit rein weißen Blättern.

JPEG-Datei 1
JPEG-Datei 2
PSD-Datei


3. Papier liniert

Das ist die Pinnwand mit linierten Blättern.

JPEG-Datei 1
JPEG-Datei 2
PSD-Datei


4. Papier karriert

Das ist die Pinnwand mit karrierten Blättern.

JPEG-Datei 1
JPEG-Datei 2
PSD-Datei


5. Papier Post-It

Das ist die Pinnwand mit Post-It Blättern.

JPEG-Datei 1
JPEG-Datei 2
PSD-Datei


6. Pinnwand leer

Das ist eine komplett leere Pinnwand...

JPEG-Datei
PSD-Datei


Die komplett leere Pinnwand ist gerade in Hinblick auf die weitere Bearbeitung interessant. Siehe dazu Nashman's Hinweis.

Leider habe ich allerdings keine Zeit, beim Bearbeiten der Blätter ins Detail zu gehen. Das gute ist aber, dass es für das gezielte Bearbeiten von Papier, um es alt und benutzt aussehen zu lassen, viele Tutorials gibt...

Siehe dazu:

Tesa-Tutorial von Nashman

Google Suche 1

Google Suche 2

Soweit erst einmal von mir. Ich hoffe, Dir ein wenig geholfen zu haben... :D

Bei Rückfragen stehe ich Dir gerne zur Verfügung.


Viele Grüße

LapisInfernalis
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

32

Freitag, 23. Juni 2006, 22:33

Danke Danke Danke, ich weiss nicht wie oft ich es sagen soll :happy:

Jetzt muss ich mich ran halten...

33

Freitag, 23. Juni 2006, 22:48

[q=Neumanns]Danke Danke Danke, ich weiss nicht wie oft ich es sagen soll :happy:[/q]
Also ich denke drei Mal reichen völlig... :D

[q=Neumanns]Jetzt muss ich mich ran halten...[/q]
Du weißt ja: wenn Fragen, dann fragen... Kost' nix extra... :tongue:
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

34

Sonntag, 25. Juni 2006, 20:45

Hallo Ich dachte ich komme der Sache näher, aber dann wollte ich den hampelmann einbauen.
Jetzt sieht es im IE so auch:
soll es aber nicht
[img_upload]4_ie.jpg[/img_upload]
und im Firefox sieht es richtig aus:
[img_upload]4_firefox.jpg[/img_upload]

Hilfe, bitte!

35

Montag, 26. Juni 2006, 02:25

Hallo Neumanns!

Ich habe mir nicht die Mühe gemacht, mir Deinen Quelltext im Detail anzusehen, denn zu verworren fand ich die DIV und Tabellengeschichten...

Stattdessen habe ich folgendes gemacht: Vor kurzem habe ich ein Basis-Layout in CSS entwickelt, welches ich für spaltenbasierte Layouts ohne Tabellen verwende. Ich habe mir gedacht, dass dieses Layout auch im vorliegenden Fall Anwendung finden könnte, und habe es entsprechend umgestaltet.

Wenn Du einen Blick in das Innenleben wirfst, wirst Du den Aufbau recht schnell verstehen...

Hier geht es zur Seite...

Die Anzeige im IE und FF ist fast gleich, nur der Abstand der Blätter von links ist unterschiedlich. Allerdings bin ich jetzt zu müde, um das weiter zu untersuchen. Vielleicht kann Dir ein CSS-Crack da auf die Sprünge helfen...

Das Layout ist so gestaltet, dass Du ohne Tabellen auskommst, und es für jeden Zweck anpassen kannst, z.B. mit einem Stylesheet für den Druck.

Der Aufbau der einzelnen Blätter ist auch sehr flexibel und es gibt keine abgeschnittenen Schatten unterhalb der Pins... Wirf einen Blick in den Quelltext, und Du wirst sehen, warum nicht... :D

Bei Fragen weißt Du ja, wo Du mich findest...

Im Anhang habe ich ein kleines ZIP drangehängt, welches die Demo-Seite enthält... Vergleiche mal die Datenmengen unserer beiden Anhänge... ;)

Lapis
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

36

Montag, 26. Juni 2006, 22:10

Und? Wie ist der Stand der Dinge?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

37

Donnerstag, 29. Juni 2006, 08:09

Sorry komme jetzut erst dazu.
Also ich habe die Siete nochmal neu gestrickt aber auf die kleinen Blätter verzichtet. Und schon hat es gut geklappt... :happy:

Jetzt soll die Überschrift das ganze etwas mehr auflockern - kinderfreudnlicher -
Ich habe einfach nur das mit h1 gemacht, soll aufwendiger lebendiger werden, also muss was mit grafik gemacht werden. mal sehen ob ich es hinbekomme...

38

Donnerstag, 29. Juni 2006, 08:15

Schön von Dir zu hören... ;)

Wenn Du bei der weiteren Arbeit Probleme hast, melde Dich einfach... :pleased:
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

39

Freitag, 30. Juni 2006, 12:33

Hi,

Zitat von »LapisInfernalis«

Vor kurzem habe ich ein Basis-Layout in CSS entwickelt, welches ich für spaltenbasierte Layouts ohne Tabellen verwende. Ich habe mir gedacht, dass dieses Layout auch im vorliegenden Fall Anwendung finden könnte, und habe es entsprechend umgestaltet.

Wenn Du einen Blick in das Innenleben wirfst, wirst Du den Aufbau recht schnell verstehen...

Hier geht es zur Seite...

kleine Anmerkung: Du solltst unbedingt auf die Höhenangabe für #logo verzichten. Die Seite wird sonst schnell unbenutzbar.
Gruß
Ingo

40

Freitag, 30. Juni 2006, 12:40

[q=Ingo]Du solltst unbedingt auf die Höhenangabe für #logo verzichten. Die Seite wird sonst schnell unbenutzbar[/q]
Wieso dies? :suspicious:
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)