Zurück   PSD-Tutorials.de > Contest-Bereich - [Crossover] > Crossover-Contests

Antwort
 
Themen-Optionen
Alt 20.09.2012, 07:06   #301 Nach oben scrollen
Prof. Dr. WIP
HelperHelper
 
Benutzerbild von Talirion
 

Registriert seit: 10.10.2004
Ort: Dresden
Beiträge: 636
Kamera: Nikon D800 & D300s
Verwendet: CS 6 extended; LR4.1; WACOM

Zitat:
Zitat von splatter Beitrag anzeigen
Ich habe mein "Mäpplein" jetzt aufgefüllt, ...



...nur fehlt mir noch die richtige Eingebung was den Hintergrund angeht.

Vieleicht hat jemand von euch eine Idee.


@cebito, das Hintergrundmuster könnte beim Scrollvorgang ein wenig verwirren oder flimmern, wenn du weißt was ich meine.

Gruß
splatter
der Schatten stimmt noch nicht, beim IPhone sollte der schatten kleiner sein da dieses vermutlich oben ansteht bzw. höher ist wie der Rest ^^

__________________

Kennst du schon meine FB-Seite? https://www.facebook.com/myMBFoto
Visit me on DA: http://talirion.deviantart.com/
  Mit Zitat antworten


Alt 20.09.2012, 10:28   #302 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von cebito
 

Registriert seit: 08.03.2008
Ort: Dresden
Beiträge: 7.299
Kamera: EOS 1000D
Verwendet: PS7/ Scriptly

Zitat:
Zitat von simonpicos Beitrag anzeigen
Hast du das Logo unten mit dem Zirkel und so komplett selber gemacht?
... jep
  Mit Zitat antworten
Alt 20.09.2012, 11:06   #303 Nach oben scrollen
°°°°°°°°°°°°°°
HelperHelper
 
Benutzerbild von splatter
 

Registriert seit: 09.08.2005
Ort: lichtenstein
Beiträge: 787
Verwendet: ms paint 5.1

Zitat:
Zitat von Dobi78 Beitrag anzeigen
Da solltest Du aber nochmal ran, was die Freistellung angeht....
Einige Weisse Ränder wie zum Beispiel beim iPhone sind noch vorhanden.... aber ich bin gespannt, was da noch kommt
Das Telefon war nur ein Platzhalter für ein anderes:
Zitat:
Zitat von Talirion Beitrag anzeigen
der Schatten stimmt noch nicht, beim IPhone sollte der schatten kleiner sein da dieses vermutlich oben ansteht bzw. höher ist wie der Rest ^^
Stimmt du hast recht. Den Schatten kann man ändern, nur was mach ich mit dem Schatten wenn das Telefon aus der Tasche rutscht?


gruß
splatter
__________________
. . .
  Mit Zitat antworten
Alt 20.09.2012, 11:31   #304 Nach oben scrollen
Prof. Dr. WIP
HelperHelper
 
Benutzerbild von Talirion
 

Registriert seit: 10.10.2004
Ort: Dresden
Beiträge: 636
Kamera: Nikon D800 & D300s
Verwendet: CS 6 extended; LR4.1; WACOM

Zitat:
Zitat von splatter Beitrag anzeigen
Das Telefon war nur ein Platzhalter für ein anderes:
Stimmt du hast recht. Den Schatten kann man ändern, nur was mach ich mit dem Schatten wenn das Telefon aus der Tasche rutscht?


gruß
splatter
dann würde sich der schatten insgesamt verkleinern da der "deckel" wieder komplett aufliegt....
__________________

Kennst du schon meine FB-Seite? https://www.facebook.com/myMBFoto
Visit me on DA: http://talirion.deviantart.com/
  Mit Zitat antworten
Alt 20.09.2012, 14:12   #305 Nach oben scrollen
°°°°°°°°°°°°°°
HelperHelper
 
Benutzerbild von splatter
 

Registriert seit: 09.08.2005
Ort: lichtenstein
Beiträge: 787
Verwendet: ms paint 5.1

Zitat:
Zitat von Talirion Beitrag anzeigen
dann würde sich der schatten insgesamt verkleinern da der "deckel" wieder komplett aufliegt....
Da Prinzip vom Schattenwurf ist mir klar.
Dein Hinweis war gut, ein wichtiges Detail, da hatte ich nicht dran gedacht (bin wohl schon "Betriebsblind").

Ich habe mich bei meiner Problematik nicht klar ausgedrückt:

Es hapert eher in der Praktischen Umsetzung in html in der das stück leder im Vordergrund samt dem Schatten als transparentes png24 über dem Inhalt und dem Hintergrund liegt.
Wenn ich nun die Position des iphone mittels css usw.ändere und es rutsch quasi aus der Tasche, wie kann ich dann gleichzeitig das darüberliegende png ändern um den Schatten zu verändern?

Ich hoffe ich habe mich nicht zu kompliziert ausgedrückt.

Gruß
splatter
__________________
. . .
  Mit Zitat antworten
Alt 20.09.2012, 18:13   #306 Nach oben scrollen
Peggy träumt in Pixel
HelperHelper
 
Benutzerbild von Peggy56
 

Registriert seit: 27.04.2006
Ort: Osnabrück
Beiträge: 470
Kamera: Canon EOS 400D
Verwendet: Photoshop

Zitat: "Stimmt du hast recht. Den Schatten kann man ändern, nur was mach ich mit dem Schatten wenn das Telefon aus der Tasche rutscht?"


splatter.... steck hinter das Telefon noch ein Photo deiner Freundin :-)
__________________
Träume nicht dein Leben, lebe deinen Traum
  Mit Zitat antworten
Alt 20.09.2012, 19:01   #307 Nach oben scrollen
Helper
HelperHelper
 
Benutzerbild von vincitore
 

Registriert seit: 22.01.2005
Ort: Darmstadt; Lorch am Rhein
Beiträge: 579
Kamera: Canon EOS 5D Mark III
Verwendet: Adobe Photoshop CS4, Lightroom 4, Coda 2, Cinema 4D R13 Student

Zitat:
Zitat von splatter Beitrag anzeigen
Da Prinzip vom Schattenwurf ist mir klar.
Dein Hinweis war gut, ein wichtiges Detail, da hatte ich nicht dran gedacht (bin wohl schon "Betriebsblind").

Ich habe mich bei meiner Problematik nicht klar ausgedrückt:

Es hapert eher in der Praktischen Umsetzung in html in der das stück leder im Vordergrund samt dem Schatten als transparentes png24 über dem Inhalt und dem Hintergrund liegt.
Wenn ich nun die Position des iphone mittels css usw.ändere und es rutsch quasi aus der Tasche, wie kann ich dann gleichzeitig das darüberliegende png ändern um den Schatten zu verändern?

Ich hoffe ich habe mich nicht zu kompliziert ausgedrückt.

Gruß
splatter
du kannst auch per css einen schatten erstellen
  Mit Zitat antworten
Alt 20.09.2012, 19:45   #308 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von cebito
 

Registriert seit: 08.03.2008
Ort: Dresden
Beiträge: 7.299
Kamera: EOS 1000D
Verwendet: PS7/ Scriptly

Zitat:
Zitat von Peggy56 Beitrag anzeigen
splatter.... steck hinter das Telefon noch ein Photo deiner Freundin :-)
Das geht nicht, die haben nur eine Strumpfmaske und können sich deshalb immer nur allein in der Öffentlichkeit zeigen

Zitat:
Zitat von vincitore Beitrag anzeigen
du kannst auch per css einen schatten erstellen
Vinci, das hatt ich vorhin auch überlegt, bis ich (bevor splatter das mit dem rausholen postete) selbst darauf kam, dass das so sein soll. Dann hab ich mal kurz nachgedacht und festgestellt, wenn das wirklich realistisch sein soll wär das schon ein Aufwand, da würd ich mit dem kleineren Übel (wie es jetzt ist) leben, die allerallermeisten sehen das sowieso nicht...
  Mit Zitat antworten
Alt 20.09.2012, 20:00   #309 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von simonpicos
 

Registriert seit: 16.02.2011
Ort: Taunus
Beiträge: 2.281
Kamera: Canon EOS 600D
Verwendet: Adobe Creative Suite 6 Design Standard, Webocton Scriptly, Avid Studio

So, ich habe jetzt mal die Teilnehmerliste und die WIP-Übersicht aktualisiert und die FTP-Zugangsdaten an die Quereinsteiger rausgeschickt.

Info an Stromer: Falls Robo es dir ncoh nicht gesagt hat: Er schaffts zeitlich nicht am Contest teilzunehmen (Umzug, etc), kannst dich also voll auf dein eigenen Beitrag konzentrieren

Laut Meiner Teilnehmerliste haben wir 27 Teilnehmer... Wo seid ihr alle?

@splatter: Ich glaube das fällt gar nicht so auf mit dem Schatten, wenn das Phone rausfährt...

@me: Jetzt mach dich mal endlich wieder an deinen eigenen Contestbeitrag ran!! ^^
__________________
Momentan ohne Signatur
  Mit Zitat antworten
Alt 20.09.2012, 20:01   #310 Nach oben scrollen
°°°°°°°°°°°°°°
HelperHelper
 
Benutzerbild von splatter
 

Registriert seit: 09.08.2005
Ort: lichtenstein
Beiträge: 787
Verwendet: ms paint 5.1

Zitat:
Zitat von simonpicos Beitrag anzeigen
Wo seid ihr alle?
Hier! erster

Zitat:
Zitat von cebito Beitrag anzeigen
Das geht nicht, die haben nur eine Strumpfmaske und können sich deshalb immer nur allein in der Öffentlichkeit zeigen
Woher weißt du das ?

Aber um das Problem mal anzugehen:
Ich könnte ja ein Schatten einbauen der sich bei hover des iphone verändert.

Kann ich diese beiden Werte miteinander kombinieren, so das wenn man mit der Maus über den "#iphone-container" fährt gleichzeitig "#schatten" angesprochen wird?
Code:
#schatten {
        top: 0px;
        left: 0px;
}
#iphone-container:hover {
	top:200px;
	left:120px;
}
gruß
splatter
__________________
. . .

Geändert von splatter (20.09.2012 um 20:04 Uhr).
  Mit Zitat antworten
Alt 20.09.2012, 20:05   #311 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von simonpicos
 

Registriert seit: 16.02.2011
Ort: Taunus
Beiträge: 2.281
Kamera: Canon EOS 600D
Verwendet: Adobe Creative Suite 6 Design Standard, Webocton Scriptly, Avid Studio

Zitat:
Zitat von splatter Beitrag anzeigen
Hier! erster


Woher weißt du das ?

Aber um das Problem mal anzugehen:
Ich könnte ja ein Schatten einbauen der sich bei hover des iphone verändert.

Kann ich diese beiden Werte miteinander kombinieren, so das wenn man mit der Maus über den "#iphone-container" fährt gleichzeitig "#schatten" angesprochen wird?
Code:
#schatten {
        top: 0px;
        left: 0px;
}
#iphone-container:hover {
	top:200px;
	left:120px;
}
gruß
splatter
Klar, entweder per jQuery, oder du schachtelst den Schatten in den iPhone-Container (dann einfach den Schatten als Kindelement ansprechen), oder du benutzt den ~-selektor: http://w3schools.com/cssref/sel_gen_sibling.asp
__________________
Momentan ohne Signatur
  Mit Zitat antworten
Alt 20.09.2012, 20:44   #312 Nach oben scrollen
°°°°°°°°°°°°°°
HelperHelper
 
Benutzerbild von splatter
 

Registriert seit: 09.08.2005
Ort: lichtenstein
Beiträge: 787
Verwendet: ms paint 5.1

Zitat:
Zitat von simonpicos Beitrag anzeigen
...oder du schachtelst den Schatten in den iPhone-Container (dann einfach den Schatten als Kindelement ansprechen)
Ich glaube genau das meinte ich.
Wie würde das dann im Code aussehen? wie schreibt man das?

Gruß
splatter
__________________
. . .
  Mit Zitat antworten
Alt 20.09.2012, 22:04   #313 Nach oben scrollen
WIP-Helfer
HelperHelper
 
Benutzerbild von Dobi78
 

Registriert seit: 11.09.2010
Ort: Neben D, F, A, I
Beiträge: 717
Kamera: Nikon D800
Verwendet: Adobe Master Suite CS 6, Wacom Intuos 5L

Simon ich bin hier...komm grad nicht weiter mit meinen Design....evtl. mach ich ein neues
__________________
Wichtiger Hinweis: Zwischen den Zeilen lesen, gibt viel Spielraum für Eigeninterpretation und führt zu Wahnvorstellungen & Paranoia!
Ich bei deviantART
  Mit Zitat antworten
Alt 20.09.2012, 22:40   #314 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von ADcosmos
 

Registriert seit: 25.01.2012
Beiträge: 176
Kamera: Canon EOS 60D

Hi,

Zitat:
Zitat von simonpicos Beitrag anzeigen
Laut Meiner Teilnehmerliste haben wir 27 Teilnehmer... Wo seid ihr alle?
HIER! (Oder DA, je nachdem wo Mann oder Frau ist )

Hab auch an meiner zweiten Variante ein bisschen gearbeitet.

Portfolio Web & Apps.

Portfolio Schreiben.

Schriftgrößen passen glaub ich aber noch nicht.

MFG ADcosmos
  Mit Zitat antworten
Alt 20.09.2012, 23:16   #315 Nach oben scrollen
Premium-Supporter
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von hellemon
 

Registriert seit: 17.11.2006
Ort: München
Beiträge: 2.414
Verwendet: Photoshop CS3, SuperHTML Web Studio 8.5, Rapid CSS 2010

Zitat:
Zitat von simonpicos Beitrag anzeigen
Laut Meiner Teilnehmerliste haben wir 27 Teilnehmer... Wo seid ihr alle?
Bin doch hier Lese fleißig mit. Ab nächste Woche mach ich wieder mit.

Gruß Helle
  Mit Zitat antworten
Antwort


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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Allgemeines] PSD-Website-Contest patrick_l Crossover-Contests 48 27.09.2012 17:40
Anmeldung für PSD Website-Contest simonpicos Crossover-Contests 115 10.09.2012 22:09
PSD Website-Contest 2012 (Themenwahl) patrick_l Allgemeines 34 19.08.2012 12:06
[Contest] Smudge Painting Contest - Wir holen uns den Sommer zurück ackermaennchen Contest-Zone [2D] [Allgemein] 142 30.09.2011 23:04