Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.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
Beitrag01.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>

______________
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
Beitrag01.08.2011 um 12:59 (UTC)    
Titel:

cool danke funktioniert....bekommt man so auch einen hover effekt noch rein ?
Beitrag01.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
Beitrag01.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
Beitrag01.08.2011 um 19:27 (UTC)    
Titel:

sry, ich verstehe glaube ich nicht ganz, was du meinst. Mach es doch einfach genauso!
______________
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


Zuletzt bearbeitet von o-4-n am 01.08.2011, 20:52, insgesamt einmal bearbeitet
Beitrag01.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 ?
Beitrag02.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>

______________
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
Beitrag02.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"!!
Beitrag02.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
Beiträge der letzten Zeit anzeigen:   


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