3 kleine Probleme bei der Umsetzung meiner Internet Seite

[Chucky]

Hallo,

Ich bin gerade dabei mir eine Internet Seite zu stellen, doch leider habe ich da ein paar kleine Probleme und wollte euch hier mal fragen ob Ihr vielleicht bereit wärt mir kostenlos etwas zu helfen ?? Es handelt sich im grunde nur im drei kleine Problemchen.

Die jetzige Seite kannst du dir hier anschauen:
-> Die jetzige Seite Online (Mit Fehlern)

Und die Seite soll so aussehen:
-> So sollte die Internet Seite aussehen

Meine Probleme sind folgende:

• Nur der Hintergrund soll grau sein, und nicht zusätzlich noch innerhalb des Kastens. Dort soll es wie gehabt weiß sein.
• Es soll ein Schatten hinter dem Kasten zu sehen sein.
• In der unteren Navigationsleiste soll ein grau abgewinkelter Bereich zu sehen sein.

Und hier kannst du dir meine kleinen Probleme noch mal bildlich anschauen:
-> Die aktuelle Seite mit Fehlern (Bildlich dargestellt)



Sehr freue ich mich auf eure Antworten, ich weiß nämlich nicht wie ich dies html Technisch umsetzen kann ... )

 

[Dark D.]

Garnicht, das machst du mit einem Grafikprogramm ;-)

 

[Chucky]

Wie setze ich das denn mit einem Grafikprogramm um? Also den Entwurf habe ich mit Adobe Photoshop erstellt, aber so gut kenne ich mich damit leider nicht aus.

Sehr würde ich mich über eine aktive Unterstützung freuen.

 

[RaZ0oR]

slice dein bild in photoshop, und dann passt es

 

[Chucky]

Ganz ehrlich, ich habe das noch nie gemacht und weiß somit auch nicht wie das mit Photoshop geht. :-?

 

[RaZ0oR]

Google einfach mal, wie slicet man

 

[Chucky]

:( :idea:
... das war ja mal eine klasse Antwort. :-?

 

[znay]

Um zum Beispiel den Rahmen am Ende der Seite hinzubekommen blendest du in Photoshop erstmal die Schrift aus, da du diese ja bereits per HTML auf der Seite hast.
Dann rufst du das Kontextmenü einer sichtbaren Ebene aus und wählst "merge visible" (weiß jetzt nicht genau, was es in der deutschen Version ist...).
Dann markierst du Dir den Bereich, den du als Grafik darstellen möchtest und kopierst ihn in ein neues Bild. Dieses speicherst du dann einfach und setzt es als Hintergrundbild per CSS in die HTML Seite ein.
Solltest du die .psd Datei nachträglich noch ändern wollen, solltest du den "merge visible" Schritt nicht mit speichern! ;)

Für den Schatten an der rechten Seite machst du in etwa das gleiche, nur dass dort die Höhe der Grafik fast egal ist, da du sie einfach mit repeat-y von oben nach unten wiederholen lassen kannst. Dadurch kannst einen variablen Inhalt in den Contentbereich packen und der Schatten "streckt" sich immer richtig. Oder der Benutzer kann die Schriftgröße seinen Bedürfnissen anpassen.

EDIT: Zur Not schau einfach mal in deinem Photoshop Handbuch nach, da sollte das auch erklärt sein ;)

 

[RaZ0oR]

Oder schau dir das mal an, ich fands gut ;)