Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.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. Very Happy
Beitrag04.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... Wink

Jo das wars eigendlich auch schon^^
Ich hoffe es funktioniert

Arrow WICHTIG: Der Sound darf natürlich nicht zu lange andauern Exclamation
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag04.06.2007 um 13:40 (UTC)    
Titel:

Ich Danke dir. Very Happy
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
Beitrag04.06.2007 um 13:53 (UTC)    
Titel:

diegrando hat Folgendes geschrieben:

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.


Ja das geht auch....wenn du mir die Adresse des Buttons gibst kann ich dir den Code nochmal umschreiben... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag04.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
Beitrag04.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 <=)... Wink
______________
==> 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
Beitrag04.06.2007 um 14:24 (UTC)    
Titel:

Danke. Very Happy
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. Embarassed
Beitrag04.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 Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag04.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
Beitrag04.06.2007 um 15:47 (UTC)    
Titel:

Ok ich habe gerade mal geschaut aber der Ton wird leider nicht erzeugt.
Beitrag04.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
Beitrag04.06.2007 um 18:32 (UTC)    
Titel:

diegrando hat Folgendes geschrieben:
Ok ich habe gerade mal geschaut aber der Ton wird leider nicht erzeugt.


Hmm....ich teste das nochmal...geht aber heute nicht mehr!
Noch ne kurze Frage:
Hast du es mit mehreren Buttons versucht, oder erstmal nur mit einem Question
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag04.06.2007 um 21:49 (UTC)    
Titel:

Erst mal nur mit einem. !
Beitrag05.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 Question

Edit: Achja....wäre super, wenn du mir die URL zum Sound auch mitteilen könntest Exclamation
______________
==> 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
Beitrag05.06.2007 um 12:41 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de