HomeArtikelDownloadsForum
PCFreunde.deForumEntwicklungWebdesign
Besucher online: 931
Schnellsuche

Anzeigen

Community

Foren
Webdesign Seite 1/2
Wie bekomme ich so eine Seite hin?
AntwortenNeues ThemaZur Themenliste
Seiten:
1 2
Weiter
Nachricht
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 09:50
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Hallo Freunde,
ich will in Naher Zukunft meine Vespa neu Beschichten lassen. Dabei will ich eine Farbe verwenden, die es im Originalbaujahr gegeben hat.
Bei meiner Suche bin ich auf diese Seite gestoßen.

http://www.retrovespa.com/colors.html

Ich finde die Seite echt ganz gut bis auf, dass ich gerne mehere Ansichten von der Vespa hätte um die Farbe am ganzen Fahrzeug zu sehen.
In Photoshop bekomme ich das ohne Probleme hin da ist das richtige Ausschneiden der Ebenen die Problematik und das Zeitaufwendige.

Aber wie bekomme ich sowas in eine Html Seite?
Das Problem das ich noch sehe ist, wie bekomme ich die Vespa in den verschiedenen Farben angezeigt?
wechselt da einfach immer das Bild auf der Seite oder wird die Farbe auf den vorher bestimmen Bereich projeziert?

Könnt ihr mir da helfen?

MfGodzkilla :mrgreen:

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
PC Kraus
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 11:07
Moderator
58.294 Punkte (?)
Anmeldungsdatum: 20.07.2006
Beiträge: 11.456
Experte
Im Quelltext sieht man, dass beim überfahren der Farbe immer das entsprechende Bild geladen wird.



________________________________________
PC Kraus - Fernwartung - Quick Support
112 PC Hilfe
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 11:11
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Du meinst den Bereich hier oder

Zitat:
<area shape="rect" coords="176,8,221,56" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top12.jpg',1)">
<area shape="rect" coords="177,408,222,456" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top21.jpg',1)">
<area shape="rect" coords="176,108,221,155" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top14.jpg',1)">
<area shape="rect" coords="178,559,223,607" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top24.jpg',1)">
<area shape="rect" coords="178,508,223,555" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top23.jpg',1)">
<area shape="rect" coords="177,208,222,256" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top16.jpg',1)">
<area shape="rect" coords="177,259,222,307" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top18.jpg',1)">
<area shape="rect" coords="178,308,223,356" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top19.jpg',1)">
<area shape="rect" coords="176,58,221,106" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top13.jpg',1)">

<area shape="rect" coords="177,458,222,505" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top22.jpg',1)">
<area shape="rect" coords="177,159,222,206" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top15.jpg',1)">
<area shape="rect" coords="177,358,222,406" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top20.jpg',1)">
<area shape="rect" coords="11,559,54,607" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top31.jpg',1)">
<area shape="rect" coords="11,511,54,558" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top11.jpg',1)">
<area shape="rect" coords="11,461,54,508" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top17.jpg',1)">
<area shape="rect" coords="11,410,54,458" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top10.jpg',1)">
<area shape="rect" coords="12,360,55,408" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top9.jpg',1)">
<area shape="rect" coords="12,311,55,359" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top8.jpg',1)">

<area shape="rect" coords="12,262,55,310" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top30.jpg',1)">
<area shape="rect" coords="12,211,55,259" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top29.jpg',1)">
<area shape="rect" coords="12,161,55,208" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top28.jpg',1)">
<area shape="rect" coords="12,111,55,158" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top27.jpg',1)">
<area shape="rect" coords="12,61,55,109" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top26.jpg',1)">
<area shape="rect" coords="12,10,55,58" onMouseOver="MM_swapImage('color','','vbb_images/homeform_ad_top25.jpg',1)">


Das heißt, ich mache mir für jede der Farben ein extra Bild und tausche dann nur noch die Links von den jpg´s auf meine Bilder und dann könnte ich den selben code verwenden?

MfGodzkilla :mrgreen:

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Black-Baron
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 11:13
1.667 Punkte (?)
 
Anmeldungsdatum: 08.04.2007
Beiträge: 674
im Grunde ja ;)
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 11:18
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Ok das hört sich ja machbar an.
Und wie müsste ich vorgehen, wenn ich eine Benutzerdefinierte Farbe haben möchte?
Sprich der User hat zwar die Voreingestellten Möglichkeiten mit den Farben und den verschiedenen Bildern kann aber zusätzlich noch eine eigen Ausgedachte Farbe auswählen und somit etwas mehr mit den Farben spielen?

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
PC Kraus
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 11:21
Moderator
58.294 Punkte (?)
Anmeldungsdatum: 20.07.2006
Beiträge: 11.456
Experte
Das wird mit html wohl nicht machbar sein, wirst du wohl Flash bemühen müssen.

________________________________________
PC Kraus - Fernwartung - Quick Support
112 PC Hilfe
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 12:04
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Ok ich dachte mir schon sowas...
Das geht dann doch etwas zu weit für meine bescheidenen Kenntnisse :mrgreen: :lol:

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Black-Baron
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 13:58
1.667 Punkte (?)
 
Anmeldungsdatum: 08.04.2007
Beiträge: 674
Das müsste doch eigentlich machbar sein.

Abhängig wie Komplex das ganze sein soll von der Grafik mal so als Gedanke:

Du legst einen DIV mit der Größe deines Bilds direkt unter das Bild. Das Bild muss an den farbigen stellen dann volltransparent sein. Nun kannst du durch Einfärben des DIV eigentlich die stelle des Bilds ändern oder bin ich da jetzt falsch gewickelt ?
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 14:59
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Ja schon aber wie kann ich dann eine Userdefinierte Farbe auswählen lassen?
Wenn ich die Farben Rot, Gelb und Blau als Vorgabeknöpfe hätte, der User sich aber die Vespa in Grün ansehen will, wie kann er dann dem Div sagen, dass es Grün werden soll?
Und wenn wir schon dabei sind gehts hier ja auch z.B. um Farbmischungen die dann z.B. als Hexcolor eingegeben werden könnten.

So wie das hier wäre nicht schlecht wenn dann über dem Kästchen die Vespa wäre...
http://html-color-codes.info/webfarben_hexcodes/

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Black-Baron
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 15:13
1.667 Punkte (?)
 
Anmeldungsdatum: 08.04.2007
Beiträge: 674
Also wenn meine theorie stimmt, müsstest du das mit jeder Farbe machen können.

Und naja so einen Farbmixer gibt es sicher als fertigen Code den man frei verwenden kann ;)
Dann einfach aus dem Textfeld des Farbmixers den Hexwert auslesen und die BG-color vom DIV auf diesen Farbwert setzen ;)
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 28.09.2011 16:45
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Wenn du nen Tipp hättest wo man ein solches Script finden kann immer her damit :mrgreen:

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 29.09.2011 09:21
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Also ich hab jetzt die Lösung. So wie meistens im Leben ist die Naheliegenste Lösung, einfach bei dem der das Script hat einfach mal nachzufragen :wink:

Zitat:
Hi.
You can get the script here:
http://developer.yahoo.com/yui/colorpicker/
BR,
Frenky


________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Black-Baron
Titel: Wie bekomme ich so eine Seite hin? 29.09.2011 10:46
1.667 Punkte (?)
 
Anmeldungsdatum: 08.04.2007
Beiträge: 674
:D

Na dann ist das ja super ;)

Den Rest hast du soweit verstanden wie ich das mit der Grafik und dem DIV meine?
Private Nachricht senden  
 
Godzkilla
Titel: Wie bekomme ich so eine Seite hin? 29.09.2011 12:03
Moderator
6.156 Punkte (?)
Anmeldungsdatum: 21.09.2006
Beiträge: 10.444
Ja stimmt.
Das Problem, dass ich jetzt noch habe ist. Ich muss jetzt den kleinen Vorschaukasten rechts oben größer machen, damit meine Ansichten der Vespa schön sichtbar sind. Und Ich müsste noch wissen, wie ich über das Farbenanzeigefeld unter meine Grafik bekomme :wink:

________________________________________
MyPage|Android und das G1
Private Nachricht senden  
 
Black-Baron
Titel: Wie bekomme ich so eine Seite hin? 29.09.2011 18:49
1.667 Punkte (?)
 
Anmeldungsdatum: 08.04.2007
Beiträge: 674
Bin aktuell etwas im Stress wegen Umzug und so :)

Aber ich schau mir das übers Wochenende irgendwann mal an ;)
Private Nachricht senden  
 
AntwortenNeues ThemaZur Themenliste
Seiten:
1 2
Weiter
Community Login
eMail:
Passwort:
Auto-Login