Login

moni_ch · 27.12.2008, 14:52

Halli Hallo

Ich bin ein Anfänger bei JavaScript und hätte einige Fragen und hoffe jemand von Euch kann mir weiterhelfen.

Habe folgende Site gefunden http://www.bartula.es/ und möchte gerne den gleichen Button kreieren inkl. den gleichen Hintergrund beim Starten http://www.bartula.es/home.htm

Habe kurz den Quelltext angeschaut und ich glaube das wurde alles mit JavaScript gemacht, oder?

Mit welchen Program muss ich hier arbeiten?
Kann mir jemand von Euch Tips geben?

Für eure zahlreiche Hilfe bin ich euch sehr dankbar!

derik · 27.12.2008, 15:28

schau mal hier
http://www.juergens-workshops.de/tutoria...mouseover1

da findest du auch einen MOUSEOVER-GENERATOR am Ende des Tutors

Es handeltl sich bei Deiner Eingangsseite um javascript, bei der zweiten seite ist es Flash!

Für MOUSEOVER brauchst du zwei Bilder gleicher Grösse, also eines mit hellem schein und das andere nur als Knopf mit dunklem Hintergrund nach dem Beispielscript von Jürgen einbauen und fertig!

Helmut · 27.12.2008, 15:40

Hi,

wenn es nur um den Button und den Hintergrund geht, das kann man auch mit einem Grafikprogramm und im HTML Code mit CSS erledigen.

Den Hintergrund des Linkes (dein Buttonbild) kann man nänmlich mit CSS verschieben. Dazu werden nur beide Buttonzustände normal/hover zusammen in eine Datei gespeichert.

und z.B. so in die Webseite eingebunden.

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Button</title>

<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #000000;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* BUTTON */
/* - - - - - - - - - - - - - - - - - - - - */
.button {
background-image: url('2button.gif');
background-repeat:no-repeat;
width: 269px;
height: 279px;
display: block;
text-decoration: none;
}
.button:hover {
background-image: url('2button.gif');
background-repeat:no-repeat;
background-position:0px -334px;
text-decoration: none;
}
</style>

</head>
<body>

<div align="center"><a class="button" href="#"> </a></div>

</body>
</html>[/HTML]

Zu CSS bitte das lesen http://www.juergens-workshops.de/service...rgrund.htm

Cu Helmut

moni_ch · 27.12.2008, 19:11

derik schrieb:schau mal hier
http://www.juergens-workshops.de/tutoria...mouseover1

da findest du auch einen MOUSEOVER-GENERATOR am Ende des Tutors

Es handeltl sich bei Deiner Eingangsseite um javascript, bei der zweiten seite ist es Flash!

Für MOUSEOVER brauchst du zwei Bilder gleicher Grösse, also eines mit hellem schein und das andere nur als Knopf mit dunklem Hintergrund nach dem Beispielscript von Jürgen einbauen und fertig!

Hi Derik

Vielen vielen Dank Bussi

Jedesmal wenn ich ein grosses FRAGENZEICHEN habe und ich eine Frage in diesem Forum online stelle, bekomme ich asap eine Antwort! :bounce:
Hammer Erklärung...eigentlich ganz einfach mit den Mouseover

moni_ch · 27.12.2008, 19:14

Die Eingangseite habe ich jetzt *danke Euch* und wie sieht es aus mit der zweite Seite? Ist das auch so einfach und gibt es dafür einen Tutorial?

derik · 28.12.2008, 09:54

Ja mit der zweiten seite sieht das nicht so einfach aus.
Es ist scheinbar komplett in FLash gemacht. Sowas macht man meistens mit sowas: http://www.adobe.com/de/products/flash/

also schon ziemlich profihaft!

Du solltest Dich als Anfänger nicht mit Flash beschäftigen, hier sind auch erst einige grundlegende theoretische Fragen zu klären, ehe man sich an diese Technik der Programmierung macht

Auf dieser Seite ist ein Flashfilm gemacht im Format *.swf und dann per Flashplayer-Plugin im Browser zur Ansicht gebracht.

hier kommst du mit Javascript nicht zu diesem Layout

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Stringvergleich: Unerschied bei internem und externem Javascript	koter	6	2.980	02.03.2014, 18:18 Letzter Beitrag: Jürgen
	Wie kann ich JavaScript aktivieren ?	R.Lydia	8	3.902	10.04.2009, 19:11 Letzter Beitrag: R.Lydia
	Problem mit Javascript-Menu	Ebba	9	2.466	14.12.2007, 14:33 Letzter Beitrag: Seramis
	Grafiken in JAVAScript einbauen	Inge	2	1.670	12.02.2007, 21:30 Letzter Beitrag: Inge
	Javascript gesucht	bernerbalu	3	1.892	03.10.2006, 18:37 Letzter Beitrag: bernerbalu
	Mit CSS und Javascript ein Menü gestalten und includen.	Darth Vader	2	1.804	06.01.2006, 18:07 Letzter Beitrag: Darth Vader
	Problem bei JAVA-Script in Menü Leiste...(VORSICHT ANFÄNGER)	Andreas69	12	3.560	01.08.2005, 00:27 Letzter Beitrag: Andreas69
	JavaScript im Include	Fliegelsche	2	1.777	09.03.2005, 08:53 Letzter Beitrag: Fliegelsche
	Texte ein und ausblenden -Javascript von Helmut-	dieter	1	2.264	17.11.2003, 12:06 Letzter Beitrag: Helmut