Anfänger bei JavaScript
#1
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!
Zitieren
#2
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!
Zitieren
#3
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="#">&nbsp;</a></div>

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

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

Cu Helmut
Zitieren
#4
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
Zitieren
#5
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?
Zitieren
#6
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
Zitieren



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