Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Wir brauchen dich! Ja, genau DICH! Du willst wissen, warum? ⇒ Das erfährst du hier.
Die ⇒ Themenwahl für den P-S-C 06/2024 ist da! Bis 31.10.2024 um 17:22 Uhr kannst du abstimmen.
Das Foto-Thema für Oktober 2024 ist: ⇒ Schienenverkehr.
Die C-C-C für Oktober 2024 findest du hier: ⇒ Bäume .
Hier gehts zum P-S-C 05/2024: ⇒ Cover für einen Liebesroman. Bis einschließlich 31.10.2024 kannst du ein Bild dazu pixeln.
Unterstützung für das PSC
ACHTUNG: Regeln für die Verwendung von KI-Bildern im PSC.
Bitte sorgfältig durchlesen und beachten!

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 18.04.12, 17:56
dula dula ist offline
frisch dabei
 
Registriert seit: 04/2012
Beiträge: 3
OS: Windows 7
Kreativ-Software: 5
dula geht den richtigen Weg
Schatten als Hintergrund

Hallo,

es geht um folgendes. Ich habe momentan ein Template was ich umsetzen will, nur macht mir der Schatten zu schaffen. Es ist eig. nichts aufregendes, ich habe mein Content Div und um dies will ich ein Schatten erzeugen.

Im Photoshop versuch ich schon mehrere Varianten um ein guten Schatten hin zu bekommen, dies klappt allerdings nciht so wie ich will. Wenn dann ab und an doch mal etwas raus kommt was wie schatten aussieht und ich diese dann als Background festlege, ist dieser dann allerdings oben gerade und sieht einfach nur Mist aus..

Er müsste eigentlichen Weiche Kanten haben, allerdings ist er bei mir einfach nur gerade.

Wenn ich das ganze mit box-shadow mache sieht es so aus wie ich es gerne hätte, allerdings soll das nicht die Lösung sein.

Hat jemand eine Ratschlag für mich?

lg
Mit Zitat antworten
  #2  
Alt 18.04.12, 18:31
gelöschter User gelöschter User ist offline
Robot
 
Registriert seit: 09/2006
Beiträge: 36.887
Kreativ-Software: --
gelöschter User hat die Renommee-Anzeige deaktiviert
Ferndiagnosen finde ich immer schwierig, kannst du nicht ein Beispiel hochladen, bei dem man in etwa sieht wo du den Schatten haben willst?
Mit Zitat antworten
  #3  
Alt 18.04.12, 19:10
Benutzerbild von blindguard
blindguard blindguard ist offline
thinks different
 
Registriert seit: 06/2005
Ort: Hanau
Beiträge: 25.687
OS: Mac OS
Kreativ-Software: PS 2020
blindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forum
hy dula,
willkommen im Photoshop Cafe.

stehe im moment auch auf dem schlauch, wo genau das problem ist.

gruß
volker
Mit Zitat antworten
  #4  
Alt 18.04.12, 21:46
Benutzerbild von Photron
Photron Photron ist offline
-Greenhorn-
 
Registriert seit: 07/2011
Ort: im Home is where the Cam is
Beiträge: 188
OS: OS X & Win XP & Ubuntu
Kreativ-Software: CS 5.1
Photron zeigt gute VoraussetzungenPhotron zeigt gute Voraussetzungen
Du brauchst zwei div's. In meinem Beipsiel das Äußere 900px breit, das Innere 800px.

Du machst bei dem Äußeren so einen Schatten als Hintergrund:

https://www.photoshop-cafe.de/bildupload/pics/sonst/1334774248_shadow.jpg

und das Innere kommt da zentriert hinein.


PHP-Code:
#aussen{
   
width:900px;
   
background:schatten.jpg repeat-y center;
}

#innen{
  
width:800px;
  
margin:auto;

HTML-Code:
<div id="aussen">
   <div id="innen">
   Lauter toller Content...
   </div>
</div>
Falls Deine Seite nicht bis zum "Boden" reicht, musst Du am ende noch ein div mit einem Anschlussbild anhängen.

Mit CSS3 gehen Schatten wesentlich einfacher, aber manche Browser zicken da ein wenig rum (*unschuldiger_blick_richtung_microsoft*)
__________________
Gruß
Nils

eye4moments.com
Mit Zitat antworten
  #5  
Alt 19.04.12, 09:51
Benutzerbild von heikehk
heikehk heikehk ist offline
Newsletter-Fee
 
Registriert seit: 07/2005
Ort: Hessen -> Bayern, Augsburg
Beiträge: 30.821
OS: OS X Mavericks / Yosemite
Kreativ-Software: Creative Suite CS 4,5,6,CC
heikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forum
Warum ist denn box-shadow nicht die lösung.
Ich hab das jetzt bei einem aktuellen projekt gemacht und finde die lösung sehr schön.
Die alten browser müssen eben auf den schatten verzichten...
Macht ja keine fehler, wenns der browser nicht nutzt. Nur der w3c check funzt nicht
__________________
https://www.photoshop-cafe.de/bildupload/pics/sonst/1257414271_themen-bewerten.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Linkliste.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_tutorials.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Signaturleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Forenleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Stock-galerie.png
Für alle, die einen Beitrag bewerten möchten empfehle ich den Klick auf folgendes Symbol .
Die Bilder, die ich hier im Forum zeige dürfen nur mit meiner ausdrücklichen Erlaubnis bearbeitet werden.
Mit Zitat antworten
  #6  
Alt 19.04.12, 13:25
dula dula ist offline
frisch dabei
 
Registriert seit: 04/2012
Beiträge: 3
OS: Windows 7
Kreativ-Software: 5
dula geht den richtigen Weg
Vielen Dank erstmal für die schnellen Antworten.

box-shadow ist zwar eine Lösung, allerdings wird er glaube schon ab ie8 oder ie7 nicht unterstütz. Somit haben Leute die den ie verwenden keinen Schatten, des wegen die Lösung mit den Bild.

Ich versuch mal ein Bild hoch zu laden damit ihr seht was ich meine.

http://imageshack.us/f/651/unbenanntikw.png/

Geändert von dula (19.04.12 um 13:42 Uhr).
Mit Zitat antworten
  #7  
Alt 19.04.12, 14:41
Benutzerbild von heikehk
heikehk heikehk ist offline
Newsletter-Fee
 
Registriert seit: 07/2005
Ort: Hessen -> Bayern, Augsburg
Beiträge: 30.821
OS: OS X Mavericks / Yosemite
Kreativ-Software: Creative Suite CS 4,5,6,CC
heikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forum
Du kannst ja mal schauen, ob Dir YAML zusagt. Da gibt es eine Version, in der Schatten schon in der YAML-Vorlage drin sind. Muss man sich aber mit CSS und HTML schon beschäftigen und sich mit der Vorlage auseinandersetzen.
Wenn man den Aufbau begriffen hat, kann man leicht fast jedes Layput umstetzen.
__________________
https://www.photoshop-cafe.de/bildupload/pics/sonst/1257414271_themen-bewerten.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Linkliste.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_tutorials.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Signaturleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Forenleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Stock-galerie.png
Für alle, die einen Beitrag bewerten möchten empfehle ich den Klick auf folgendes Symbol .
Die Bilder, die ich hier im Forum zeige dürfen nur mit meiner ausdrücklichen Erlaubnis bearbeitet werden.
Mit Zitat antworten
  #8  
Alt 20.04.12, 19:49
dula dula ist offline
frisch dabei
 
Registriert seit: 04/2012
Beiträge: 3
OS: Windows 7
Kreativ-Software: 5
dula geht den richtigen Weg
Was ist YAML ?
Mit Zitat antworten
  #9  
Alt 20.04.12, 20:18
Benutzerbild von heikehk
heikehk heikehk ist offline
Newsletter-Fee
 
Registriert seit: 07/2005
Ort: Hessen -> Bayern, Augsburg
Beiträge: 30.821
OS: OS X Mavericks / Yosemite
Kreativ-Software: Creative Suite CS 4,5,6,CC
heikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forumheikehk wohnt hier im Forum
Yet Another Multicolumn Layout


Allerdings musst du Dich da einarbeiten und mit CSS auskennen.
Der Nachteil ist, dass Du viel Ballast mitnimmst, den Du vielleicht nicht unbedingt brauchst, aber es gibt auch eine Light Version und einen Generator.

schaus Dir unter www.yaml.de einfach mal an.
__________________
https://www.photoshop-cafe.de/bildupload/pics/sonst/1257414271_themen-bewerten.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Linkliste.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_tutorials.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Signaturleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Forenleitfaden.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1257413726_Stock-galerie.png
Für alle, die einen Beitrag bewerten möchten empfehle ich den Klick auf folgendes Symbol .
Die Bilder, die ich hier im Forum zeige dürfen nur mit meiner ausdrücklichen Erlaubnis bearbeitet werden.
Mit Zitat antworten
  #10  
Alt 26.04.12, 19:47
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
 
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
Ich würde in jeder professionellen Webpräsenz sowohl auf box-shadow (weil nicht valide) als auch YAML (der PageSpeed dankts Dir) verzichten. Photrons Lösung ist meiner Meinung nach zu bevorzugen.
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Schatten, hochgeklappt corraggiouno Hilfestellung, Tipps und Tricks 11 11.11.09 17:28
Schatten werfen Fry Hilfestellung, Tipps und Tricks 2 07.10.09 01:04
wie bekommt man den schatten weg???... fran!epink Hilfestellung, Tipps und Tricks 4 03.04.09 02:47
Schatten entfernen? Lümmel Hilfestellung, Tipps und Tricks 6 05.10.08 03:13
Schöne Schatten auf transparentem Hintergrund Jogibaer Hilfestellung, Tipps und Tricks 35 28.08.08 12:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:47 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,06415 Sekunden mit 11 Queries