| Autor |
Nachricht |
-
diegrando
|
 04.06.2007 um 06:22 (UTC)
Titel: Ich such ein Butten Html Code mit Ton. |
|
|
Hallo.
Ich such ein Butten Html Code mit Ton.
Beschreibung.
Ich setze in Dem Html Code die Zieladresse ein dann setze ich dehn Butten ein, und jetzt das entschiedene, wenn mann dehn Butten anklickt soll ein Ton erscheinen.
Ich hoffe mann weiß was ich meine.  |
|
|
↑
|
|
 |
-
outcast-inventions
Wohnort: BLB
|
04.06.2007 um 12:25 (UTC)
Titel: |
|
|
Ok ich versuchs mal...kann dir aber nicht versprechen, dass es klappt! Also hier erstmal der Code:
Zitat:
<style type="text/css">
<!--
/* Button für das Menü */
td.soundmenu{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
padding-left: 4px;
padding-right: 4px;
cursor: hand;
}
-->
</style>
<!-- Gibt den Button aus -->
<table bgcolor=#000000 align=center cellPadding=0 cellSpacing=2>
<!-- Tabelle für das Menü -->
<tr>
<td bgcolor=#00A300 ID="Sound1F" class="soundmenu"
onClick="location.href='Die-Adresse.html'"
OnMouseOver="Sound1F.style.background='#004500';document.Sound1S.play()"
OnMouseOut="Sound1F.style.background='#00A300'" width=50 height=25>
DerLink
</td>
</tr>
</table>
<!-- Der Sound -->
<embed name="Sound1S" src="Die-Sound-Adresse.wav" loop=false autostart=false hidden=true>
Gut das wäre erstmal der komplette Code! Jetzt erkläre ich ihn Schritt für Schritt!
Als erstes der Code, der bei Text über dem Design (Design einstellen->Box: Text über dem Design) rein muss!
Zitat:
<style type="text/css">
<!--
/* Button für das Menü */
td.soundmenu{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
padding-left: 4px;
padding-right: 4px;
cursor: hand;
}
-->
</style>
<!-- Der Sound / Sound-Adresse -->
<embed name="Sound1S" src="Die-Sound-Adresse.wav" loop=false autostart=false hidden=true>
Ja...das erste ist der CSS-Code, der für das "Sound-Menü da ist! In ihm werden die Farbe des Textes auf dem Button, die Größe des Textes, die Art des Textes, etc. definiert!
Im nächsten werden der Sound definiert und die Sound-Adresse bekannt gegeben! Das rot makierte muss deshalb durch die Sound-Adresse ersetzt werden!!!
Die anderen Optionen müssen so sein und brauche ich denke ich mal nicht erklären...
im Quellcode der Seite, wo dieser Button auftauchen soll, muss dann folgendes stehen:
Zitat:
<table bgcolor=#000000 align=center cellPadding=0 cellSpacing=2>
<!-- Tabelle für das Menü -->
<tr>
<td bgcolor=# 00A300 ID="Sound1F" class="soundmenu"
onClick="location.href=' Die-Adresse.html'"
OnMouseOver="Sound1F.style.background='# 004500';document.Sound1S.play()"
OnMouseOut="Sound1F.style.background='# 00A300'" width= 50 height= 25>
Link
</td>
</tr>
</table>
Hier wird der eigendliche Button erzeugt (mit einer Tabelle)!
Das rot makierte muss angeglichen werden, nämlich durch die Adresse (URL) auf die verlinkt werden soll! Das grüne gibt die Farbe des Buttons! Einmal normal, wie er am anfang ist, dann bei "OnMouseOver" der farbwechsel und bei "OnMouseOut" wieder die normale farbe!
Das Blaue gibt die Breite (hier: 50 Pixel) und die Höhe (hier: 25 Pixel)! as kann natürlich auch angepasst werden... 
Jo das wars eigendlich auch schon^^
Ich hoffe es funktioniert
 WICHTIG: Der Sound darf natürlich nicht zu lange andauern  ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design! |
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 13:40 (UTC)
Titel: |
|
|
Ich Danke dir.
Ich werd das gleich direkt mal versuchen.
Noch eine kleine Frage.
Kann mann das auch mit einen selbst Designten Butten machen dehn ich bei HPBK Hochladen.
Also wo ich dann auch die Bild Adresse eingeben kann, ohne das über Html Code einer erstellt werden muss.
Zuletzt bearbeitet von diegrando am 04.06.2007, 14:42, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 14:06 (UTC)
Titel: |
|
|
Erst mal vielen Dank.
Ich muss dann erst mal ein Alten Butten nehmen, weil die neuen noch nicht fertig sind.
Kann ich das denn immer wieder ändern, ? Denn ich brauche dehn Code für mehrere Butten´s.
http://img.webme.com/pic/d/diegrando/b_01_login.jpg
Zuletzt bearbeitet von diegrando am 04.06.2007, 15:06, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
04.06.2007 um 14:16 (UTC)
Titel: |
|
|
OK danke....der Code sähe dann jetzt so aus:
Zitat:
<style type="text/css">
<!--
/* Button für das Menü */
td.soundmenu{
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/diegrando/b_01_login.jpg);
font-family: Verdana;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
padding-left: 4px;
padding-right: 4px;
cursor: hand;
}
-->
</style>
<table border="0" align=center cellPadding=0 cellSpacing=0>
<!-- Tabelle für das Menü -->
<tr>
<td class="soundmenu"
onClick="location.href='Die-Adresse.html'"
OnMouseOver="document.Sound1S.play()" width=142 height=20>
</td>
</tr>
</table>
<!-- Der Sound -->
<embed name="Sound1S" src="Die-Sound-Adresse.wav" loop=false autostart=false hidden=true>
Wieder die Aufteilung in Text über dem Design und dem normalen Quelltext:
Text über dem Design:
Zitat:
<style type="text/css">
<!--
/* Button für das Menü */
td.soundmenu{
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/diegrando/b_01_login.jpg);
font-family: Verdana;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
padding-left: 4px;
padding-right: 4px;
cursor: hand;
}
-->
</style>
<!-- Der Sound -->
<embed name="Sound1S" src="Die-Sound-Adresse.wav" loop=false autostart=false hidden=true>
Und im Quellcode der gewünschten Seite:
Zitat:
<table border="0" align=center cellPadding=0 cellSpacing=0>
<!-- Tabelle für das Menü -->
<tr>
<td class="soundmenu"
onClick="location.href='Die-Adresse.html'"
OnMouseOver="document.Sound1S.play()" width= 142 height= 20>
</td>
</tr>
</table>
Wenn du einen anderen Button einfürgen willst, musst du die Adresse des Buttons bei dem Rot makierten einfügen und natürlich noch die Breite und Höhe ändern (=> Das blau makierte <=)... ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Zuletzt bearbeitet von outcast-inventions am 04.06.2007, 15:17, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 14:24 (UTC)
Titel: |
|
|
Danke.
Muss der Code ( Über dem Design ) über dem Design, oder kann der Code auch auf der Seite wo der Butten erscheinen soll. ?
Es ist nämlich ein Bisl. Kompliziert wenn ich auf einer Seite 5 Butten´s habe.
Sorry erst mal, Bin ein Lehrling in Html.  |
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
04.06.2007 um 14:33 (UTC)
Titel: |
|
|
Ne....wie gesagt, du fügst nur diesen
Zitat:
<style type="text/css">
<!--
/* Button für das Menü */
td.soundmenu{
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/diegrando/b_01_login.jpg);
font-family: Verdana;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
padding-left: 4px;
padding-right: 4px;
cursor: hand;
}
-->
</style>
<!-- Der Sound -->
<embed name="Sound1S" src="Die-Sound-Adresse.wav" loop=false autostart=false hidden=true>
Code bei Text über dem Design rein tun!
Der Code
Zitat:
<table border="0" align=center cellPadding=0 cellSpacing=0>
<!-- Tabelle für das Menü -->
<tr>
<td class="soundmenu"
onClick="location.href='Die-Adresse.html'"
OnMouseOver="document.Sound1S.play()" width=142 height=20>
</td>
</tr>
</table>
muss dann nur in den Quellcode der gewünschten Seite eingefügt werden! Bei mehreren Buttons wird halt immer ein neuer Button erstell, indem du wieder
Zitat:
<table border="0" align=center cellPadding=0 cellSpacing=0>
<!-- Tabelle für das Menü -->
<tr>
<td class="soundmenu"
onClick="location.href=' Die-Adresse.html'"
OnMouseOver="document.Sound1S.play()" width=142 height=20>
</td>
</tr>
</table>
diesen Code einfügst!
Aufpassen musst du bei jedem weitern Button aber auf das rot makierte, da du ja dann immer nen anderen Code hast!
Wenn es nicht funktioniert, dann schreib mir nochmal, da ich dann noch was umändern muss!
Zur Info: Das meiste ist eigendlich CSS...ein bisschen HTML und Javascript ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design! |
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 14:40 (UTC)
Titel: |
|
|
Ich hab das ausprobiert und es geht.
Das einigste was nicht geht ist das wenn mann über dehn Butten fährt die Hand nicht angezeigt wird.
Aber das ist nicht so tragisch.
Zuletzt bearbeitet von diegrando am 04.06.2007, 15:56, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 15:47 (UTC)
Titel: |
|
|
Ok ich habe gerade mal geschaut aber der Ton wird leider nicht erzeugt. |
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 16:06 (UTC)
Titel: |
|
|
Es gibt ja diesen Code.
<a target="_blank" href=" http://..Adresse der Ziel-Seite"><img alt="ein Bild" src=" http://..hier Bild-Adresse" /></a>
Gibt es da nicht noch eine einfache Lösung ein Signal ton zu erzeugen. ?
Zuletzt bearbeitet von diegrando am 04.06.2007, 17:07, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
|
|
↑
|
|
|
-
diegrando
|
04.06.2007 um 21:49 (UTC)
Titel: |
|
|
Erst mal nur mit einem. ! |
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
05.06.2007 um 11:18 (UTC)
Titel: |
|
|
diegrando hat Folgendes geschrieben: Erst mal nur mit einem. !
Hmm versteh ich nicht...naja muss ich nachher nochmal ausprobieren!
Hast du auch alle URL's richtig eingegeben, wie von der Seite auf die verlinkt werden soll und die für den Sound 
Edit: Achja....wäre super, wenn du mir die URL zum Sound auch mitteilen könntest ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Zuletzt bearbeitet von outcast-inventions am 05.06.2007, 13:11, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
diegrando
|
05.06.2007 um 12:41 (UTC)
Titel: |
|
|
|
|
|
↑
|
|
|
|
