+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: Anfänger bei JavaScript (/showthread.php?tid=27694)
Anfänger bei JavaScript - moni_ch - 27.12.2008
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!
Anfänger bei JavaScript - derik - 27.12.2008
schau mal hier
http://www.juergens-workshops.de/tutorial/htmlworkshop/index.php?show=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!
Anfänger bei JavaScript - Helmut - 27.12.2008
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.
[attachment=14324]
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/selfhtml811/css/eigenschaften/hintergrund.htm
Cu Helmut
Anfänger bei JavaScript - moni_ch - 27.12.2008
derik schrieb:schau mal hier
http://www.juergens-workshops.de/tutorial/htmlworkshop/index.php?show=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
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
Anfänger bei JavaScript - moni_ch - 27.12.2008
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?
Anfänger bei JavaScript - derik - 28.12.2008
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