| Autor |
Nachricht |
-
brawl-crushers
|
 31.07.2011 um 23:58 (UTC)
Titel: Bilder in Buttons einfügen mit CSS |
|
|
Hi
ich möchte gerne meine buttons
Code: <input type="button" value="Button" />
mit einem Bild verpassen...habe es so halb geschafft aber dann muss ich dazu den type von button oder submit zu type="image" ändern und kann dann leider das Kommando Abschicken nicht mehr verwenden...geht das auch mit css?
habe das schon selbst probiert aber ich bekomme es nicht so hin wie ich es gerne hätte..müsste doch eigentlich möglich sein
würde mich freuen wenn ihr mir weiterhelfen könntet
so sieht dieser aus den ich leider nicht verwenden kann
Code: <input type="image" src="http://img.webme.com/pic/b/brawl-crushers/like.png">
[color=red]Wenn es nicht verstanden wird...was ich meine dann bitte fragen |
|
|
↑
|
|
 |
|
|
01.08.2011 um 01:52 (UTC)
Titel: |
|
|
Hallo,
versuche mal:
Zitat: <button type="submit" value="button"><img src="URL zu deinem Bild" alt="Bild"></button> |
|
|
↑
|
|
|
-
brawl-crushers
|
01.08.2011 um 12:59 (UTC)
Titel: |
|
|
cool danke funktioniert....bekommt man so auch einen hover effekt noch rein ? |
|
|
↑
|
|
|
|
|
01.08.2011 um 16:30 (UTC)
Titel: |
|
|
Kommt drauf an was du für einen Hove Effekt möchtest?
Wenn du einfach nur das Bild austauschen möchtest dann so:
Zitat: <button type="submit" value="button" onmouseover="this.firstChild.src=' URL zu Bild 2'" onmouseout="this.firstChild.src=' URL zu Bild 1'"><img src=" URL zu Bild 1" style=" widthXXpx; height:XXpx;"></button>
Damit du keine komischen spring Effekte hast, solltest du dem Bild eine feste Größe geben. Für andere Effekte bitte genaue infos.______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
|
↑
|
|
|
-
brawl-crushers
|
01.08.2011 um 18:54 (UTC)
Titel: |
|
|
genau so habe ich mir das vorgestellt =)...nun hätte da noch eine frage...kennst du vielleicht die seite spetools.de ? wenn ja...habe ich damit vor per eigenen css code die buttons von den battlevotes verändern (im forum ist zwar ein css code gepostet worden aber nihcht wie man die buttons ersetzt bzw. verändert....da hätte ich gerne so einen daumen nach unten und nach oben wie so in der art von youtube...nur leider weiß ich nicht wie ich die buttons ersetzt bekomme....weißt du da vllt weiter ? bzw irgend jemand ?
(vielleicht hat sich jemand damit ja mal außeinander gesetzt)
Zuletzt bearbeitet von brawl-crushers am 01.08.2011, 19:56, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
brawl-crushers
|
01.08.2011 um 22:14 (UTC)
Titel: |
|
|
'Das ist der Voter
Code: <script type="text/javascript" src="http://spetools.de/systems/battlevote/bvote.php?hash=5ebc83b21d1b4883d094526e6fbaefcd"></script>
CSS vom Voter
Code: #cxc_bv_left {
float:left;
}
#cxc_bv_left_pc {
font-size:9px;
}
#cxc_bv_full {
float:left;
background:#99CC00 url(http://spetools.de/systems/battlevote/img/side1.png) repeat-x;
width:200px;
height:25px;
}
#cxc_bv_percent {
height:25px;
background:#CC0000 url(http://spetools.de/systems/battlevote/img/side2.png) repeat-x;
}
#cxc_bv_balken {
float:left;
border:1px solid #999900;
padding:1px;
margin:0 5px;
}
#cxc_bv_right_pc {
font-size:9px;
}
#clear {
clear:both;
}
#cxc_bv_voted {
font-size:9px;
color:#003300;
}
#cxc_bv_non {
height:25px;
background:#CCCCCC url(http://spetools.de/systems/battlevote/img/sideNon.png) repeat-x;
}
.spe-bv-load {
background:url(/systems/battlevote/img/load.gif) no-repeat 0px center;
padding-left:18px;
border:none;
color:#666;
}
nur leider stecken die button im Javascript Code vom Voter
verstehst du mich jetzt vielleicht ? |
|
|
↑
|
|
|
|
|
02.08.2011 um 00:02 (UTC)
Titel: |
|
|
Ok, jetzt verstehe ich dein Problem. Es wäre hilfreich, wenn du den Link zu dem Vote posten könntest. Ich habe jetzt mal geschaut, wenn du das meinst was ich jetzt denke, könnte es so klappen:
Zitat:
<style type="text/css">
#cxc_bv_leftvote
{
background-image:url(url zum dislike Bild)!important;
}
#cxc_bv_rightvote
{
background-image:url(url zum like Bild)!important;
}
</style>
|
|
|
↑
|
|
|
-
brawl-crushers
|
02.08.2011 um 01:07 (UTC)
Titel: |
|
|
danke hat alles geklappt wie ich es mir virgestellt habe
vielen dank für deine hilfe "0-4-n"!! |
|
|
↑
|
|
|
|
|
02.08.2011 um 07:58 (UTC)
Titel: |
|
|
Vielen Dank für die Rückmeldung und danke an den Helfer!
-CLOSED-
Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
|
↑
|
|
|
|
